@ckeditor/ckeditor5-image 40.0.0 → 40.1.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.
Files changed (115) hide show
  1. package/LICENSE.md +3 -3
  2. package/build/image.js +1 -1
  3. package/package.json +3 -3
  4. package/src/augmentation.d.ts +56 -56
  5. package/src/augmentation.js +5 -5
  6. package/src/autoimage.d.ts +52 -52
  7. package/src/autoimage.js +132 -132
  8. package/src/image/converters.d.ts +66 -66
  9. package/src/image/converters.js +232 -232
  10. package/src/image/imageblockediting.d.ts +59 -58
  11. package/src/image/imageblockediting.js +153 -152
  12. package/src/image/imageediting.d.ts +30 -30
  13. package/src/image/imageediting.js +63 -63
  14. package/src/image/imageinlineediting.d.ts +60 -59
  15. package/src/image/imageinlineediting.js +177 -176
  16. package/src/image/imageloadobserver.d.ts +48 -48
  17. package/src/image/imageloadobserver.js +52 -52
  18. package/src/image/imageplaceholder.d.ts +39 -0
  19. package/src/image/imageplaceholder.js +113 -0
  20. package/src/image/imagetypecommand.d.ts +44 -44
  21. package/src/image/imagetypecommand.js +80 -80
  22. package/src/image/insertimagecommand.d.ts +66 -66
  23. package/src/image/insertimagecommand.js +120 -120
  24. package/src/image/replaceimagesourcecommand.d.ts +51 -34
  25. package/src/image/replaceimagesourcecommand.js +75 -44
  26. package/src/image/ui/utils.d.ts +25 -25
  27. package/src/image/ui/utils.js +44 -44
  28. package/src/image/utils.d.ts +64 -64
  29. package/src/image/utils.js +121 -121
  30. package/src/image.d.ts +34 -34
  31. package/src/image.js +38 -38
  32. package/src/imageblock.d.ts +33 -33
  33. package/src/imageblock.js +37 -37
  34. package/src/imagecaption/imagecaptionediting.d.ts +89 -89
  35. package/src/imagecaption/imagecaptionediting.js +225 -225
  36. package/src/imagecaption/imagecaptionui.d.ts +26 -26
  37. package/src/imagecaption/imagecaptionui.js +61 -61
  38. package/src/imagecaption/imagecaptionutils.d.ts +38 -38
  39. package/src/imagecaption/imagecaptionutils.js +62 -62
  40. package/src/imagecaption/toggleimagecaptioncommand.d.ts +66 -66
  41. package/src/imagecaption/toggleimagecaptioncommand.js +138 -138
  42. package/src/imagecaption.d.ts +26 -26
  43. package/src/imagecaption.js +30 -30
  44. package/src/imageconfig.d.ts +716 -713
  45. package/src/imageconfig.js +5 -5
  46. package/src/imageinline.d.ts +33 -33
  47. package/src/imageinline.js +37 -37
  48. package/src/imageinsert/imageinsertui.d.ts +44 -44
  49. package/src/imageinsert/imageinsertui.js +141 -141
  50. package/src/imageinsert/ui/imageinsertformrowview.d.ts +61 -61
  51. package/src/imageinsert/ui/imageinsertformrowview.js +54 -54
  52. package/src/imageinsert/ui/imageinsertpanelview.d.ts +106 -106
  53. package/src/imageinsert/ui/imageinsertpanelview.js +161 -161
  54. package/src/imageinsert/utils.d.ts +25 -25
  55. package/src/imageinsert/utils.js +58 -58
  56. package/src/imageinsert.d.ts +33 -33
  57. package/src/imageinsert.js +37 -37
  58. package/src/imageinsertviaurl.d.ts +30 -30
  59. package/src/imageinsertviaurl.js +34 -34
  60. package/src/imageresize/imageresizebuttons.d.ts +67 -67
  61. package/src/imageresize/imageresizebuttons.js +217 -217
  62. package/src/imageresize/imageresizeediting.d.ts +37 -37
  63. package/src/imageresize/imageresizeediting.js +165 -165
  64. package/src/imageresize/imageresizehandles.d.ts +31 -31
  65. package/src/imageresize/imageresizehandles.js +114 -114
  66. package/src/imageresize/resizeimagecommand.d.ts +42 -42
  67. package/src/imageresize/resizeimagecommand.js +63 -63
  68. package/src/imageresize.d.ts +27 -27
  69. package/src/imageresize.js +31 -31
  70. package/src/imagesizeattributes.d.ts +34 -34
  71. package/src/imagesizeattributes.js +142 -143
  72. package/src/imagestyle/converters.d.ts +24 -24
  73. package/src/imagestyle/converters.js +79 -79
  74. package/src/imagestyle/imagestylecommand.d.ts +68 -68
  75. package/src/imagestyle/imagestylecommand.js +107 -107
  76. package/src/imagestyle/imagestyleediting.d.ts +50 -50
  77. package/src/imagestyle/imagestyleediting.js +108 -108
  78. package/src/imagestyle/imagestyleui.d.ts +56 -56
  79. package/src/imagestyle/imagestyleui.js +192 -192
  80. package/src/imagestyle/utils.d.ts +101 -101
  81. package/src/imagestyle/utils.js +329 -329
  82. package/src/imagestyle.d.ts +32 -32
  83. package/src/imagestyle.js +36 -36
  84. package/src/imagetextalternative/imagetextalternativecommand.d.ts +34 -34
  85. package/src/imagetextalternative/imagetextalternativecommand.js +44 -44
  86. package/src/imagetextalternative/imagetextalternativeediting.d.ts +28 -28
  87. package/src/imagetextalternative/imagetextalternativeediting.js +35 -35
  88. package/src/imagetextalternative/imagetextalternativeui.d.ts +68 -68
  89. package/src/imagetextalternative/imagetextalternativeui.js +173 -173
  90. package/src/imagetextalternative/ui/textalternativeformview.d.ts +72 -72
  91. package/src/imagetextalternative/ui/textalternativeformview.js +121 -121
  92. package/src/imagetextalternative.d.ts +29 -29
  93. package/src/imagetextalternative.js +33 -33
  94. package/src/imagetoolbar.d.ts +35 -35
  95. package/src/imagetoolbar.js +57 -57
  96. package/src/imageupload/imageuploadediting.d.ts +111 -111
  97. package/src/imageupload/imageuploadediting.js +337 -337
  98. package/src/imageupload/imageuploadprogress.d.ts +42 -42
  99. package/src/imageupload/imageuploadprogress.js +211 -211
  100. package/src/imageupload/imageuploadui.d.ts +23 -23
  101. package/src/imageupload/imageuploadui.js +57 -57
  102. package/src/imageupload/uploadimagecommand.d.ts +60 -60
  103. package/src/imageupload/uploadimagecommand.js +100 -100
  104. package/src/imageupload/utils.d.ts +33 -33
  105. package/src/imageupload/utils.js +112 -112
  106. package/src/imageupload.d.ts +32 -32
  107. package/src/imageupload.js +36 -36
  108. package/src/imageutils.d.ts +125 -125
  109. package/src/imageutils.js +306 -306
  110. package/src/index.d.ts +48 -48
  111. package/src/index.js +39 -39
  112. package/src/pictureediting.d.ts +88 -88
  113. package/src/pictureediting.js +130 -130
  114. package/theme/imageplaceholder.css +10 -0
  115. package/build/image.js.map +0 -1
