@ckeditor/ckeditor5-image 39.0.1 → 40.0.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 (182) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/LICENSE.md +1 -1
  3. package/README.md +3 -3
  4. package/build/image.js +1 -1
  5. package/build/image.js.map +1 -0
  6. package/build/translations/pt-br.js +1 -1
  7. package/ckeditor5-metadata.json +12 -0
  8. package/lang/translations/ar.po +1 -0
  9. package/lang/translations/ast.po +1 -0
  10. package/lang/translations/az.po +1 -0
  11. package/lang/translations/bg.po +1 -0
  12. package/lang/translations/bn.po +1 -0
  13. package/lang/translations/bs.po +1 -0
  14. package/lang/translations/ca.po +1 -0
  15. package/lang/translations/cs.po +1 -0
  16. package/lang/translations/da.po +1 -0
  17. package/lang/translations/de-ch.po +1 -0
  18. package/lang/translations/de.po +1 -0
  19. package/lang/translations/el.po +1 -0
  20. package/lang/translations/en-au.po +1 -0
  21. package/lang/translations/en-gb.po +1 -0
  22. package/lang/translations/en.po +1 -0
  23. package/lang/translations/eo.po +1 -0
  24. package/lang/translations/es.po +1 -0
  25. package/lang/translations/et.po +1 -0
  26. package/lang/translations/eu.po +1 -0
  27. package/lang/translations/fa.po +1 -0
  28. package/lang/translations/fi.po +1 -0
  29. package/lang/translations/fr.po +1 -0
  30. package/lang/translations/gl.po +1 -0
  31. package/lang/translations/he.po +1 -0
  32. package/lang/translations/hi.po +1 -0
  33. package/lang/translations/hr.po +1 -0
  34. package/lang/translations/hu.po +1 -0
  35. package/lang/translations/id.po +1 -0
  36. package/lang/translations/it.po +1 -0
  37. package/lang/translations/ja.po +1 -0
  38. package/lang/translations/jv.po +1 -0
  39. package/lang/translations/km.po +1 -0
  40. package/lang/translations/kn.po +1 -0
  41. package/lang/translations/ko.po +1 -0
  42. package/lang/translations/ku.po +1 -0
  43. package/lang/translations/lt.po +1 -0
  44. package/lang/translations/lv.po +1 -0
  45. package/lang/translations/ms.po +1 -0
  46. package/lang/translations/nb.po +1 -0
  47. package/lang/translations/ne.po +1 -0
  48. package/lang/translations/nl.po +1 -0
  49. package/lang/translations/no.po +1 -0
  50. package/lang/translations/pl.po +1 -0
  51. package/lang/translations/pt-br.po +2 -1
  52. package/lang/translations/pt.po +1 -0
  53. package/lang/translations/ro.po +1 -0
  54. package/lang/translations/ru.po +1 -0
  55. package/lang/translations/si.po +1 -0
  56. package/lang/translations/sk.po +1 -0
  57. package/lang/translations/sq.po +1 -0
  58. package/lang/translations/sr-latn.po +1 -0
  59. package/lang/translations/sr.po +1 -0
  60. package/lang/translations/sv.po +1 -0
  61. package/lang/translations/th.po +1 -0
  62. package/lang/translations/tk.po +1 -0
  63. package/lang/translations/tr.po +1 -0
  64. package/lang/translations/tt.po +1 -0
  65. package/lang/translations/ug.po +1 -0
  66. package/lang/translations/uk.po +1 -0
  67. package/lang/translations/ur.po +1 -0
  68. package/lang/translations/uz.po +1 -0
  69. package/lang/translations/vi.po +1 -0
  70. package/lang/translations/zh-cn.po +1 -0
  71. package/lang/translations/zh.po +1 -0
  72. package/package.json +3 -7
  73. package/src/augmentation.d.ts +56 -55
  74. package/src/augmentation.js +5 -5
  75. package/src/autoimage.d.ts +52 -52
  76. package/src/autoimage.js +132 -132
  77. package/src/image/converters.d.ts +66 -66
  78. package/src/image/converters.js +232 -242
  79. package/src/image/imageblockediting.d.ts +58 -55
  80. package/src/image/imageblockediting.js +152 -136
  81. package/src/image/imageediting.d.ts +30 -30
  82. package/src/image/imageediting.js +63 -74
  83. package/src/image/imageinlineediting.d.ts +59 -56
  84. package/src/image/imageinlineediting.js +176 -160
  85. package/src/image/imageloadobserver.d.ts +48 -48
  86. package/src/image/imageloadobserver.js +52 -52
  87. package/src/image/imagetypecommand.d.ts +44 -40
  88. package/src/image/imagetypecommand.js +80 -77
  89. package/src/image/insertimagecommand.d.ts +66 -66
  90. package/src/image/insertimagecommand.js +120 -120
  91. package/src/image/replaceimagesourcecommand.d.ts +34 -34
  92. package/src/image/replaceimagesourcecommand.js +44 -44
  93. package/src/image/ui/utils.d.ts +25 -25
  94. package/src/image/ui/utils.js +44 -44
  95. package/src/image/utils.d.ts +64 -52
  96. package/src/image/utils.js +121 -100
  97. package/src/image.d.ts +34 -34
  98. package/src/image.js +38 -38
  99. package/src/imageblock.d.ts +33 -33
  100. package/src/imageblock.js +37 -37
  101. package/src/imagecaption/imagecaptionediting.d.ts +89 -89
  102. package/src/imagecaption/imagecaptionediting.js +225 -225
  103. package/src/imagecaption/imagecaptionui.d.ts +26 -26
  104. package/src/imagecaption/imagecaptionui.js +61 -61
  105. package/src/imagecaption/imagecaptionutils.d.ts +38 -38
  106. package/src/imagecaption/imagecaptionutils.js +62 -62
  107. package/src/imagecaption/toggleimagecaptioncommand.d.ts +66 -66
  108. package/src/imagecaption/toggleimagecaptioncommand.js +138 -138
  109. package/src/imagecaption.d.ts +26 -26
  110. package/src/imagecaption.js +30 -30
  111. package/src/imageconfig.d.ts +713 -713
  112. package/src/imageconfig.js +5 -5
  113. package/src/imageinline.d.ts +33 -33
  114. package/src/imageinline.js +37 -37
  115. package/src/imageinsert/imageinsertui.d.ts +44 -44
  116. package/src/imageinsert/imageinsertui.js +141 -141
  117. package/src/imageinsert/ui/imageinsertformrowview.d.ts +61 -61
  118. package/src/imageinsert/ui/imageinsertformrowview.js +54 -54
  119. package/src/imageinsert/ui/imageinsertpanelview.d.ts +106 -106
  120. package/src/imageinsert/ui/imageinsertpanelview.js +161 -161
  121. package/src/imageinsert/utils.d.ts +25 -25
  122. package/src/imageinsert/utils.js +58 -58
  123. package/src/imageinsert.d.ts +33 -33
  124. package/src/imageinsert.js +37 -37
  125. package/src/imageinsertviaurl.d.ts +30 -30
  126. package/src/imageinsertviaurl.js +34 -34
  127. package/src/imageresize/imageresizebuttons.d.ts +67 -67
  128. package/src/imageresize/imageresizebuttons.js +217 -217
  129. package/src/imageresize/imageresizeediting.d.ts +37 -37
  130. package/src/imageresize/imageresizeediting.js +165 -114
  131. package/src/imageresize/imageresizehandles.d.ts +31 -30
  132. package/src/imageresize/imageresizehandles.js +114 -107
  133. package/src/imageresize/resizeimagecommand.d.ts +42 -42
  134. package/src/imageresize/resizeimagecommand.js +63 -61
  135. package/src/imageresize.d.ts +27 -27
  136. package/src/imageresize.js +31 -31
  137. package/src/imagesizeattributes.d.ts +34 -0
  138. package/src/imagesizeattributes.js +143 -0
  139. package/src/imagestyle/converters.d.ts +24 -24
  140. package/src/imagestyle/converters.js +79 -79
  141. package/src/imagestyle/imagestylecommand.d.ts +68 -65
  142. package/src/imagestyle/imagestylecommand.js +107 -101
  143. package/src/imagestyle/imagestyleediting.d.ts +50 -50
  144. package/src/imagestyle/imagestyleediting.js +108 -108
  145. package/src/imagestyle/imagestyleui.d.ts +56 -56
  146. package/src/imagestyle/imagestyleui.js +192 -192
  147. package/src/imagestyle/utils.d.ts +101 -101
  148. package/src/imagestyle/utils.js +329 -329
  149. package/src/imagestyle.d.ts +32 -32
  150. package/src/imagestyle.js +36 -36
  151. package/src/imagetextalternative/imagetextalternativecommand.d.ts +34 -34
  152. package/src/imagetextalternative/imagetextalternativecommand.js +44 -44
  153. package/src/imagetextalternative/imagetextalternativeediting.d.ts +28 -28
  154. package/src/imagetextalternative/imagetextalternativeediting.js +35 -35
  155. package/src/imagetextalternative/imagetextalternativeui.d.ts +68 -68
  156. package/src/imagetextalternative/imagetextalternativeui.js +173 -173
  157. package/src/imagetextalternative/ui/textalternativeformview.d.ts +72 -72
  158. package/src/imagetextalternative/ui/textalternativeformview.js +121 -121
  159. package/src/imagetextalternative.d.ts +29 -29
  160. package/src/imagetextalternative.js +33 -33
  161. package/src/imagetoolbar.d.ts +35 -35
  162. package/src/imagetoolbar.js +57 -57
  163. package/src/imageupload/imageuploadediting.d.ts +111 -111
  164. package/src/imageupload/imageuploadediting.js +337 -335
  165. package/src/imageupload/imageuploadprogress.d.ts +42 -42
  166. package/src/imageupload/imageuploadprogress.js +211 -211
  167. package/src/imageupload/imageuploadui.d.ts +23 -23
  168. package/src/imageupload/imageuploadui.js +57 -57
  169. package/src/imageupload/uploadimagecommand.d.ts +60 -60
  170. package/src/imageupload/uploadimagecommand.js +100 -100
  171. package/src/imageupload/utils.d.ts +33 -33
  172. package/src/imageupload/utils.js +112 -112
  173. package/src/imageupload.d.ts +32 -32
  174. package/src/imageupload.js +36 -36
  175. package/src/imageutils.d.ts +125 -102
  176. package/src/imageutils.js +306 -248
  177. package/src/index.d.ts +48 -47
  178. package/src/index.js +39 -38
  179. package/src/pictureediting.d.ts +88 -88
  180. package/src/pictureediting.js +130 -130
  181. package/theme/image.css +38 -11
  182. package/theme/imageresize.css +5 -0
