@ckeditor/ckeditor5-ui 40.0.0 → 40.2.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/CHANGELOG.md +26 -26
- package/LICENSE.md +3 -3
- package/lang/translations/gl.po +4 -4
- package/lang/translations/pt-br.po +1 -1
- package/lang/translations/sr-latn.po +6 -6
- package/lang/translations/ug.po +26 -26
- package/package.json +3 -3
- package/src/arialiveannouncer.d.ts +94 -0
- package/src/arialiveannouncer.js +113 -0
- package/src/augmentation.d.ts +86 -86
- package/src/augmentation.js +5 -5
- package/src/autocomplete/autocompleteview.d.ts +81 -81
- package/src/autocomplete/autocompleteview.js +153 -146
- package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
- package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
- package/src/bindings/clickoutsidehandler.d.ts +28 -28
- package/src/bindings/clickoutsidehandler.js +36 -36
- package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
- package/src/bindings/csstransitiondisablermixin.js +55 -55
- package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
- package/src/bindings/injectcsstransitiondisabler.js +71 -71
- package/src/bindings/preventdefault.d.ts +33 -33
- package/src/bindings/preventdefault.js +34 -34
- package/src/bindings/submithandler.d.ts +57 -57
- package/src/bindings/submithandler.js +47 -47
- package/src/button/button.d.ts +172 -178
- package/src/button/button.js +5 -5
- package/src/button/buttonlabel.d.ts +34 -34
- package/src/button/buttonlabel.js +5 -5
- package/src/button/buttonlabelview.d.ts +31 -31
- package/src/button/buttonlabelview.js +42 -42
- package/src/button/buttonview.d.ts +181 -185
- package/src/button/buttonview.js +217 -219
- package/src/button/switchbuttonview.d.ts +45 -45
- package/src/button/switchbuttonview.js +75 -75
- package/src/collapsible/collapsibleview.d.ts +69 -0
- package/src/collapsible/collapsibleview.js +95 -0
- package/src/colorgrid/colorgridview.d.ts +132 -132
- package/src/colorgrid/colorgridview.js +124 -124
- package/src/colorgrid/colortileview.d.ts +28 -28
- package/src/colorgrid/colortileview.js +40 -40
- package/src/colorgrid/utils.d.ts +47 -47
- package/src/colorgrid/utils.js +84 -84
- package/src/colorpicker/colorpickerview.d.ts +137 -137
- package/src/colorpicker/colorpickerview.js +270 -270
- package/src/colorpicker/utils.d.ts +43 -43
- package/src/colorpicker/utils.js +99 -99
- package/src/colorselector/colorgridsfragmentview.d.ts +194 -194
- package/src/colorselector/colorgridsfragmentview.js +289 -289
- package/src/colorselector/colorpickerfragmentview.d.ts +128 -128
- package/src/colorselector/colorpickerfragmentview.js +205 -205
- package/src/colorselector/colorselectorview.d.ts +242 -242
- package/src/colorselector/colorselectorview.js +256 -256
- package/src/colorselector/documentcolorcollection.d.ts +70 -70
- package/src/colorselector/documentcolorcollection.js +42 -42
- package/src/componentfactory.d.ts +81 -81
- package/src/componentfactory.js +104 -104
- package/src/dropdown/button/dropdownbutton.d.ts +25 -25
- package/src/dropdown/button/dropdownbutton.js +5 -5
- package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
- package/src/dropdown/button/dropdownbuttonview.js +66 -66
- package/src/dropdown/button/splitbuttonview.d.ts +162 -161
- package/src/dropdown/button/splitbuttonview.js +154 -152
- package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
- package/src/dropdown/dropdownpanelfocusable.js +5 -5
- package/src/dropdown/dropdownpanelview.d.ts +62 -62
- package/src/dropdown/dropdownpanelview.js +97 -97
- package/src/dropdown/dropdownview.d.ts +315 -315
- package/src/dropdown/dropdownview.js +379 -379
- package/src/dropdown/utils.d.ts +235 -235
- package/src/dropdown/utils.js +463 -458
- package/src/editableui/editableuiview.d.ts +72 -72
- package/src/editableui/editableuiview.js +112 -112
- package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
- package/src/editableui/inline/inlineeditableuiview.js +48 -48
- package/src/editorui/bodycollection.d.ts +55 -55
- package/src/editorui/bodycollection.js +84 -84
- package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
- package/src/editorui/boxed/boxededitoruiview.js +81 -81
- package/src/editorui/editorui.d.ts +288 -282
- package/src/editorui/editorui.js +412 -410
- package/src/editorui/editoruiview.d.ts +39 -39
- package/src/editorui/editoruiview.js +38 -38
- package/src/editorui/poweredby.d.ts +71 -71
- package/src/editorui/poweredby.js +276 -276
- package/src/focuscycler.d.ts +226 -226
- package/src/focuscycler.js +245 -245
- package/src/formheader/formheaderview.d.ts +59 -59
- package/src/formheader/formheaderview.js +69 -69
- package/src/highlightedtext/highlightedtextview.d.ts +38 -38
- package/src/highlightedtext/highlightedtextview.js +102 -102
- package/src/icon/iconview.d.ts +85 -85
- package/src/icon/iconview.js +114 -114
- package/src/iframe/iframeview.d.ts +50 -50
- package/src/iframe/iframeview.js +63 -63
- package/src/index.d.ts +74 -73
- package/src/index.js +71 -70
- package/src/input/inputbase.d.ts +107 -107
- package/src/input/inputbase.js +110 -110
- package/src/input/inputview.d.ts +36 -36
- package/src/input/inputview.js +24 -24
- package/src/inputnumber/inputnumberview.d.ts +49 -49
- package/src/inputnumber/inputnumberview.js +40 -40
- package/src/inputtext/inputtextview.d.ts +18 -18
- package/src/inputtext/inputtextview.js +27 -27
- package/src/label/labelview.d.ts +36 -36
- package/src/label/labelview.js +41 -41
- package/src/labeledfield/labeledfieldview.d.ts +187 -187
- package/src/labeledfield/labeledfieldview.js +157 -157
- package/src/labeledfield/utils.d.ts +123 -123
- package/src/labeledfield/utils.js +176 -176
- package/src/labeledinput/labeledinputview.d.ts +125 -125
- package/src/labeledinput/labeledinputview.js +125 -125
- package/src/list/listitemgroupview.d.ts +59 -51
- package/src/list/listitemgroupview.js +67 -75
- package/src/list/listitemview.d.ts +36 -36
- package/src/list/listitemview.js +42 -42
- package/src/list/listseparatorview.d.ts +18 -18
- package/src/list/listseparatorview.js +28 -28
- package/src/list/listview.d.ts +123 -122
- package/src/list/listview.js +188 -187
- package/src/model.d.ts +22 -22
- package/src/model.js +31 -31
- package/src/notification/notification.d.ts +211 -211
- package/src/notification/notification.js +187 -187
- package/src/panel/balloon/balloonpanelview.d.ts +685 -685
- package/src/panel/balloon/balloonpanelview.js +1010 -1010
- package/src/panel/balloon/contextualballoon.d.ts +299 -299
- package/src/panel/balloon/contextualballoon.js +572 -572
- package/src/panel/sticky/stickypanelview.d.ts +156 -156
- package/src/panel/sticky/stickypanelview.js +234 -234
- package/src/search/filteredview.d.ts +31 -31
- package/src/search/filteredview.js +5 -5
- package/src/search/searchinfoview.d.ts +45 -45
- package/src/search/searchinfoview.js +59 -59
- package/src/search/searchresultsview.d.ts +54 -54
- package/src/search/searchresultsview.js +65 -65
- package/src/search/text/searchtextqueryview.d.ts +76 -76
- package/src/search/text/searchtextqueryview.js +75 -75
- package/src/search/text/searchtextview.d.ts +219 -219
- package/src/search/text/searchtextview.js +201 -201
- package/src/spinner/spinnerview.d.ts +25 -25
- package/src/spinner/spinnerview.js +38 -38
- package/src/template.d.ts +942 -942
- package/src/template.js +1294 -1294
- package/src/textarea/textareaview.d.ts +88 -88
- package/src/textarea/textareaview.js +142 -140
- package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
- package/src/toolbar/balloon/balloontoolbar.js +300 -300
- package/src/toolbar/block/blockbuttonview.d.ts +35 -35
- package/src/toolbar/block/blockbuttonview.js +41 -41
- package/src/toolbar/block/blocktoolbar.d.ts +161 -161
- package/src/toolbar/block/blocktoolbar.js +395 -395
- package/src/toolbar/normalizetoolbarconfig.d.ts +40 -40
- package/src/toolbar/normalizetoolbarconfig.js +52 -51
- package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
- package/src/toolbar/toolbarlinebreakview.js +28 -28
- package/src/toolbar/toolbarseparatorview.d.ts +18 -18
- package/src/toolbar/toolbarseparatorview.js +28 -28
- package/src/toolbar/toolbarview.d.ts +266 -266
- package/src/toolbar/toolbarview.js +719 -719
- package/src/tooltipmanager.d.ts +180 -180
- package/src/tooltipmanager.js +353 -353
- package/src/view.d.ts +422 -422
- package/src/view.js +396 -396
- package/src/viewcollection.d.ts +139 -139
- package/src/viewcollection.js +206 -206
- package/theme/components/arialiveannouncer/arialiveannouncer.css +10 -0
- package/theme/components/button/button.css +9 -1
- package/theme/components/collapsible/collapsible.css +10 -0
- package/theme/components/formheader/formheader.css +0 -4
package/src/icon/iconview.js
CHANGED
|
@@ -1,114 +1,114 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/* global DOMParser */
|
|
6
|
-
/**
|
|
7
|
-
* @module ui/icon/iconview
|
|
8
|
-
*/
|
|
9
|
-
import View from '../view';
|
|
10
|
-
import '../../theme/components/icon/icon.css';
|
|
11
|
-
/**
|
|
12
|
-
* The icon view class.
|
|
13
|
-
*/
|
|
14
|
-
export default class IconView extends View {
|
|
15
|
-
/**
|
|
16
|
-
* @inheritDoc
|
|
17
|
-
*/
|
|
18
|
-
constructor() {
|
|
19
|
-
super();
|
|
20
|
-
const bind = this.bindTemplate;
|
|
21
|
-
this.set('content', '');
|
|
22
|
-
this.set('viewBox', '0 0 20 20');
|
|
23
|
-
this.set('fillColor', '');
|
|
24
|
-
this.set('isColorInherited', true);
|
|
25
|
-
this.set('isVisible', true);
|
|
26
|
-
this.setTemplate({
|
|
27
|
-
tag: 'svg',
|
|
28
|
-
ns: 'http://www.w3.org/2000/svg',
|
|
29
|
-
attributes: {
|
|
30
|
-
class: [
|
|
31
|
-
'ck',
|
|
32
|
-
'ck-icon',
|
|
33
|
-
bind.if('isVisible', 'ck-hidden', value => !value),
|
|
34
|
-
// Exclude icon internals from the CSS reset to allow rich (non-monochromatic) icons
|
|
35
|
-
// (https://github.com/ckeditor/ckeditor5/issues/12599).
|
|
36
|
-
'ck-reset_all-excluded',
|
|
37
|
-
// The class to remove the dynamic color inheritance is toggleable
|
|
38
|
-
// (https://github.com/ckeditor/ckeditor5/issues/12599).
|
|
39
|
-
bind.if('isColorInherited', 'ck-icon_inherit-color')
|
|
40
|
-
],
|
|
41
|
-
viewBox: bind.to('viewBox')
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* @inheritDoc
|
|
47
|
-
*/
|
|
48
|
-
render() {
|
|
49
|
-
super.render();
|
|
50
|
-
this._updateXMLContent();
|
|
51
|
-
this._colorFillPaths();
|
|
52
|
-
// This is a hack for lack of innerHTML binding.
|
|
53
|
-
// See: https://github.com/ckeditor/ckeditor5-ui/issues/99.
|
|
54
|
-
this.on('change:content', () => {
|
|
55
|
-
this._updateXMLContent();
|
|
56
|
-
this._colorFillPaths();
|
|
57
|
-
});
|
|
58
|
-
this.on('change:fillColor', () => {
|
|
59
|
-
this._colorFillPaths();
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* Updates the {@link #element} with the value of {@link #content}.
|
|
64
|
-
*/
|
|
65
|
-
_updateXMLContent() {
|
|
66
|
-
if (this.content) {
|
|
67
|
-
const parsed = new DOMParser().parseFromString(this.content.trim(), 'image/svg+xml');
|
|
68
|
-
const svg = parsed.querySelector('svg');
|
|
69
|
-
const viewBox = svg.getAttribute('viewBox');
|
|
70
|
-
if (viewBox) {
|
|
71
|
-
this.viewBox = viewBox;
|
|
72
|
-
}
|
|
73
|
-
// Preserve presentational attributes of the <svg> element from the source.
|
|
74
|
-
// They can affect rendering of the entire icon (https://github.com/ckeditor/ckeditor5/issues/12597).
|
|
75
|
-
for (const { name, value } of Array.from(svg.attributes)) {
|
|
76
|
-
if (IconView.presentationalAttributeNames.includes(name)) {
|
|
77
|
-
this.element.setAttribute(name, value);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
while (this.element.firstChild) {
|
|
81
|
-
this.element.removeChild(this.element.firstChild);
|
|
82
|
-
}
|
|
83
|
-
while (svg.childNodes.length > 0) {
|
|
84
|
-
this.element.appendChild(svg.childNodes[0]);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
/**
|
|
89
|
-
* Fills all child `path.ck-icon__fill` with the `#fillColor`.
|
|
90
|
-
*/
|
|
91
|
-
_colorFillPaths() {
|
|
92
|
-
if (this.fillColor) {
|
|
93
|
-
this.element.querySelectorAll('.ck-icon__fill').forEach(path => {
|
|
94
|
-
path.style.fill = this.fillColor;
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
/**
|
|
100
|
-
* A list of presentational attributes that can be set on the `<svg>` element and should be preserved
|
|
101
|
-
* when the icon {@link module:ui/icon/iconview~IconView#content content} is loaded.
|
|
102
|
-
*
|
|
103
|
-
* See the [specification](https://www.w3.org/TR/SVG/styling.html#TermPresentationAttribute) to learn more.
|
|
104
|
-
*/
|
|
105
|
-
IconView.presentationalAttributeNames = [
|
|
106
|
-
'alignment-baseline', 'baseline-shift', 'clip-path', 'clip-rule', 'color', 'color-interpolation',
|
|
107
|
-
'color-interpolation-filters', 'color-rendering', 'cursor', 'direction', 'display', 'dominant-baseline', 'fill', 'fill-opacity',
|
|
108
|
-
'fill-rule', 'filter', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style',
|
|
109
|
-
'font-variant', 'font-weight', 'image-rendering', 'letter-spacing', 'lighting-color', 'marker-end', 'marker-mid', 'marker-start',
|
|
110
|
-
'mask', 'opacity', 'overflow', 'paint-order', 'pointer-events', 'shape-rendering', 'stop-color', 'stop-opacity', 'stroke',
|
|
111
|
-
'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width',
|
|
112
|
-
'text-anchor', 'text-decoration', 'text-overflow', 'text-rendering', 'transform', 'unicode-bidi', 'vector-effect',
|
|
113
|
-
'visibility', 'white-space', 'word-spacing', 'writing-mode'
|
|
114
|
-
];
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/* global DOMParser */
|
|
6
|
+
/**
|
|
7
|
+
* @module ui/icon/iconview
|
|
8
|
+
*/
|
|
9
|
+
import View from '../view';
|
|
10
|
+
import '../../theme/components/icon/icon.css';
|
|
11
|
+
/**
|
|
12
|
+
* The icon view class.
|
|
13
|
+
*/
|
|
14
|
+
export default class IconView extends View {
|
|
15
|
+
/**
|
|
16
|
+
* @inheritDoc
|
|
17
|
+
*/
|
|
18
|
+
constructor() {
|
|
19
|
+
super();
|
|
20
|
+
const bind = this.bindTemplate;
|
|
21
|
+
this.set('content', '');
|
|
22
|
+
this.set('viewBox', '0 0 20 20');
|
|
23
|
+
this.set('fillColor', '');
|
|
24
|
+
this.set('isColorInherited', true);
|
|
25
|
+
this.set('isVisible', true);
|
|
26
|
+
this.setTemplate({
|
|
27
|
+
tag: 'svg',
|
|
28
|
+
ns: 'http://www.w3.org/2000/svg',
|
|
29
|
+
attributes: {
|
|
30
|
+
class: [
|
|
31
|
+
'ck',
|
|
32
|
+
'ck-icon',
|
|
33
|
+
bind.if('isVisible', 'ck-hidden', value => !value),
|
|
34
|
+
// Exclude icon internals from the CSS reset to allow rich (non-monochromatic) icons
|
|
35
|
+
// (https://github.com/ckeditor/ckeditor5/issues/12599).
|
|
36
|
+
'ck-reset_all-excluded',
|
|
37
|
+
// The class to remove the dynamic color inheritance is toggleable
|
|
38
|
+
// (https://github.com/ckeditor/ckeditor5/issues/12599).
|
|
39
|
+
bind.if('isColorInherited', 'ck-icon_inherit-color')
|
|
40
|
+
],
|
|
41
|
+
viewBox: bind.to('viewBox')
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* @inheritDoc
|
|
47
|
+
*/
|
|
48
|
+
render() {
|
|
49
|
+
super.render();
|
|
50
|
+
this._updateXMLContent();
|
|
51
|
+
this._colorFillPaths();
|
|
52
|
+
// This is a hack for lack of innerHTML binding.
|
|
53
|
+
// See: https://github.com/ckeditor/ckeditor5-ui/issues/99.
|
|
54
|
+
this.on('change:content', () => {
|
|
55
|
+
this._updateXMLContent();
|
|
56
|
+
this._colorFillPaths();
|
|
57
|
+
});
|
|
58
|
+
this.on('change:fillColor', () => {
|
|
59
|
+
this._colorFillPaths();
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Updates the {@link #element} with the value of {@link #content}.
|
|
64
|
+
*/
|
|
65
|
+
_updateXMLContent() {
|
|
66
|
+
if (this.content) {
|
|
67
|
+
const parsed = new DOMParser().parseFromString(this.content.trim(), 'image/svg+xml');
|
|
68
|
+
const svg = parsed.querySelector('svg');
|
|
69
|
+
const viewBox = svg.getAttribute('viewBox');
|
|
70
|
+
if (viewBox) {
|
|
71
|
+
this.viewBox = viewBox;
|
|
72
|
+
}
|
|
73
|
+
// Preserve presentational attributes of the <svg> element from the source.
|
|
74
|
+
// They can affect rendering of the entire icon (https://github.com/ckeditor/ckeditor5/issues/12597).
|
|
75
|
+
for (const { name, value } of Array.from(svg.attributes)) {
|
|
76
|
+
if (IconView.presentationalAttributeNames.includes(name)) {
|
|
77
|
+
this.element.setAttribute(name, value);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
while (this.element.firstChild) {
|
|
81
|
+
this.element.removeChild(this.element.firstChild);
|
|
82
|
+
}
|
|
83
|
+
while (svg.childNodes.length > 0) {
|
|
84
|
+
this.element.appendChild(svg.childNodes[0]);
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Fills all child `path.ck-icon__fill` with the `#fillColor`.
|
|
90
|
+
*/
|
|
91
|
+
_colorFillPaths() {
|
|
92
|
+
if (this.fillColor) {
|
|
93
|
+
this.element.querySelectorAll('.ck-icon__fill').forEach(path => {
|
|
94
|
+
path.style.fill = this.fillColor;
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
100
|
+
* A list of presentational attributes that can be set on the `<svg>` element and should be preserved
|
|
101
|
+
* when the icon {@link module:ui/icon/iconview~IconView#content content} is loaded.
|
|
102
|
+
*
|
|
103
|
+
* See the [specification](https://www.w3.org/TR/SVG/styling.html#TermPresentationAttribute) to learn more.
|
|
104
|
+
*/
|
|
105
|
+
IconView.presentationalAttributeNames = [
|
|
106
|
+
'alignment-baseline', 'baseline-shift', 'clip-path', 'clip-rule', 'color', 'color-interpolation',
|
|
107
|
+
'color-interpolation-filters', 'color-rendering', 'cursor', 'direction', 'display', 'dominant-baseline', 'fill', 'fill-opacity',
|
|
108
|
+
'fill-rule', 'filter', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style',
|
|
109
|
+
'font-variant', 'font-weight', 'image-rendering', 'letter-spacing', 'lighting-color', 'marker-end', 'marker-mid', 'marker-start',
|
|
110
|
+
'mask', 'opacity', 'overflow', 'paint-order', 'pointer-events', 'shape-rendering', 'stop-color', 'stop-opacity', 'stroke',
|
|
111
|
+
'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width',
|
|
112
|
+
'text-anchor', 'text-decoration', 'text-overflow', 'text-rendering', 'transform', 'unicode-bidi', 'vector-effect',
|
|
113
|
+
'visibility', 'white-space', 'word-spacing', 'writing-mode'
|
|
114
|
+
];
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module ui/iframe/iframeview
|
|
7
|
-
*/
|
|
8
|
-
import View from '../view';
|
|
9
|
-
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
10
|
-
/**
|
|
11
|
-
* The iframe view class.
|
|
12
|
-
*
|
|
13
|
-
* ```ts
|
|
14
|
-
* const iframe = new IframeView();
|
|
15
|
-
*
|
|
16
|
-
* iframe.render();
|
|
17
|
-
* document.body.appendChild( iframe.element );
|
|
18
|
-
*
|
|
19
|
-
* iframe.on( 'loaded', () => {
|
|
20
|
-
* console.log( 'The iframe has loaded', iframe.element.contentWindow );
|
|
21
|
-
* } );
|
|
22
|
-
*
|
|
23
|
-
* iframe.element.src = 'https://ckeditor.com';
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
export default class IframeView extends View<HTMLIFrameElement> {
|
|
27
|
-
/**
|
|
28
|
-
* Creates a new instance of the iframe view.
|
|
29
|
-
*
|
|
30
|
-
* @param locale The locale instance.
|
|
31
|
-
*/
|
|
32
|
-
constructor(locale?: Locale);
|
|
33
|
-
/**
|
|
34
|
-
* Renders the iframe's {@link #element} and returns a `Promise` for asynchronous
|
|
35
|
-
* child `contentDocument` loading process.
|
|
36
|
-
*
|
|
37
|
-
* @returns A promise which resolves once the iframe `contentDocument` has
|
|
38
|
-
* been {@link #event:loaded}.
|
|
39
|
-
*/
|
|
40
|
-
render(): Promise<unknown>;
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Fired when the DOM iframe's `contentDocument` finished loading.
|
|
44
|
-
*
|
|
45
|
-
* @eventName ~IframeView#loaded
|
|
46
|
-
*/
|
|
47
|
-
export type IframeViewLoadedEvent = {
|
|
48
|
-
name: 'loaded';
|
|
49
|
-
args: [];
|
|
50
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module ui/iframe/iframeview
|
|
7
|
+
*/
|
|
8
|
+
import View from '../view';
|
|
9
|
+
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
10
|
+
/**
|
|
11
|
+
* The iframe view class.
|
|
12
|
+
*
|
|
13
|
+
* ```ts
|
|
14
|
+
* const iframe = new IframeView();
|
|
15
|
+
*
|
|
16
|
+
* iframe.render();
|
|
17
|
+
* document.body.appendChild( iframe.element );
|
|
18
|
+
*
|
|
19
|
+
* iframe.on( 'loaded', () => {
|
|
20
|
+
* console.log( 'The iframe has loaded', iframe.element.contentWindow );
|
|
21
|
+
* } );
|
|
22
|
+
*
|
|
23
|
+
* iframe.element.src = 'https://ckeditor.com';
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export default class IframeView extends View<HTMLIFrameElement> {
|
|
27
|
+
/**
|
|
28
|
+
* Creates a new instance of the iframe view.
|
|
29
|
+
*
|
|
30
|
+
* @param locale The locale instance.
|
|
31
|
+
*/
|
|
32
|
+
constructor(locale?: Locale);
|
|
33
|
+
/**
|
|
34
|
+
* Renders the iframe's {@link #element} and returns a `Promise` for asynchronous
|
|
35
|
+
* child `contentDocument` loading process.
|
|
36
|
+
*
|
|
37
|
+
* @returns A promise which resolves once the iframe `contentDocument` has
|
|
38
|
+
* been {@link #event:loaded}.
|
|
39
|
+
*/
|
|
40
|
+
render(): Promise<unknown>;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Fired when the DOM iframe's `contentDocument` finished loading.
|
|
44
|
+
*
|
|
45
|
+
* @eventName ~IframeView#loaded
|
|
46
|
+
*/
|
|
47
|
+
export type IframeViewLoadedEvent = {
|
|
48
|
+
name: 'loaded';
|
|
49
|
+
args: [];
|
|
50
|
+
};
|
package/src/iframe/iframeview.js
CHANGED
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module ui/iframe/iframeview
|
|
7
|
-
*/
|
|
8
|
-
import View from '../view';
|
|
9
|
-
/**
|
|
10
|
-
* The iframe view class.
|
|
11
|
-
*
|
|
12
|
-
* ```ts
|
|
13
|
-
* const iframe = new IframeView();
|
|
14
|
-
*
|
|
15
|
-
* iframe.render();
|
|
16
|
-
* document.body.appendChild( iframe.element );
|
|
17
|
-
*
|
|
18
|
-
* iframe.on( 'loaded', () => {
|
|
19
|
-
* console.log( 'The iframe has loaded', iframe.element.contentWindow );
|
|
20
|
-
* } );
|
|
21
|
-
*
|
|
22
|
-
* iframe.element.src = 'https://ckeditor.com';
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export default class IframeView extends View {
|
|
26
|
-
/**
|
|
27
|
-
* Creates a new instance of the iframe view.
|
|
28
|
-
*
|
|
29
|
-
* @param locale The locale instance.
|
|
30
|
-
*/
|
|
31
|
-
constructor(locale) {
|
|
32
|
-
super(locale);
|
|
33
|
-
const bind = this.bindTemplate;
|
|
34
|
-
this.setTemplate({
|
|
35
|
-
tag: 'iframe',
|
|
36
|
-
attributes: {
|
|
37
|
-
class: [
|
|
38
|
-
'ck',
|
|
39
|
-
'ck-reset_all'
|
|
40
|
-
],
|
|
41
|
-
// It seems that we need to allow scripts in order to be able to listen to events.
|
|
42
|
-
// TODO: Research that. Perhaps the src must be set?
|
|
43
|
-
sandbox: 'allow-same-origin allow-scripts'
|
|
44
|
-
},
|
|
45
|
-
on: {
|
|
46
|
-
load: bind.to('loaded')
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
* Renders the iframe's {@link #element} and returns a `Promise` for asynchronous
|
|
52
|
-
* child `contentDocument` loading process.
|
|
53
|
-
*
|
|
54
|
-
* @returns A promise which resolves once the iframe `contentDocument` has
|
|
55
|
-
* been {@link #event:loaded}.
|
|
56
|
-
*/
|
|
57
|
-
render() {
|
|
58
|
-
return new Promise(resolve => {
|
|
59
|
-
this.on('loaded', resolve);
|
|
60
|
-
return super.render();
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module ui/iframe/iframeview
|
|
7
|
+
*/
|
|
8
|
+
import View from '../view';
|
|
9
|
+
/**
|
|
10
|
+
* The iframe view class.
|
|
11
|
+
*
|
|
12
|
+
* ```ts
|
|
13
|
+
* const iframe = new IframeView();
|
|
14
|
+
*
|
|
15
|
+
* iframe.render();
|
|
16
|
+
* document.body.appendChild( iframe.element );
|
|
17
|
+
*
|
|
18
|
+
* iframe.on( 'loaded', () => {
|
|
19
|
+
* console.log( 'The iframe has loaded', iframe.element.contentWindow );
|
|
20
|
+
* } );
|
|
21
|
+
*
|
|
22
|
+
* iframe.element.src = 'https://ckeditor.com';
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
export default class IframeView extends View {
|
|
26
|
+
/**
|
|
27
|
+
* Creates a new instance of the iframe view.
|
|
28
|
+
*
|
|
29
|
+
* @param locale The locale instance.
|
|
30
|
+
*/
|
|
31
|
+
constructor(locale) {
|
|
32
|
+
super(locale);
|
|
33
|
+
const bind = this.bindTemplate;
|
|
34
|
+
this.setTemplate({
|
|
35
|
+
tag: 'iframe',
|
|
36
|
+
attributes: {
|
|
37
|
+
class: [
|
|
38
|
+
'ck',
|
|
39
|
+
'ck-reset_all'
|
|
40
|
+
],
|
|
41
|
+
// It seems that we need to allow scripts in order to be able to listen to events.
|
|
42
|
+
// TODO: Research that. Perhaps the src must be set?
|
|
43
|
+
sandbox: 'allow-same-origin allow-scripts'
|
|
44
|
+
},
|
|
45
|
+
on: {
|
|
46
|
+
load: bind.to('loaded')
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Renders the iframe's {@link #element} and returns a `Promise` for asynchronous
|
|
52
|
+
* child `contentDocument` loading process.
|
|
53
|
+
*
|
|
54
|
+
* @returns A promise which resolves once the iframe `contentDocument` has
|
|
55
|
+
* been {@link #event:loaded}.
|
|
56
|
+
*/
|
|
57
|
+
render() {
|
|
58
|
+
return new Promise(resolve => {
|
|
59
|
+
this.on('loaded', resolve);
|
|
60
|
+
return super.render();
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
}
|
package/src/index.d.ts
CHANGED
|
@@ -1,73 +1,74 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module ui
|
|
7
|
-
*/
|
|
8
|
-
export { default as clickOutsideHandler } from './bindings/clickoutsidehandler';
|
|
9
|
-
export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler';
|
|
10
|
-
export { default as CssTransitionDisablerMixin, type ViewWithCssTransitionDisabler } from './bindings/csstransitiondisablermixin';
|
|
11
|
-
export { default as submitHandler } from './bindings/submithandler';
|
|
12
|
-
export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid';
|
|
13
|
-
export { default as BodyCollection } from './editorui/bodycollection';
|
|
14
|
-
export { type ButtonExecuteEvent } from './button/button';
|
|
15
|
-
export {
|
|
16
|
-
export { default as ButtonView } from './button/buttonview';
|
|
17
|
-
export { default as ButtonLabelView } from './button/buttonlabelview';
|
|
18
|
-
export { default as SwitchButtonView } from './button/switchbuttonview';
|
|
19
|
-
export * from './colorgrid/utils';
|
|
20
|
-
export { default as ColorGridView, type ColorDefinition } from './colorgrid/colorgridview';
|
|
21
|
-
export { default as ColorTileView } from './colorgrid/colortileview';
|
|
22
|
-
export { default as ColorPickerView } from './colorpicker/colorpickerview';
|
|
23
|
-
export type { ColorPickerConfig, ColorPickerViewConfig, ColorPickerOutputFormat } from './colorpicker/utils';
|
|
24
|
-
export { default as ColorSelectorView, type ColorSelectorExecuteEvent, type ColorSelectorColorPickerCancelEvent, type ColorSelectorColorPickerShowEvent } from './colorselector/colorselectorview';
|
|
25
|
-
export { default as ComponentFactory } from './componentfactory';
|
|
26
|
-
export { default as DropdownView } from './dropdown/dropdownview';
|
|
27
|
-
export { default as DropdownPanelView } from './dropdown/dropdownpanelview';
|
|
28
|
-
export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview';
|
|
29
|
-
export { default as SplitButtonView } from './dropdown/button/splitbuttonview';
|
|
30
|
-
export * from './dropdown/utils';
|
|
31
|
-
export { default as EditorUI, type EditorUIReadyEvent, type EditorUIUpdateEvent } from './editorui/editorui';
|
|
32
|
-
export { default as EditorUIView } from './editorui/editoruiview';
|
|
33
|
-
export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview';
|
|
34
|
-
export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview';
|
|
35
|
-
export { default as FormHeaderView } from './formheader/formheaderview';
|
|
36
|
-
export { default as FocusCycler, type FocusableView, type FocusCyclerForwardCycleEvent, type FocusCyclerBackwardCycleEvent } from './focuscycler';
|
|
37
|
-
export { default as IconView } from './icon/iconview';
|
|
38
|
-
export { default as InputView } from './input/inputview';
|
|
39
|
-
export { default as InputTextView } from './inputtext/inputtextview';
|
|
40
|
-
export { default as InputNumberView } from './inputnumber/inputnumberview';
|
|
41
|
-
export { default as TextareaView, type TextareaViewUpdateEvent } from './textarea/textareaview';
|
|
42
|
-
export { default as IframeView } from './iframe/iframeview';
|
|
43
|
-
export { default as LabelView } from './label/labelview';
|
|
44
|
-
export { type LabeledFieldViewCreator, default as LabeledFieldView } from './labeledfield/labeledfieldview';
|
|
45
|
-
export * from './labeledfield/utils';
|
|
46
|
-
export { default as ListItemGroupView } from './list/listitemgroupview';
|
|
47
|
-
export { default as ListItemView } from './list/listitemview';
|
|
48
|
-
export { default as ListView } from './list/listview';
|
|
49
|
-
export { default as Notification } from './notification/notification';
|
|
50
|
-
export { default as Model } from './model';
|
|
51
|
-
export { default as BalloonPanelView } from './panel/balloon/balloonpanelview';
|
|
52
|
-
export { default as ContextualBalloon } from './panel/balloon/contextualballoon';
|
|
53
|
-
export { default as StickyPanelView } from './panel/sticky/stickypanelview';
|
|
54
|
-
export { default as AutocompleteView, type AutocompleteViewConfig, type AutocompleteResultsView } from './autocomplete/autocompleteview';
|
|
55
|
-
export { default as SearchTextView, type SearchTextViewSearchEvent, type SearchTextViewConfig } from './search/text/searchtextview';
|
|
56
|
-
export { default as SearchInfoView } from './search/searchinfoview';
|
|
57
|
-
export { default as FilteredView, type FilteredViewExecuteEvent } from './search/filteredview';
|
|
58
|
-
export { default as HighlightedTextView } from './highlightedtext/highlightedtextview';
|
|
59
|
-
export { default as
|
|
60
|
-
export { default as
|
|
61
|
-
export { default as
|
|
62
|
-
export { default as
|
|
63
|
-
export { default as
|
|
64
|
-
export { default as
|
|
65
|
-
export { default as
|
|
66
|
-
export { default as
|
|
67
|
-
export { default as
|
|
68
|
-
export { default as
|
|
69
|
-
export { default as
|
|
70
|
-
export
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module ui
|
|
7
|
+
*/
|
|
8
|
+
export { default as clickOutsideHandler } from './bindings/clickoutsidehandler';
|
|
9
|
+
export { default as injectCssTransitionDisabler } from './bindings/injectcsstransitiondisabler';
|
|
10
|
+
export { default as CssTransitionDisablerMixin, type ViewWithCssTransitionDisabler } from './bindings/csstransitiondisablermixin';
|
|
11
|
+
export { default as submitHandler } from './bindings/submithandler';
|
|
12
|
+
export { default as addKeyboardHandlingForGrid } from './bindings/addkeyboardhandlingforgrid';
|
|
13
|
+
export { default as BodyCollection } from './editorui/bodycollection';
|
|
14
|
+
export { type ButtonExecuteEvent } from './button/button';
|
|
15
|
+
export type { default as ButtonLabel } from './button/buttonlabel';
|
|
16
|
+
export { default as ButtonView } from './button/buttonview';
|
|
17
|
+
export { default as ButtonLabelView } from './button/buttonlabelview';
|
|
18
|
+
export { default as SwitchButtonView } from './button/switchbuttonview';
|
|
19
|
+
export * from './colorgrid/utils';
|
|
20
|
+
export { default as ColorGridView, type ColorDefinition } from './colorgrid/colorgridview';
|
|
21
|
+
export { default as ColorTileView } from './colorgrid/colortileview';
|
|
22
|
+
export { default as ColorPickerView } from './colorpicker/colorpickerview';
|
|
23
|
+
export type { ColorPickerConfig, ColorPickerViewConfig, ColorPickerOutputFormat } from './colorpicker/utils';
|
|
24
|
+
export { default as ColorSelectorView, type ColorSelectorExecuteEvent, type ColorSelectorColorPickerCancelEvent, type ColorSelectorColorPickerShowEvent } from './colorselector/colorselectorview';
|
|
25
|
+
export { default as ComponentFactory } from './componentfactory';
|
|
26
|
+
export { default as DropdownView } from './dropdown/dropdownview';
|
|
27
|
+
export { default as DropdownPanelView } from './dropdown/dropdownpanelview';
|
|
28
|
+
export { default as DropdownButtonView } from './dropdown/button/dropdownbuttonview';
|
|
29
|
+
export { default as SplitButtonView } from './dropdown/button/splitbuttonview';
|
|
30
|
+
export * from './dropdown/utils';
|
|
31
|
+
export { default as EditorUI, type EditorUIReadyEvent, type EditorUIUpdateEvent } from './editorui/editorui';
|
|
32
|
+
export { default as EditorUIView } from './editorui/editoruiview';
|
|
33
|
+
export { default as BoxedEditorUIView } from './editorui/boxed/boxededitoruiview';
|
|
34
|
+
export { default as InlineEditableUIView } from './editableui/inline/inlineeditableuiview';
|
|
35
|
+
export { default as FormHeaderView } from './formheader/formheaderview';
|
|
36
|
+
export { default as FocusCycler, type FocusableView, type FocusCyclerForwardCycleEvent, type FocusCyclerBackwardCycleEvent } from './focuscycler';
|
|
37
|
+
export { default as IconView } from './icon/iconview';
|
|
38
|
+
export { default as InputView } from './input/inputview';
|
|
39
|
+
export { default as InputTextView } from './inputtext/inputtextview';
|
|
40
|
+
export { default as InputNumberView } from './inputnumber/inputnumberview';
|
|
41
|
+
export { default as TextareaView, type TextareaViewUpdateEvent } from './textarea/textareaview';
|
|
42
|
+
export { default as IframeView } from './iframe/iframeview';
|
|
43
|
+
export { default as LabelView } from './label/labelview';
|
|
44
|
+
export { type LabeledFieldViewCreator, default as LabeledFieldView } from './labeledfield/labeledfieldview';
|
|
45
|
+
export * from './labeledfield/utils';
|
|
46
|
+
export { default as ListItemGroupView } from './list/listitemgroupview';
|
|
47
|
+
export { default as ListItemView } from './list/listitemview';
|
|
48
|
+
export { default as ListView } from './list/listview';
|
|
49
|
+
export { default as Notification } from './notification/notification';
|
|
50
|
+
export { default as Model } from './model';
|
|
51
|
+
export { default as BalloonPanelView } from './panel/balloon/balloonpanelview';
|
|
52
|
+
export { default as ContextualBalloon } from './panel/balloon/contextualballoon';
|
|
53
|
+
export { default as StickyPanelView } from './panel/sticky/stickypanelview';
|
|
54
|
+
export { default as AutocompleteView, type AutocompleteViewConfig, type AutocompleteResultsView } from './autocomplete/autocompleteview';
|
|
55
|
+
export { default as SearchTextView, type SearchTextViewSearchEvent, type SearchTextViewConfig } from './search/text/searchtextview';
|
|
56
|
+
export { default as SearchInfoView } from './search/searchinfoview';
|
|
57
|
+
export { default as FilteredView, type FilteredViewExecuteEvent } from './search/filteredview';
|
|
58
|
+
export { default as HighlightedTextView } from './highlightedtext/highlightedtextview';
|
|
59
|
+
export { default as CollapsibleView } from './collapsible/collapsibleview';
|
|
60
|
+
export { default as TooltipManager } from './tooltipmanager';
|
|
61
|
+
export { default as Template, type TemplateDefinition } from './template';
|
|
62
|
+
export { default as SpinnerView } from './spinner/spinnerview';
|
|
63
|
+
export { default as ToolbarView } from './toolbar/toolbarview';
|
|
64
|
+
export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview';
|
|
65
|
+
export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
|
|
66
|
+
export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
|
|
67
|
+
export { default as BalloonToolbar, type BalloonToolbarShowEvent } from './toolbar/balloon/balloontoolbar';
|
|
68
|
+
export { default as BlockToolbar } from './toolbar/block/blocktoolbar';
|
|
69
|
+
export { default as View, type UIViewRenderEvent } from './view';
|
|
70
|
+
export { default as ViewCollection } from './viewcollection';
|
|
71
|
+
export declare const icons: {
|
|
72
|
+
colorPaletteIcon: string;
|
|
73
|
+
};
|
|
74
|
+
import './augmentation';
|