@ckeditor/ckeditor5-ui 38.0.1 → 38.1.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.
Files changed (127) hide show
  1. package/lang/translations/it.po +1 -1
  2. package/package.json +3 -32
  3. package/src/augmentation.d.ts +86 -86
  4. package/src/augmentation.js +5 -5
  5. package/src/bindings/addkeyboardhandlingforgrid.d.ts +27 -27
  6. package/src/bindings/addkeyboardhandlingforgrid.js +107 -107
  7. package/src/bindings/clickoutsidehandler.d.ts +28 -28
  8. package/src/bindings/clickoutsidehandler.js +36 -36
  9. package/src/bindings/csstransitiondisablermixin.d.ts +40 -40
  10. package/src/bindings/csstransitiondisablermixin.js +55 -55
  11. package/src/bindings/injectcsstransitiondisabler.d.ts +59 -59
  12. package/src/bindings/injectcsstransitiondisabler.js +71 -71
  13. package/src/bindings/preventdefault.d.ts +33 -33
  14. package/src/bindings/preventdefault.js +34 -34
  15. package/src/bindings/submithandler.d.ts +57 -57
  16. package/src/bindings/submithandler.js +47 -47
  17. package/src/button/button.d.ts +178 -178
  18. package/src/button/button.js +5 -5
  19. package/src/button/buttonview.d.ts +177 -177
  20. package/src/button/buttonview.js +231 -231
  21. package/src/button/switchbuttonview.d.ts +45 -45
  22. package/src/button/switchbuttonview.js +75 -75
  23. package/src/colorgrid/colorgridview.d.ts +132 -132
  24. package/src/colorgrid/colorgridview.js +124 -124
  25. package/src/colorgrid/colortileview.d.ts +28 -28
  26. package/src/colorgrid/colortileview.js +40 -40
  27. package/src/colorgrid/utils.d.ts +47 -47
  28. package/src/colorgrid/utils.js +84 -84
  29. package/src/colorpicker/colorpickerview.d.ts +110 -110
  30. package/src/colorpicker/colorpickerview.js +253 -250
  31. package/src/colorpicker/utils.d.ts +35 -35
  32. package/src/colorpicker/utils.js +99 -99
  33. package/src/componentfactory.d.ts +81 -81
  34. package/src/componentfactory.js +104 -104
  35. package/src/dropdown/button/dropdownbutton.d.ts +25 -25
  36. package/src/dropdown/button/dropdownbutton.js +5 -5
  37. package/src/dropdown/button/dropdownbuttonview.d.ts +48 -48
  38. package/src/dropdown/button/dropdownbuttonview.js +66 -66
  39. package/src/dropdown/button/splitbuttonview.d.ts +161 -161
  40. package/src/dropdown/button/splitbuttonview.js +152 -152
  41. package/src/dropdown/dropdownpanelfocusable.d.ts +21 -21
  42. package/src/dropdown/dropdownpanelfocusable.js +5 -5
  43. package/src/dropdown/dropdownpanelview.d.ts +62 -62
  44. package/src/dropdown/dropdownpanelview.js +96 -96
  45. package/src/dropdown/dropdownview.d.ts +315 -315
  46. package/src/dropdown/dropdownview.js +378 -378
  47. package/src/dropdown/utils.d.ts +221 -221
  48. package/src/dropdown/utils.js +434 -434
  49. package/src/editableui/editableuiview.d.ts +72 -72
  50. package/src/editableui/editableuiview.js +112 -112
  51. package/src/editableui/inline/inlineeditableuiview.d.ts +40 -40
  52. package/src/editableui/inline/inlineeditableuiview.js +48 -48
  53. package/src/editorui/bodycollection.d.ts +55 -51
  54. package/src/editorui/bodycollection.js +84 -78
  55. package/src/editorui/boxed/boxededitoruiview.d.ts +40 -40
  56. package/src/editorui/boxed/boxededitoruiview.js +81 -81
  57. package/src/editorui/editorui.d.ts +282 -274
  58. package/src/editorui/editorui.js +410 -388
  59. package/src/editorui/editoruiview.d.ts +39 -39
  60. package/src/editorui/editoruiview.js +38 -38
  61. package/src/editorui/poweredby.d.ts +71 -76
  62. package/src/editorui/poweredby.js +294 -291
  63. package/src/focuscycler.d.ts +183 -183
  64. package/src/focuscycler.js +220 -220
  65. package/src/formheader/formheaderview.d.ts +53 -53
  66. package/src/formheader/formheaderview.js +63 -63
  67. package/src/icon/iconview.d.ts +78 -78
  68. package/src/icon/iconview.js +112 -112
  69. package/src/iframe/iframeview.d.ts +50 -50
  70. package/src/iframe/iframeview.js +63 -63
  71. package/src/index.d.ts +62 -61
  72. package/src/index.js +61 -60
  73. package/src/input/inputview.d.ts +121 -121
  74. package/src/input/inputview.js +106 -106
  75. package/src/inputnumber/inputnumberview.d.ts +49 -49
  76. package/src/inputnumber/inputnumberview.js +40 -40
  77. package/src/inputtext/inputtextview.d.ts +18 -18
  78. package/src/inputtext/inputtextview.js +27 -27
  79. package/src/label/labelview.d.ts +36 -36
  80. package/src/label/labelview.js +41 -41
  81. package/src/labeledfield/labeledfieldview.d.ts +182 -182
  82. package/src/labeledfield/labeledfieldview.js +157 -157
  83. package/src/labeledfield/utils.d.ts +93 -93
  84. package/src/labeledfield/utils.js +131 -131
  85. package/src/labeledinput/labeledinputview.d.ts +125 -125
  86. package/src/labeledinput/labeledinputview.js +125 -125
  87. package/src/list/listitemview.d.ts +35 -35
  88. package/src/list/listitemview.js +40 -40
  89. package/src/list/listseparatorview.d.ts +18 -18
  90. package/src/list/listseparatorview.js +28 -28
  91. package/src/list/listview.d.ts +65 -65
  92. package/src/list/listview.js +90 -90
  93. package/src/model.d.ts +22 -22
  94. package/src/model.js +31 -31
  95. package/src/notification/notification.d.ts +211 -211
  96. package/src/notification/notification.js +187 -187
  97. package/src/panel/balloon/balloonpanelview.d.ts +685 -685
  98. package/src/panel/balloon/balloonpanelview.js +988 -988
  99. package/src/panel/balloon/contextualballoon.d.ts +299 -299
  100. package/src/panel/balloon/contextualballoon.js +572 -572
  101. package/src/panel/sticky/stickypanelview.d.ts +132 -132
  102. package/src/panel/sticky/stickypanelview.js +139 -139
  103. package/src/template.d.ts +942 -942
  104. package/src/template.js +1294 -1294
  105. package/src/toolbar/balloon/balloontoolbar.d.ts +122 -122
  106. package/src/toolbar/balloon/balloontoolbar.js +300 -300
  107. package/src/toolbar/block/blockbuttonview.d.ts +35 -35
  108. package/src/toolbar/block/blockbuttonview.js +41 -41
  109. package/src/toolbar/block/blocktoolbar.d.ts +161 -153
  110. package/src/toolbar/block/blocktoolbar.js +391 -374
  111. package/src/toolbar/normalizetoolbarconfig.d.ts +39 -39
  112. package/src/toolbar/normalizetoolbarconfig.js +51 -51
  113. package/src/toolbar/toolbarlinebreakview.d.ts +18 -18
  114. package/src/toolbar/toolbarlinebreakview.js +28 -28
  115. package/src/toolbar/toolbarseparatorview.d.ts +18 -18
  116. package/src/toolbar/toolbarseparatorview.js +28 -28
  117. package/src/toolbar/toolbarview.d.ts +265 -265
  118. package/src/toolbar/toolbarview.js +717 -717
  119. package/src/tooltipmanager.d.ts +180 -180
  120. package/src/tooltipmanager.js +353 -353
  121. package/src/view.d.ts +422 -422
  122. package/src/view.js +396 -396
  123. package/src/viewcollection.d.ts +139 -139
  124. package/src/viewcollection.js +206 -206
  125. package/theme/components/colorpicker/colorpicker.css +4 -4
  126. package/theme/globals/_poweredby.css +5 -1
  127. package/theme/icons/project-logo.svg +1 -1