@@ -1,111 +1,111 @@
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/imageupload/imageuploadediting
7
- */
8
- import { Plugin, type Editor } from 'ckeditor5/src/core';
9
- import { type Element, type Writer, type DataTransfer } from 'ckeditor5/src/engine';
10
- import { Notification } from 'ckeditor5/src/ui';
11
- import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
12
- import { FileRepository, type UploadResponse, type FileLoader } from 'ckeditor5/src/upload';
13
- import ImageUtils from '../imageutils';
14
- /**
15
- * The editing part of the image upload feature. It registers the `'uploadImage'` command
16
- * and the `imageUpload` command as an aliased name.
17
- *
18
- * When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event
19
- * that allows adding custom attributes to the {@link module:engine/model/element~Element image element}.
20
- */
21
- export default class ImageUploadEditing extends Plugin {
22
- /**
23
- * @inheritDoc
24
- */
25
- static get requires(): readonly [typeof FileRepository, typeof Notification, typeof ClipboardPipeline, typeof ImageUtils];
26
- static get pluginName(): "ImageUploadEditing";
27
- /**
28
- * An internal mapping of {@link module:upload/filerepository~FileLoader#id file loader UIDs} and
29
- * model elements during the upload.
30
- *
31
- * Model element of the uploaded image can change, for instance, when {@link module:image/image/imagetypecommand~ImageTypeCommand}
32
- * is executed as a result of adding caption or changing image style. As a result, the upload logic must keep track of the model
33
- * element (reference) and resolve the upload for the correct model element (instead of the one that landed in the `$graveyard`
34
- * after image type changed).
35
- */
36
- private readonly _uploadImageElements;
37
- /**
38
- * @inheritDoc
39
- */
40
- constructor(editor: Editor);
41
- /**
42
- * @inheritDoc
43
- */
44
- init(): void;
45
- /**
46
- * @inheritDoc
47
- */
48
- afterInit(): void;
49
- /**
50
- * Reads and uploads an image.
51
- *
52
- * The image is read from the disk and as a Base64-encoded string it is set temporarily to
53
- * `image[src]`. When the image is successfully uploaded, the temporary data is replaced with the target
54
- * image's URL (the URL to the uploaded image on the server).
55
- */
56
- protected _readAndUpload(loader: FileLoader): Promise<void>;
57
- /**
58
- * Creates the `srcset` attribute based on a given file upload response and sets it as an attribute to a specific image element.
59
- *
60
- * @param data Data object from which `srcset` will be created.
61
- * @param image The image element on which the `srcset` attribute will be set.
62
- */
63
- protected _parseAndSetSrcsetAttributeOnImage(data: Record<string, unknown>, image: Element, writer: Writer): void;
64
- }
65
- /**
66
- * Returns `true` if non-empty `text/html` is included in the data transfer.
67
- */
68
- export declare function isHtmlIncluded(dataTransfer: DataTransfer): boolean;
69
- /**
70
- * An event fired when an image is uploaded. You can hook into this event to provide
71
- * custom attributes to the {@link module:engine/model/element~Element image element} based on the data from
72
- * the server.
73
- *
74
- * ```ts
75
- * const imageUploadEditing = editor.plugins.get( 'ImageUploadEditing' );
76
- *
77
- * imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {
78
- * editor.model.change( writer => {
79
- * writer.setAttribute( 'someAttribute', 'foo', imageElement );
80
- * } );
81
- * } );
82
- * ```
83
- *
84
- * You can also stop the default handler that sets the `src` and `srcset` attributes
85
- * if you want to provide custom values for these attributes.
86
- *
87
- * ```ts
88
- * imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {
89
- * evt.stop();
90
- * } );
91
- * ```
92
- *
93
- * **Note**: This event is fired by the {@link module:image/imageupload/imageuploadediting~ImageUploadEditing} plugin.
94
- *
95
- * @eventName ~ImageUploadEditing#uploadComplete
96
- * @param data The `uploadComplete` event data.
97
- */
98
- export type ImageUploadCompleteEvent = {
99
- name: 'uploadComplete';
100
- args: [data: ImageUploadCompleteData];
101
- };
102
- export type ImageUploadCompleteData = {
103
- /**
104
- * The data coming from the upload adapter.
105
- */
106
- data: UploadResponse;
107
- /**
108
- * The model {@link module:engine/model/element~Element image element} that can be customized.
109
- */
110
- imageElement: Element;
111
- };
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/imageupload/imageuploadediting
7
+ */
8
+ import { Plugin, type Editor } from 'ckeditor5/src/core';
9
+ import { type Element, type Writer, type DataTransfer } from 'ckeditor5/src/engine';
10
+ import { Notification } from 'ckeditor5/src/ui';
11
+ import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
12
+ import { FileRepository, type UploadResponse, type FileLoader } from 'ckeditor5/src/upload';
13
+ import ImageUtils from '../imageutils';
14
+ /**
15
+ * The editing part of the image upload feature. It registers the `'uploadImage'` command
16
+ * and the `imageUpload` command as an aliased name.
17
+ *
18
+ * When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event
19
+ * that allows adding custom attributes to the {@link module:engine/model/element~Element image element}.
20
+ */
21
+ export default class ImageUploadEditing extends Plugin {
22
+ /**
23
+ * @inheritDoc
24
+ */
25
+ static get requires(): readonly [typeof FileRepository, typeof Notification, typeof ClipboardPipeline, typeof ImageUtils];
26
+ static get pluginName(): "ImageUploadEditing";
27
+ /**
28
+ * An internal mapping of {@link module:upload/filerepository~FileLoader#id file loader UIDs} and
29
+ * model elements during the upload.
30
+ *
31
+ * Model element of the uploaded image can change, for instance, when {@link module:image/image/imagetypecommand~ImageTypeCommand}
32
+ * is executed as a result of adding caption or changing image style. As a result, the upload logic must keep track of the model
33
+ * element (reference) and resolve the upload for the correct model element (instead of the one that landed in the `$graveyard`
34
+ * after image type changed).
35
+ */
36
+ private readonly _uploadImageElements;
37
+ /**
38
+ * @inheritDoc
39
+ */
40
+ constructor(editor: Editor);
41
+ /**
42
+ * @inheritDoc
43
+ */
44
+ init(): void;
45
+ /**
46
+ * @inheritDoc
47
+ */
48
+ afterInit(): void;
49
+ /**
50
+ * Reads and uploads an image.
51
+ *
52
+ * The image is read from the disk and as a Base64-encoded string it is set temporarily to
53
+ * `image[src]`. When the image is successfully uploaded, the temporary data is replaced with the target
54
+ * image's URL (the URL to the uploaded image on the server).
55
+ */
56
+ protected _readAndUpload(loader: FileLoader): Promise<void>;
57
+ /**
58
+ * Creates the `srcset` attribute based on a given file upload response and sets it as an attribute to a specific image element.
59
+ *
60
+ * @param data Data object from which `srcset` will be created.
61
+ * @param image The image element on which the `srcset` attribute will be set.
62
+ */
63
+ protected _parseAndSetSrcsetAttributeOnImage(data: Record<string, unknown>, image: Element, writer: Writer): void;
64
+ }
65
+ /**
66
+ * Returns `true` if non-empty `text/html` is included in the data transfer.
67
+ */
68
+ export declare function isHtmlIncluded(dataTransfer: DataTransfer): boolean;
69
+ /**
70
+ * An event fired when an image is uploaded. You can hook into this event to provide
71
+ * custom attributes to the {@link module:engine/model/element~Element image element} based on the data from
72
+ * the server.
73
+ *
74
+ * ```ts
75
+ * const imageUploadEditing = editor.plugins.get( 'ImageUploadEditing' );
76
+ *
77
+ * imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {
78
+ * editor.model.change( writer => {
79
+ * writer.setAttribute( 'someAttribute', 'foo', imageElement );
80
+ * } );
81
+ * } );
82
+ * ```
83
+ *
84
+ * You can also stop the default handler that sets the `src` and `srcset` attributes
85
+ * if you want to provide custom values for these attributes.
86
+ *
87
+ * ```ts
88
+ * imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {
89
+ * evt.stop();
90
+ * } );
91
+ * ```
92
+ *
93
+ * **Note**: This event is fired by the {@link module:image/imageupload/imageuploadediting~ImageUploadEditing} plugin.
94
+ *
95
+ * @eventName ~ImageUploadEditing#uploadComplete
96
+ * @param data The `uploadComplete` event data.
97
+ */
98
+ export type ImageUploadCompleteEvent = {
99
+ name: 'uploadComplete';
100
+ args: [data: ImageUploadCompleteData];
101
+ };
102
+ export type ImageUploadCompleteData = {
103
+ /**
104
+ * The data coming from the upload adapter.
105
+ */
106
+ data: UploadResponse;
107
+ /**
108
+ * The model {@link module:engine/model/element~Element image element} that can be customized.
109
+ */
110
+ imageElement: Element;
111
+ };