@@ -1,42 +1,42 @@
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 image/imageresize/resizeimagecommand
7
- */
8
- import { Command } from 'ckeditor5/src/core';
9
- /**
10
- * The resize image command. Currently, it only supports the width attribute.
11
- */
12
- export default class ResizeImageCommand extends Command {
13
- /**
14
- * Desired image width and height.
15
- */
16
- value: null | {
17
- width: string | null;
18
- height: string | null;
19
- };
20
- /**
21
- * @inheritDoc
22
- */
23
- refresh(): void;
24
- /**
25
- * Executes the command.
26
- *
27
- * ```ts
28
- * // Sets the width to 50%:
29
- * editor.execute( 'resizeImage', { width: '50%' } );
30
- *
31
- * // Removes the width attribute:
32
- * editor.execute( 'resizeImage', { width: null } );
33
- * ```
34
- *
35
- * @param options
36
- * @param options.width The new width of the image.
37
- * @fires execute
38
- */
39
- execute(options: {
40
- width: string | null;
41
- }): void;
42
- }
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 image/imageresize/resizeimagecommand
7
+ */
8
+ import { Command } from 'ckeditor5/src/core';
9
+ /**
10
+ * The resize image command. Currently, it only supports the width attribute.
11
+ */
12
+ export default class ResizeImageCommand extends Command {
13
+ /**
14
+ * Desired image width and height.
15
+ */
16
+ value: null | {
17
+ width: string | null;
18
+ height: string | null;
19
+ };
20
+ /**
21
+ * @inheritDoc
22
+ */
23
+ refresh(): void;
24
+ /**
25
+ * Executes the command.
26
+ *
27
+ * ```ts
28
+ * // Sets the width to 50%:
29
+ * editor.execute( 'resizeImage', { width: '50%' } );
30
+ *
31
+ * // Removes the width attribute:
32
+ * editor.execute( 'resizeImage', { width: null } );
33
+ * ```
34
+ *
35
+ * @param options
36
+ * @param options.width The new width of the image.
37
+ * @fires execute
38
+ */
39
+ execute(options: {
40
+ width: string | null;
41
+ }): void;
42
+ }
@@ -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 image/imageresize/resizeimagecommand
7
- */
8
- import { Command } from 'ckeditor5/src/core';
9
- /**
10
- * The resize image command. Currently, it only supports the width attribute.
11
- */
12
- export default class ResizeImageCommand extends Command {
13
- /**
14
- * @inheritDoc
15
- */
16
- refresh() {
17
- const editor = this.editor;
18
- const imageUtils = editor.plugins.get('ImageUtils');
19
- const element = imageUtils.getClosestSelectedImageElement(editor.model.document.selection);
20
- this.isEnabled = !!element;
21
- if (!element || !element.hasAttribute('resizedWidth')) {
22
- this.value = null;
23
- }
24
- else {
25
- this.value = {
26
- width: element.getAttribute('resizedWidth'),
27
- height: null
28
- };
29
- }
30
- }
31
- /**
32
- * Executes the command.
33
- *
34
- * ```ts
35
- * // Sets the width to 50%:
36
- * editor.execute( 'resizeImage', { width: '50%' } );
37
- *
38
- * // Removes the width attribute:
39
- * editor.execute( 'resizeImage', { width: null } );
40
- * ```
41
- *
42
- * @param options
43
- * @param options.width The new width of the image.
44
- * @fires execute
45
- */
46
- execute(options) {
47
- const editor = this.editor;
48
- const model = editor.model;
49
- const imageUtils = editor.plugins.get('ImageUtils');
50
- const imageElement = imageUtils.getClosestSelectedImageElement(model.document.selection);
51
- this.value = {
52
- width: options.width,
53
- height: null
54
- };
55
- if (imageElement) {
56
- model.change(writer => {
57
- writer.setAttribute('resizedWidth', options.width, imageElement);
58
- writer.removeAttribute('resizedHeight', imageElement);
59
- imageUtils.setImageNaturalSizeAttributes(imageElement);
60
- });
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 image/imageresize/resizeimagecommand
7
+ */
8
+ import { Command } from 'ckeditor5/src/core';
9
+ /**
10
+ * The resize image command. Currently, it only supports the width attribute.
11
+ */
12
+ export default class ResizeImageCommand extends Command {
13
+ /**
14
+ * @inheritDoc
15
+ */
16
+ refresh() {
17
+ const editor = this.editor;
18
+ const imageUtils = editor.plugins.get('ImageUtils');
19
+ const element = imageUtils.getClosestSelectedImageElement(editor.model.document.selection);
20
+ this.isEnabled = !!element;
21
+ if (!element || !element.hasAttribute('resizedWidth')) {
22
+ this.value = null;
23
+ }
24
+ else {
25
+ this.value = {
26
+ width: element.getAttribute('resizedWidth'),
27
+ height: null
28
+ };
29
+ }
30
+ }
31
+ /**
32
+ * Executes the command.
33
+ *
34
+ * ```ts
35
+ * // Sets the width to 50%:
36
+ * editor.execute( 'resizeImage', { width: '50%' } );
37
+ *
38
+ * // Removes the width attribute:
39
+ * editor.execute( 'resizeImage', { width: null } );
40
+ * ```
41
+ *
42
+ * @param options
43
+ * @param options.width The new width of the image.
44
+ * @fires execute
45
+ */
46
+ execute(options) {
47
+ const editor = this.editor;
48
+ const model = editor.model;
49
+ const imageUtils = editor.plugins.get('ImageUtils');
50
+ const imageElement = imageUtils.getClosestSelectedImageElement(model.document.selection);
51
+ this.value = {
52
+ width: options.width,
53
+ height: null
54
+ };
55
+ if (imageElement) {
56
+ model.change(writer => {
57
+ writer.setAttribute('resizedWidth', options.width, imageElement);
58
+ writer.removeAttribute('resizedHeight', imageElement);
59
+ imageUtils.setImageNaturalSizeAttributes(imageElement);
60
+ });
61
+ }
62
+ }
63
+ }
@@ -1,27 +1,27 @@
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 image/imageresize
7
- */
8
- import { Plugin } from 'ckeditor5/src/core';
9
- import ImageResizeButtons from './imageresize/imageresizebuttons';
10
- import ImageResizeEditing from './imageresize/imageresizeediting';
11
- import ImageResizeHandles from './imageresize/imageresizehandles';
12
- import '../theme/imageresize.css';
13
- /**
14
- * The image resize plugin.
15
- *
16
- * It adds a possibility to resize each image using handles.
17
- */
18
- export default class ImageResize extends Plugin {
19
- /**
20
- * @inheritDoc
21
- */
22
- static get requires(): readonly [typeof ImageResizeEditing, typeof ImageResizeHandles, typeof ImageResizeButtons];
23
- /**
24
- * @inheritDoc
25
- */
26
- static get pluginName(): "ImageResize";
27
- }
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 image/imageresize
7
+ */
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import ImageResizeButtons from './imageresize/imageresizebuttons';
10
+ import ImageResizeEditing from './imageresize/imageresizeediting';
11
+ import ImageResizeHandles from './imageresize/imageresizehandles';
12
+ import '../theme/imageresize.css';
13
+ /**
14
+ * The image resize plugin.
15
+ *
16
+ * It adds a possibility to resize each image using handles.
17
+ */
18
+ export default class ImageResize extends Plugin {
19
+ /**
20
+ * @inheritDoc
21
+ */
22
+ static get requires(): readonly [typeof ImageResizeEditing, typeof ImageResizeHandles, typeof ImageResizeButtons];
23
+ /**
24
+ * @inheritDoc
25
+ */
26
+ static get pluginName(): "ImageResize";
27
+ }
@@ -1,31 +1,31 @@
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 image/imageresize
7
- */
8
- import { Plugin } from 'ckeditor5/src/core';
9
- import ImageResizeButtons from './imageresize/imageresizebuttons';
10
- import ImageResizeEditing from './imageresize/imageresizeediting';
11
- import ImageResizeHandles from './imageresize/imageresizehandles';
12
- import '../theme/imageresize.css';
13
- /**
14
- * The image resize plugin.
15
- *
16
- * It adds a possibility to resize each image using handles.
17
- */
18
- export default class ImageResize extends Plugin {
19
- /**
20
- * @inheritDoc
21
- */
22
- static get requires() {
23
- return [ImageResizeEditing, ImageResizeHandles, ImageResizeButtons];
24
- }
25
- /**
26
- * @inheritDoc
27
- */
28
- static get pluginName() {
29
- return 'ImageResize';
30
- }
31
- }
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 image/imageresize
7
+ */
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import ImageResizeButtons from './imageresize/imageresizebuttons';
10
+ import ImageResizeEditing from './imageresize/imageresizeediting';
11
+ import ImageResizeHandles from './imageresize/imageresizehandles';
12
+ import '../theme/imageresize.css';
13
+ /**
14
+ * The image resize plugin.
15
+ *
16
+ * It adds a possibility to resize each image using handles.
17
+ */
18
+ export default class ImageResize extends Plugin {
19
+ /**
20
+ * @inheritDoc
21
+ */
22
+ static get requires() {
23
+ return [ImageResizeEditing, ImageResizeHandles, ImageResizeButtons];
24
+ }
25
+ /**
26
+ * @inheritDoc
27
+ */
28
+ static get pluginName() {
29
+ return 'ImageResize';
30
+ }
31
+ }
@@ -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
- * @module image/imagesizeattributes
7
- */
8
- import { Plugin } from 'ckeditor5/src/core';
9
- import ImageUtils from './imageutils';
10
- /**
11
- * This plugin enables `width` and `height` attributes in inline and block image elements.
12
- */
13
- export default class ImageSizeAttributes extends Plugin {
14
- /**
15
- * @inheritDoc
16
- */
17
- static get requires(): readonly [typeof ImageUtils];
18
- /**
19
- * @inheritDoc
20
- */
21
- static get pluginName(): "ImageSizeAttributes";
22
- /**
23
- * @inheritDoc
24
- */
25
- afterInit(): void;
26
- /**
27
- * Registers the `width` and `height` attributes for inline and block images.
28
- */
29
- private _registerSchema;
30
- /**
31
- * Registers converters for `width` and `height` attributes.
32
- */
33
- private _registerConverters;
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
+ * @module image/imagesizeattributes
7
+ */
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import ImageUtils from './imageutils';
10
+ /**
11
+ * This plugin enables `width` and `height` attributes in inline and block image elements.
12
+ */
13
+ export default class ImageSizeAttributes extends Plugin {
14
+ /**
15
+ * @inheritDoc
16
+ */
17
+ static get requires(): readonly [typeof ImageUtils];
18
+ /**
19
+ * @inheritDoc
20
+ */
21
+ static get pluginName(): "ImageSizeAttributes";
22
+ /**
23
+ * @inheritDoc
24
+ */
25
+ afterInit(): void;
26
+ /**
27
+ * Registers the `width` and `height` attributes for inline and block images.
28
+ */
29
+ private _registerSchema;
30
+ /**
31
+ * Registers converters for `width` and `height` attributes.
32
+ */
33
+ private _registerConverters;
34
+ }