@ckeditor/ckeditor5-image 39.0.2 → 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 (116) hide show
  1. package/build/image.js +1 -1
  2. package/build/image.js.map +1 -0
  3. package/build/translations/pt-br.js +1 -1
  4. package/ckeditor5-metadata.json +12 -0
  5. package/lang/translations/pt-br.po +1 -1
  6. package/package.json +3 -3
  7. package/src/augmentation.d.ts +56 -55
  8. package/src/augmentation.js +5 -5
  9. package/src/autoimage.d.ts +52 -52
  10. package/src/autoimage.js +132 -132
  11. package/src/image/converters.d.ts +66 -66
  12. package/src/image/converters.js +232 -242
  13. package/src/image/imageblockediting.d.ts +58 -55
  14. package/src/image/imageblockediting.js +152 -136
  15. package/src/image/imageediting.d.ts +30 -30
  16. package/src/image/imageediting.js +63 -74
  17. package/src/image/imageinlineediting.d.ts +59 -56
  18. package/src/image/imageinlineediting.js +176 -160
  19. package/src/image/imageloadobserver.d.ts +48 -48
  20. package/src/image/imageloadobserver.js +52 -52
  21. package/src/image/imagetypecommand.d.ts +44 -40
  22. package/src/image/imagetypecommand.js +80 -77
  23. package/src/image/insertimagecommand.d.ts +66 -66
  24. package/src/image/insertimagecommand.js +120 -120
  25. package/src/image/replaceimagesourcecommand.d.ts +34 -34
  26. package/src/image/replaceimagesourcecommand.js +44 -44
  27. package/src/image/ui/utils.d.ts +25 -25
  28. package/src/image/ui/utils.js +44 -44
  29. package/src/image/utils.d.ts +64 -52
  30. package/src/image/utils.js +121 -100
  31. package/src/image.d.ts +34 -34
  32. package/src/image.js +38 -38
  33. package/src/imageblock.d.ts +33 -33
  34. package/src/imageblock.js +37 -37
  35. package/src/imagecaption/imagecaptionediting.d.ts +89 -89
  36. package/src/imagecaption/imagecaptionediting.js +225 -225
  37. package/src/imagecaption/imagecaptionui.d.ts +26 -26
  38. package/src/imagecaption/imagecaptionui.js +61 -61
  39. package/src/imagecaption/imagecaptionutils.d.ts +38 -38
  40. package/src/imagecaption/imagecaptionutils.js +62 -62
  41. package/src/imagecaption/toggleimagecaptioncommand.d.ts +66 -66
  42. package/src/imagecaption/toggleimagecaptioncommand.js +138 -138
  43. package/src/imagecaption.d.ts +26 -26
  44. package/src/imagecaption.js +30 -30
  45. package/src/imageconfig.d.ts +713 -713
  46. package/src/imageconfig.js +5 -5
  47. package/src/imageinline.d.ts +33 -33
  48. package/src/imageinline.js +37 -37
  49. package/src/imageinsert/imageinsertui.d.ts +44 -44
  50. package/src/imageinsert/imageinsertui.js +141 -141
  51. package/src/imageinsert/ui/imageinsertformrowview.d.ts +61 -61
  52. package/src/imageinsert/ui/imageinsertformrowview.js +54 -54
  53. package/src/imageinsert/ui/imageinsertpanelview.d.ts +106 -106
  54. package/src/imageinsert/ui/imageinsertpanelview.js +161 -161
  55. package/src/imageinsert/utils.d.ts +25 -25
  56. package/src/imageinsert/utils.js +58 -58
  57. package/src/imageinsert.d.ts +33 -33
  58. package/src/imageinsert.js +37 -37
  59. package/src/imageinsertviaurl.d.ts +30 -30
  60. package/src/imageinsertviaurl.js +34 -34
  61. package/src/imageresize/imageresizebuttons.d.ts +67 -67
  62. package/src/imageresize/imageresizebuttons.js +217 -217
  63. package/src/imageresize/imageresizeediting.d.ts +37 -37
  64. package/src/imageresize/imageresizeediting.js +165 -114
  65. package/src/imageresize/imageresizehandles.d.ts +31 -30
  66. package/src/imageresize/imageresizehandles.js +114 -107
  67. package/src/imageresize/resizeimagecommand.d.ts +42 -42
  68. package/src/imageresize/resizeimagecommand.js +63 -61
  69. package/src/imageresize.d.ts +27 -27
  70. package/src/imageresize.js +31 -31
  71. package/src/imagesizeattributes.d.ts +34 -0
  72. package/src/imagesizeattributes.js +143 -0
  73. package/src/imagestyle/converters.d.ts +24 -24
  74. package/src/imagestyle/converters.js +79 -79
  75. package/src/imagestyle/imagestylecommand.d.ts +68 -65
  76. package/src/imagestyle/imagestylecommand.js +107 -101
  77. package/src/imagestyle/imagestyleediting.d.ts +50 -50
  78. package/src/imagestyle/imagestyleediting.js +108 -108
  79. package/src/imagestyle/imagestyleui.d.ts +56 -56
  80. package/src/imagestyle/imagestyleui.js +192 -192
  81. package/src/imagestyle/utils.d.ts +101 -101
  82. package/src/imagestyle/utils.js +329 -329
  83. package/src/imagestyle.d.ts +32 -32
  84. package/src/imagestyle.js +36 -36
  85. package/src/imagetextalternative/imagetextalternativecommand.d.ts +34 -34
  86. package/src/imagetextalternative/imagetextalternativecommand.js +44 -44
  87. package/src/imagetextalternative/imagetextalternativeediting.d.ts +28 -28
  88. package/src/imagetextalternative/imagetextalternativeediting.js +35 -35
  89. package/src/imagetextalternative/imagetextalternativeui.d.ts +68 -68
  90. package/src/imagetextalternative/imagetextalternativeui.js +173 -173
  91. package/src/imagetextalternative/ui/textalternativeformview.d.ts +72 -72
  92. package/src/imagetextalternative/ui/textalternativeformview.js +121 -121
  93. package/src/imagetextalternative.d.ts +29 -29
  94. package/src/imagetextalternative.js +33 -33
  95. package/src/imagetoolbar.d.ts +35 -35
  96. package/src/imagetoolbar.js +57 -57
  97. package/src/imageupload/imageuploadediting.d.ts +111 -111
  98. package/src/imageupload/imageuploadediting.js +337 -335
  99. package/src/imageupload/imageuploadprogress.d.ts +42 -42
  100. package/src/imageupload/imageuploadprogress.js +211 -211
  101. package/src/imageupload/imageuploadui.d.ts +23 -23
  102. package/src/imageupload/imageuploadui.js +57 -57
  103. package/src/imageupload/uploadimagecommand.d.ts +60 -60
  104. package/src/imageupload/uploadimagecommand.js +100 -100
  105. package/src/imageupload/utils.d.ts +33 -33
  106. package/src/imageupload/utils.js +112 -112
  107. package/src/imageupload.d.ts +32 -32
  108. package/src/imageupload.js +36 -36
  109. package/src/imageutils.d.ts +125 -102
  110. package/src/imageutils.js +306 -248
  111. package/src/index.d.ts +48 -47
  112. package/src/index.js +39 -38
  113. package/src/pictureediting.d.ts +88 -88
  114. package/src/pictureediting.js +130 -130
  115. package/theme/image.css +38 -11
  116. 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
+ };