@@ -1,40 +1,40 @@
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/bindings/csstransitiondisablermixin
7
- */
8
- import type { Constructor, Mixed } from '@ckeditor/ckeditor5-utils';
9
- import type View from '../view';
10
- /**
11
- * A mixin that brings the possibility to temporarily disable CSS transitions using
12
- * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
13
- * when the view is first displayed but they should work normal in other cases.
14
- *
15
- * The methods to control the CSS transitions are:
16
- * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the
17
- * {@link module:ui/view~View#element view element}.
18
- * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the
19
- * {@link module:ui/view~View#element view element}.
20
- *
21
- * The usage comes down to:
22
- *
23
- * ```ts
24
- * const MyViewWithCssTransitionDisabler = CssTransitionDisablerMixin( MyView );
25
- * const view = new MyViewWithCssTransitionDisabler();
26
- *
27
- * // ...
28
- *
29
- * view.disableCssTransitions();
30
- * view.show();
31
- * view.enableCssTransitions();
32
- * ```
33
- *
34
- * @param view View instance that should get this functionality.
35
- */
36
- export default function CssTransitionDisablerMixin<Base extends Constructor<View>>(view: Base): Mixed<Base, ViewWithCssTransitionDisabler>;
37
- export type ViewWithCssTransitionDisabler = View & {
38
- disableCssTransitions(): void;
39
- enableCssTransitions(): void;
40
- };
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/bindings/csstransitiondisablermixin
7
+ */
8
+ import type { Constructor, Mixed } from '@ckeditor/ckeditor5-utils';
9
+ import type View from '../view';
10
+ /**
11
+ * A mixin that brings the possibility to temporarily disable CSS transitions using
12
+ * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
13
+ * when the view is first displayed but they should work normal in other cases.
14
+ *
15
+ * The methods to control the CSS transitions are:
16
+ * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the
17
+ * {@link module:ui/view~View#element view element}.
18
+ * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the
19
+ * {@link module:ui/view~View#element view element}.
20
+ *
21
+ * The usage comes down to:
22
+ *
23
+ * ```ts
24
+ * const MyViewWithCssTransitionDisabler = CssTransitionDisablerMixin( MyView );
25
+ * const view = new MyViewWithCssTransitionDisabler();
26
+ *
27
+ * // ...
28
+ *
29
+ * view.disableCssTransitions();
30
+ * view.show();
31
+ * view.enableCssTransitions();
32
+ * ```
33
+ *
34
+ * @param view View instance that should get this functionality.
35
+ */
36
+ export default function CssTransitionDisablerMixin<Base extends Constructor<View>>(view: Base): Mixed<Base, ViewWithCssTransitionDisabler>;
37
+ export type ViewWithCssTransitionDisabler = View & {
38
+ disableCssTransitions(): void;
39
+ enableCssTransitions(): void;
40
+ };
@@ -1,55 +1,55 @@
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
- * A mixin that brings the possibility to temporarily disable CSS transitions using
7
- * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
8
- * when the view is first displayed but they should work normal in other cases.
9
- *
10
- * The methods to control the CSS transitions are:
11
- * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the
12
- * {@link module:ui/view~View#element view element}.
13
- * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the
14
- * {@link module:ui/view~View#element view element}.
15
- *
16
- * The usage comes down to:
17
- *
18
- * ```ts
19
- * const MyViewWithCssTransitionDisabler = CssTransitionDisablerMixin( MyView );
20
- * const view = new MyViewWithCssTransitionDisabler();
21
- *
22
- * // ...
23
- *
24
- * view.disableCssTransitions();
25
- * view.show();
26
- * view.enableCssTransitions();
27
- * ```
28
- *
29
- * @param view View instance that should get this functionality.
30
- */
31
- export default function CssTransitionDisablerMixin(view) {
32
- class Mixin extends view {
33
- disableCssTransitions() {
34
- this._isCssTransitionsDisabled = true;
35
- }
36
- enableCssTransitions() {
37
- this._isCssTransitionsDisabled = false;
38
- }
39
- constructor(...args) {
40
- super(...args);
41
- this.set('_isCssTransitionsDisabled', false);
42
- this.initializeCssTransitionDisablerMixin();
43
- }
44
- initializeCssTransitionDisablerMixin() {
45
- this.extendTemplate({
46
- attributes: {
47
- class: [
48
- this.bindTemplate.if('_isCssTransitionsDisabled', 'ck-transitions-disabled')
49
- ]
50
- }
51
- });
52
- }
53
- }
54
- return Mixin;
55
- }
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
+ * A mixin that brings the possibility to temporarily disable CSS transitions using
7
+ * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
8
+ * when the view is first displayed but they should work normal in other cases.
9
+ *
10
+ * The methods to control the CSS transitions are:
11
+ * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the
12
+ * {@link module:ui/view~View#element view element}.
13
+ * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the
14
+ * {@link module:ui/view~View#element view element}.
15
+ *
16
+ * The usage comes down to:
17
+ *
18
+ * ```ts
19
+ * const MyViewWithCssTransitionDisabler = CssTransitionDisablerMixin( MyView );
20
+ * const view = new MyViewWithCssTransitionDisabler();
21
+ *
22
+ * // ...
23
+ *
24
+ * view.disableCssTransitions();
25
+ * view.show();
26
+ * view.enableCssTransitions();
27
+ * ```
28
+ *
29
+ * @param view View instance that should get this functionality.
30
+ */
31
+ export default function CssTransitionDisablerMixin(view) {
32
+ class Mixin extends view {
33
+ disableCssTransitions() {
34
+ this._isCssTransitionsDisabled = true;
35
+ }
36
+ enableCssTransitions() {
37
+ this._isCssTransitionsDisabled = false;
38
+ }
39
+ constructor(...args) {
40
+ super(...args);
41
+ this.set('_isCssTransitionsDisabled', false);
42
+ this.initializeCssTransitionDisablerMixin();
43
+ }
44
+ initializeCssTransitionDisablerMixin() {
45
+ this.extendTemplate({
46
+ attributes: {
47
+ class: [
48
+ this.bindTemplate.if('_isCssTransitionsDisabled', 'ck-transitions-disabled')
49
+ ]
50
+ }
51
+ });
52
+ }
53
+ }
54
+ return Mixin;
55
+ }
@@ -1,59 +1,59 @@
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/bindings/injectcsstransitiondisabler
7
- */
8
- import type View from '../view';
9
- /**
10
- * A decorator that brings the possibility to temporarily disable CSS transitions using
11
- * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
12
- * when the view is first displayed but they should work normal in other cases.
13
- *
14
- * The methods to control the CSS transitions are:
15
- * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the
16
- * {@link module:ui/view~View#element view element}.
17
- * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the
18
- * {@link module:ui/view~View#element view element}.
19
- *
20
- * **Note**: This helper extends the {@link module:ui/view~View#template template} and must be used **after**
21
- * {@link module:ui/view~View#setTemplate} is called:
22
- *
23
- * ```ts
24
- * import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
25
- *
26
- * class MyView extends View {
27
- * constructor() {
28
- * super();
29
- *
30
- * // ...
31
- *
32
- * this.setTemplate( { ... } );
33
- *
34
- * // ...
35
- *
36
- * injectCssTransitionDisabler( this );
37
- *
38
- * // ...
39
- * }
40
- * }
41
- * ```
42
- *
43
- * The usage comes down to:
44
- *
45
- * ```ts
46
- * const view = new MyView();
47
- *
48
- * // ...
49
- *
50
- * view.disableCssTransitions();
51
- * view.show();
52
- * view.enableCssTransitions();
53
- * ```
54
- *
55
- * @deprecated
56
- * @see module:ui/bindings/csstransitiondisablermixin~CssTransitionDisablerMixin
57
- * @param view View instance that should get this functionality.
58
- */
59
- export default function injectCssTransitionDisabler(view: View): void;
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/bindings/injectcsstransitiondisabler
7
+ */
8
+ import type View from '../view';
9
+ /**
10
+ * A decorator that brings the possibility to temporarily disable CSS transitions using
11
+ * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
12
+ * when the view is first displayed but they should work normal in other cases.
13
+ *
14
+ * The methods to control the CSS transitions are:
15
+ * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the
16
+ * {@link module:ui/view~View#element view element}.
17
+ * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the
18
+ * {@link module:ui/view~View#element view element}.
19
+ *
20
+ * **Note**: This helper extends the {@link module:ui/view~View#template template} and must be used **after**
21
+ * {@link module:ui/view~View#setTemplate} is called:
22
+ *
23
+ * ```ts
24
+ * import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
25
+ *
26
+ * class MyView extends View {
27
+ * constructor() {
28
+ * super();
29
+ *
30
+ * // ...
31
+ *
32
+ * this.setTemplate( { ... } );
33
+ *
34
+ * // ...
35
+ *
36
+ * injectCssTransitionDisabler( this );
37
+ *
38
+ * // ...
39
+ * }
40
+ * }
41
+ * ```
42
+ *
43
+ * The usage comes down to:
44
+ *
45
+ * ```ts
46
+ * const view = new MyView();
47
+ *
48
+ * // ...
49
+ *
50
+ * view.disableCssTransitions();
51
+ * view.show();
52
+ * view.enableCssTransitions();
53
+ * ```
54
+ *
55
+ * @deprecated
56
+ * @see module:ui/bindings/csstransitiondisablermixin~CssTransitionDisablerMixin
57
+ * @param view View instance that should get this functionality.
58
+ */
59
+ export default function injectCssTransitionDisabler(view: View): void;
@@ -1,71 +1,71 @@
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
- * A decorator that brings the possibility to temporarily disable CSS transitions using
7
- * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
8
- * when the view is first displayed but they should work normal in other cases.
9
- *
10
- * The methods to control the CSS transitions are:
11
- * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the
12
- * {@link module:ui/view~View#element view element}.
13
- * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the
14
- * {@link module:ui/view~View#element view element}.
15
- *
16
- * **Note**: This helper extends the {@link module:ui/view~View#template template} and must be used **after**
17
- * {@link module:ui/view~View#setTemplate} is called:
18
- *
19
- * ```ts
20
- * import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
21
- *
22
- * class MyView extends View {
23
- * constructor() {
24
- * super();
25
- *
26
- * // ...
27
- *
28
- * this.setTemplate( { ... } );
29
- *
30
- * // ...
31
- *
32
- * injectCssTransitionDisabler( this );
33
- *
34
- * // ...
35
- * }
36
- * }
37
- * ```
38
- *
39
- * The usage comes down to:
40
- *
41
- * ```ts
42
- * const view = new MyView();
43
- *
44
- * // ...
45
- *
46
- * view.disableCssTransitions();
47
- * view.show();
48
- * view.enableCssTransitions();
49
- * ```
50
- *
51
- * @deprecated
52
- * @see module:ui/bindings/csstransitiondisablermixin~CssTransitionDisablerMixin
53
- * @param view View instance that should get this functionality.
54
- */
55
- export default function injectCssTransitionDisabler(view) {
56
- const decorated = view;
57
- decorated.set('_isCssTransitionsDisabled', false);
58
- decorated.disableCssTransitions = () => {
59
- decorated._isCssTransitionsDisabled = true;
60
- };
61
- decorated.enableCssTransitions = () => {
62
- decorated._isCssTransitionsDisabled = false;
63
- };
64
- decorated.extendTemplate({
65
- attributes: {
66
- class: [
67
- decorated.bindTemplate.if('_isCssTransitionsDisabled', 'ck-transitions-disabled')
68
- ]
69
- }
70
- });
71
- }
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
+ * A decorator that brings the possibility to temporarily disable CSS transitions using
7
+ * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen
8
+ * when the view is first displayed but they should work normal in other cases.
9
+ *
10
+ * The methods to control the CSS transitions are:
11
+ * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the
12
+ * {@link module:ui/view~View#element view element}.
13
+ * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the
14
+ * {@link module:ui/view~View#element view element}.
15
+ *
16
+ * **Note**: This helper extends the {@link module:ui/view~View#template template} and must be used **after**
17
+ * {@link module:ui/view~View#setTemplate} is called:
18
+ *
19
+ * ```ts
20
+ * import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';
21
+ *
22
+ * class MyView extends View {
23
+ * constructor() {
24
+ * super();
25
+ *
26
+ * // ...
27
+ *
28
+ * this.setTemplate( { ... } );
29
+ *
30
+ * // ...
31
+ *
32
+ * injectCssTransitionDisabler( this );
33
+ *
34
+ * // ...
35
+ * }
36
+ * }
37
+ * ```
38
+ *
39
+ * The usage comes down to:
40
+ *
41
+ * ```ts
42
+ * const view = new MyView();
43
+ *
44
+ * // ...
45
+ *
46
+ * view.disableCssTransitions();
47
+ * view.show();
48
+ * view.enableCssTransitions();
49
+ * ```
50
+ *
51
+ * @deprecated
52
+ * @see module:ui/bindings/csstransitiondisablermixin~CssTransitionDisablerMixin
53
+ * @param view View instance that should get this functionality.
54
+ */
55
+ export default function injectCssTransitionDisabler(view) {
56
+ const decorated = view;
57
+ decorated.set('_isCssTransitionsDisabled', false);
58
+ decorated.disableCssTransitions = () => {
59
+ decorated._isCssTransitionsDisabled = true;
60
+ };
61
+ decorated.enableCssTransitions = () => {
62
+ decorated._isCssTransitionsDisabled = false;
63
+ };
64
+ decorated.extendTemplate({
65
+ attributes: {
66
+ class: [
67
+ decorated.bindTemplate.if('_isCssTransitionsDisabled', 'ck-transitions-disabled')
68
+ ]
69
+ }
70
+ });
71
+ }
@@ -1,33 +1,33 @@
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/bindings/preventdefault
7
- */
8
- import type { ListenerBinding } from '../template';
9
- import type View from '../view';
10
- /**
11
- * A helper which executes a native `Event.preventDefault()` if the target of an event equals the
12
- * {@link module:ui/view~View#element element of the view}. It shortens the definition of a
13
- * {@link module:ui/view~View#template template}.
14
- *
15
- * ```ts
16
- * // In a class extending View.
17
- * import preventDefault from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault';
18
- *
19
- * // ...
20
- *
21
- * this.setTemplate( {
22
- * tag: 'div',
23
- *
24
- * on: {
25
- * // Prevent the default mousedown action on this view.
26
- * mousedown: preventDefault( this )
27
- * }
28
- * } );
29
- * ```
30
- *
31
- * @param view View instance that defines the template.
32
- */
33
- export default function preventDefault(view: View): ListenerBinding;
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/bindings/preventdefault
7
+ */
8
+ import type { ListenerBinding } from '../template';
9
+ import type View from '../view';
10
+ /**
11
+ * A helper which executes a native `Event.preventDefault()` if the target of an event equals the
12
+ * {@link module:ui/view~View#element element of the view}. It shortens the definition of a
13
+ * {@link module:ui/view~View#template template}.
14
+ *
15
+ * ```ts
16
+ * // In a class extending View.
17
+ * import preventDefault from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault';
18
+ *
19
+ * // ...
20
+ *
21
+ * this.setTemplate( {
22
+ * tag: 'div',
23
+ *
24
+ * on: {
25
+ * // Prevent the default mousedown action on this view.
26
+ * mousedown: preventDefault( this )
27
+ * }
28
+ * } );
29
+ * ```
30
+ *
31
+ * @param view View instance that defines the template.
32
+ */
33
+ export default function preventDefault(view: View): ListenerBinding;
@@ -1,34 +1,34 @@
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
- * A helper which executes a native `Event.preventDefault()` if the target of an event equals the
7
- * {@link module:ui/view~View#element element of the view}. It shortens the definition of a
8
- * {@link module:ui/view~View#template template}.
9
- *
10
- * ```ts
11
- * // In a class extending View.
12
- * import preventDefault from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault';
13
- *
14
- * // ...
15
- *
16
- * this.setTemplate( {
17
- * tag: 'div',
18
- *
19
- * on: {
20
- * // Prevent the default mousedown action on this view.
21
- * mousedown: preventDefault( this )
22
- * }
23
- * } );
24
- * ```
25
- *
26
- * @param view View instance that defines the template.
27
- */
28
- export default function preventDefault(view) {
29
- return view.bindTemplate.to(evt => {
30
- if (evt.target === view.element) {
31
- evt.preventDefault();
32
- }
33
- });
34
- }
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
+ * A helper which executes a native `Event.preventDefault()` if the target of an event equals the
7
+ * {@link module:ui/view~View#element element of the view}. It shortens the definition of a
8
+ * {@link module:ui/view~View#template template}.
9
+ *
10
+ * ```ts
11
+ * // In a class extending View.
12
+ * import preventDefault from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault';
13
+ *
14
+ * // ...
15
+ *
16
+ * this.setTemplate( {
17
+ * tag: 'div',
18
+ *
19
+ * on: {
20
+ * // Prevent the default mousedown action on this view.
21
+ * mousedown: preventDefault( this )
22
+ * }
23
+ * } );
24
+ * ```
25
+ *
26
+ * @param view View instance that defines the template.
27
+ */
28
+ export default function preventDefault(view) {
29
+ return view.bindTemplate.to(evt => {
30
+ if (evt.target === view.element) {
31
+ evt.preventDefault();
32
+ }
33
+ });
34
+ }