@ckeditor/ckeditor5-ckbox 47.6.1 → 48.0.0-alpha.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 (186) hide show
  1. package/LICENSE.md +1 -1
  2. package/ckeditor5-metadata.json +4 -4
  3. package/{src → dist}/ckbox.d.ts +1 -1
  4. package/{src → dist}/ckboxcommand.d.ts +1 -1
  5. package/{src → dist}/ckboxconfig.d.ts +1 -1
  6. package/{src → dist}/ckboxediting.d.ts +4 -2
  7. package/{src → dist}/ckboximageedit/ckboximageeditcommand.d.ts +1 -1
  8. package/{src → dist}/ckboximageedit/ckboximageeditediting.d.ts +4 -3
  9. package/{src → dist}/ckboximageedit/ckboximageeditui.d.ts +1 -1
  10. package/{src → dist}/ckboximageedit/utils.d.ts +1 -1
  11. package/{src → dist}/ckboximageedit.d.ts +1 -1
  12. package/{src → dist}/ckboxui.d.ts +1 -1
  13. package/{src → dist}/ckboxuploadadapter.d.ts +4 -3
  14. package/{src → dist}/ckboxutils.d.ts +3 -3
  15. package/dist/index-editor.css +24 -28
  16. package/dist/index.css +25 -36
  17. package/dist/index.css.map +1 -1
  18. package/dist/index.js +14 -10
  19. package/dist/index.js.map +1 -1
  20. package/package.json +28 -51
  21. package/build/ckbox.js +0 -5
  22. package/build/translations/af.js +0 -1
  23. package/build/translations/ar.js +0 -1
  24. package/build/translations/ast.js +0 -1
  25. package/build/translations/az.js +0 -1
  26. package/build/translations/be.js +0 -1
  27. package/build/translations/bg.js +0 -1
  28. package/build/translations/bn.js +0 -1
  29. package/build/translations/bs.js +0 -1
  30. package/build/translations/ca.js +0 -1
  31. package/build/translations/cs.js +0 -1
  32. package/build/translations/da.js +0 -1
  33. package/build/translations/de-ch.js +0 -1
  34. package/build/translations/de.js +0 -1
  35. package/build/translations/el.js +0 -1
  36. package/build/translations/en-au.js +0 -1
  37. package/build/translations/en-gb.js +0 -1
  38. package/build/translations/eo.js +0 -1
  39. package/build/translations/es-co.js +0 -1
  40. package/build/translations/es.js +0 -1
  41. package/build/translations/et.js +0 -1
  42. package/build/translations/eu.js +0 -1
  43. package/build/translations/fa.js +0 -1
  44. package/build/translations/fi.js +0 -1
  45. package/build/translations/fr.js +0 -1
  46. package/build/translations/gl.js +0 -1
  47. package/build/translations/gu.js +0 -1
  48. package/build/translations/he.js +0 -1
  49. package/build/translations/hi.js +0 -1
  50. package/build/translations/hr.js +0 -1
  51. package/build/translations/hu.js +0 -1
  52. package/build/translations/hy.js +0 -1
  53. package/build/translations/id.js +0 -1
  54. package/build/translations/it.js +0 -1
  55. package/build/translations/ja.js +0 -1
  56. package/build/translations/jv.js +0 -1
  57. package/build/translations/kk.js +0 -1
  58. package/build/translations/km.js +0 -1
  59. package/build/translations/kn.js +0 -1
  60. package/build/translations/ko.js +0 -1
  61. package/build/translations/ku.js +0 -1
  62. package/build/translations/lt.js +0 -1
  63. package/build/translations/lv.js +0 -1
  64. package/build/translations/ms.js +0 -1
  65. package/build/translations/nb.js +0 -1
  66. package/build/translations/ne.js +0 -1
  67. package/build/translations/nl.js +0 -1
  68. package/build/translations/no.js +0 -1
  69. package/build/translations/oc.js +0 -1
  70. package/build/translations/pl.js +0 -1
  71. package/build/translations/pt-br.js +0 -1
  72. package/build/translations/pt.js +0 -1
  73. package/build/translations/ro.js +0 -1
  74. package/build/translations/ru.js +0 -1
  75. package/build/translations/si.js +0 -1
  76. package/build/translations/sk.js +0 -1
  77. package/build/translations/sl.js +0 -1
  78. package/build/translations/sq.js +0 -1
  79. package/build/translations/sr-latn.js +0 -1
  80. package/build/translations/sr.js +0 -1
  81. package/build/translations/sv.js +0 -1
  82. package/build/translations/th.js +0 -1
  83. package/build/translations/ti.js +0 -1
  84. package/build/translations/tk.js +0 -1
  85. package/build/translations/tr.js +0 -1
  86. package/build/translations/tt.js +0 -1
  87. package/build/translations/ug.js +0 -1
  88. package/build/translations/uk.js +0 -1
  89. package/build/translations/ur.js +0 -1
  90. package/build/translations/uz.js +0 -1
  91. package/build/translations/vi.js +0 -1
  92. package/build/translations/zh-cn.js +0 -1
  93. package/build/translations/zh.js +0 -1
  94. package/lang/contexts.json +0 -10
  95. package/lang/translations/af.po +0 -44
  96. package/lang/translations/ar.po +0 -44
  97. package/lang/translations/ast.po +0 -44
  98. package/lang/translations/az.po +0 -44
  99. package/lang/translations/be.po +0 -44
  100. package/lang/translations/bg.po +0 -44
  101. package/lang/translations/bn.po +0 -44
  102. package/lang/translations/bs.po +0 -44
  103. package/lang/translations/ca.po +0 -44
  104. package/lang/translations/cs.po +0 -44
  105. package/lang/translations/da.po +0 -44
  106. package/lang/translations/de-ch.po +0 -44
  107. package/lang/translations/de.po +0 -44
  108. package/lang/translations/el.po +0 -44
  109. package/lang/translations/en-au.po +0 -44
  110. package/lang/translations/en-gb.po +0 -44
  111. package/lang/translations/en.po +0 -44
  112. package/lang/translations/eo.po +0 -44
  113. package/lang/translations/es-co.po +0 -44
  114. package/lang/translations/es.po +0 -44
  115. package/lang/translations/et.po +0 -44
  116. package/lang/translations/eu.po +0 -44
  117. package/lang/translations/fa.po +0 -44
  118. package/lang/translations/fi.po +0 -44
  119. package/lang/translations/fr.po +0 -44
  120. package/lang/translations/gl.po +0 -44
  121. package/lang/translations/gu.po +0 -44
  122. package/lang/translations/he.po +0 -44
  123. package/lang/translations/hi.po +0 -44
  124. package/lang/translations/hr.po +0 -44
  125. package/lang/translations/hu.po +0 -44
  126. package/lang/translations/hy.po +0 -44
  127. package/lang/translations/id.po +0 -44
  128. package/lang/translations/it.po +0 -44
  129. package/lang/translations/ja.po +0 -44
  130. package/lang/translations/jv.po +0 -44
  131. package/lang/translations/kk.po +0 -44
  132. package/lang/translations/km.po +0 -44
  133. package/lang/translations/kn.po +0 -44
  134. package/lang/translations/ko.po +0 -44
  135. package/lang/translations/ku.po +0 -44
  136. package/lang/translations/lt.po +0 -44
  137. package/lang/translations/lv.po +0 -44
  138. package/lang/translations/ms.po +0 -44
  139. package/lang/translations/nb.po +0 -44
  140. package/lang/translations/ne.po +0 -44
  141. package/lang/translations/nl.po +0 -44
  142. package/lang/translations/no.po +0 -44
  143. package/lang/translations/oc.po +0 -44
  144. package/lang/translations/pl.po +0 -44
  145. package/lang/translations/pt-br.po +0 -44
  146. package/lang/translations/pt.po +0 -44
  147. package/lang/translations/ro.po +0 -44
  148. package/lang/translations/ru.po +0 -44
  149. package/lang/translations/si.po +0 -44
  150. package/lang/translations/sk.po +0 -44
  151. package/lang/translations/sl.po +0 -44
  152. package/lang/translations/sq.po +0 -44
  153. package/lang/translations/sr-latn.po +0 -44
  154. package/lang/translations/sr.po +0 -44
  155. package/lang/translations/sv.po +0 -44
  156. package/lang/translations/th.po +0 -44
  157. package/lang/translations/ti.po +0 -44
  158. package/lang/translations/tk.po +0 -44
  159. package/lang/translations/tr.po +0 -44
  160. package/lang/translations/tt.po +0 -44
  161. package/lang/translations/ug.po +0 -44
  162. package/lang/translations/uk.po +0 -44
  163. package/lang/translations/ur.po +0 -44
  164. package/lang/translations/uz.po +0 -44
  165. package/lang/translations/vi.po +0 -44
  166. package/lang/translations/zh-cn.po +0 -44
  167. package/lang/translations/zh.po +0 -44
  168. package/src/augmentation.js +0 -5
  169. package/src/ckbox.js +0 -43
  170. package/src/ckboxcommand.js +0 -382
  171. package/src/ckboxconfig.js +0 -5
  172. package/src/ckboxediting.js +0 -388
  173. package/src/ckboximageedit/ckboximageeditcommand.js +0 -318
  174. package/src/ckboximageedit/ckboximageeditediting.js +0 -42
  175. package/src/ckboximageedit/ckboximageeditui.js +0 -57
  176. package/src/ckboximageedit/utils.js +0 -48
  177. package/src/ckboximageedit.js +0 -34
  178. package/src/ckboxui.js +0 -139
  179. package/src/ckboxuploadadapter.js +0 -159
  180. package/src/ckboxutils.js +0 -215
  181. package/src/index.js +0 -21
  182. package/src/utils.js +0 -188
  183. package/theme/ckboximageedit.css +0 -53
  184. /package/{src → dist}/augmentation.d.ts +0 -0
  185. /package/{src → dist}/index.d.ts +0 -0
  186. /package/{src → dist}/utils.d.ts +0 -0
package/LICENSE.md CHANGED
@@ -19,7 +19,7 @@ Where not otherwise indicated, all CKEditor 5 content is authored by CKSour
19
19
  The following libraries are included in CKEditor 5 under the [MIT license](https://opensource.org/licenses/MIT):
20
20
 
21
21
  * blurhash - Copyright (c) 2018 Wolt Enterprises.
22
- * es-toolkit - Copyright (c) 2024 Viva Republica, Inc.
22
+ * es-toolkit - Copyright (c) 2024 Viva Republica, Inc and Copyright OpenJS Foundation and other contributors.
23
23
 
24
24
  Trademarks
25
25
  ----------
@@ -5,7 +5,7 @@
5
5
  "className": "CKBox",
6
6
  "description": "Allows inserting images as well as links to files into the rich-text editor content.",
7
7
  "docs": "features/file-management/ckbox.html",
8
- "path": "src/ckbox.js",
8
+ "path": "src/ckbox.ts",
9
9
  "requires": [
10
10
  "CloudServices",
11
11
  "Link",
@@ -20,7 +20,7 @@
20
20
  {
21
21
  "name": "ckbox",
22
22
  "type": "Button",
23
- "iconPath": "@ckeditor/ckeditor5-icons/theme/icons/browse-files.svg"
23
+ "iconName": "IconBrowseFiles"
24
24
  }
25
25
  ],
26
26
  "htmlOutput": [
@@ -42,7 +42,7 @@
42
42
  "className": "CKBoxImageEdit",
43
43
  "description": "Allows editing images.",
44
44
  "docs": "features/file-management/ckbox.html",
45
- "path": "src/ckboximageedit.js",
45
+ "path": "src/ckboximageedit.ts",
46
46
  "requires": [
47
47
  "CKBox"
48
48
  ],
@@ -50,7 +50,7 @@
50
50
  {
51
51
  "name": "ckboxImageEdit",
52
52
  "type": "Button",
53
- "iconPath": "@ckeditor/ckeditor5-icons/theme/icons/ckbox-image-edit.svg"
53
+ "iconName": "IconCkboxImageEdit"
54
54
  }
55
55
  ]
56
56
  }
@@ -5,7 +5,7 @@
5
5
  /**
6
6
  * @module ckbox/ckbox
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
8
+ import { Plugin } from '@ckeditor/ckeditor5-core';
9
9
  import { CKBoxUI } from './ckboxui.js';
10
10
  import { CKBoxEditing } from './ckboxediting.js';
11
11
  /**
@@ -2,7 +2,7 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- import { Command, type Editor } from 'ckeditor5/src/core.js';
5
+ import { Command, type Editor } from '@ckeditor/ckeditor5-core';
6
6
  import type { CKBoxAssetDefinition, CKBoxAssetImageAttributesDefinition, CKBoxRawAssetDefinition } from './ckboxconfig.js';
7
7
  /**
8
8
  * The CKBox command. It is used by the {@link module:ckbox/ckboxediting~CKBoxEditing CKBox editing feature} to open the CKBox file manager.
@@ -6,7 +6,7 @@
6
6
  * @module ckbox/ckboxconfig
7
7
  */
8
8
  import type { TokenUrl } from '@ckeditor/ckeditor5-cloud-services';
9
- import type { ArrayOrItem } from 'ckeditor5/src/utils.js';
9
+ import type { ArrayOrItem } from '@ckeditor/ckeditor5-utils';
10
10
  /**
11
11
  * The configuration of the {@link module:ckbox/ckbox~CKBox CKBox feature}.
12
12
  *
@@ -5,9 +5,11 @@
5
5
  /**
6
6
  * @module ckbox/ckboxediting
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
8
+ import { Plugin } from '@ckeditor/ckeditor5-core';
9
+ import { LinkEditing } from '@ckeditor/ckeditor5-link';
9
10
  import { CKBoxUploadAdapter } from './ckboxuploadadapter.js';
10
11
  import { CKBoxUtils } from './ckboxutils.js';
12
+ import { PictureEditing } from '@ckeditor/ckeditor5-image';
11
13
  /**
12
14
  * The CKBox editing feature. It introduces the {@link module:ckbox/ckboxcommand~CKBoxCommand CKBox command} and
13
15
  * {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.
@@ -24,7 +26,7 @@ export declare class CKBoxEditing extends Plugin {
24
26
  /**
25
27
  * @inheritDoc
26
28
  */
27
- static get requires(): readonly ["LinkEditing", "PictureEditing", typeof CKBoxUploadAdapter, typeof CKBoxUtils];
29
+ static get requires(): readonly [typeof LinkEditing, typeof PictureEditing, typeof CKBoxUploadAdapter, typeof CKBoxUtils];
28
30
  /**
29
31
  * @inheritDoc
30
32
  */
@@ -5,7 +5,7 @@
5
5
  /**
6
6
  * @module ckbox/ckboximageedit/ckboximageeditcommand
7
7
  */
8
- import { Command, type Editor } from 'ckeditor5/src/core.js';
8
+ import { Command, type Editor } from '@ckeditor/ckeditor5-core';
9
9
  /**
10
10
  * The CKBox edit image command.
11
11
  *
@@ -5,8 +5,9 @@
5
5
  /**
6
6
  * @module ckbox/ckboximageedit/ckboximageeditediting
7
7
  */
8
- import { PendingActions, Plugin } from 'ckeditor5/src/core.js';
9
- import { Notification } from 'ckeditor5/src/ui.js';
8
+ import { PendingActions, Plugin } from '@ckeditor/ckeditor5-core';
9
+ import { Notification } from '@ckeditor/ckeditor5-ui';
10
+ import { ImageEditing, ImageUtils } from '@ckeditor/ckeditor5-image';
10
11
  import { CKBoxEditing } from '../ckboxediting.js';
11
12
  import { CKBoxUtils } from '../ckboxutils.js';
12
13
  /**
@@ -24,7 +25,7 @@ export declare class CKBoxImageEditEditing extends Plugin {
24
25
  /**
25
26
  * @inheritDoc
26
27
  */
27
- static get requires(): readonly [typeof CKBoxEditing, typeof CKBoxUtils, typeof PendingActions, typeof Notification, "ImageUtils", "ImageEditing"];
28
+ static get requires(): readonly [typeof CKBoxEditing, typeof CKBoxUtils, typeof PendingActions, typeof Notification, typeof ImageUtils, typeof ImageEditing];
28
29
  /**
29
30
  * @inheritDoc
30
31
  */
@@ -5,7 +5,7 @@
5
5
  /**
6
6
  * @module ckbox/ckboximageedit/ckboximageeditui
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
8
+ import { Plugin } from '@ckeditor/ckeditor5-core';
9
9
  /**
10
10
  * The UI plugin of the CKBox image edit feature.
11
11
  *
@@ -2,7 +2,7 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- import type { ModelElement } from 'ckeditor5/src/engine.js';
5
+ import type { ModelElement } from '@ckeditor/ckeditor5-engine';
6
6
  import type { CKBoxConfig } from '../ckboxconfig.js';
7
7
  /**
8
8
  * @internal
@@ -5,7 +5,7 @@
5
5
  /**
6
6
  * @module ckbox/ckboximageedit
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
8
+ import { Plugin } from '@ckeditor/ckeditor5-core';
9
9
  import { CKBoxImageEditEditing } from './ckboximageedit/ckboximageeditediting.js';
10
10
  import { CKBoxImageEditUI } from './ckboximageedit/ckboximageeditui.js';
11
11
  import '../theme/ckboximageedit.css';
@@ -5,7 +5,7 @@
5
5
  /**
6
6
  * @module ckbox/ckboxui
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
8
+ import { Plugin } from '@ckeditor/ckeditor5-core';
9
9
  /**
10
10
  * Introduces UI components for the `CKBox` plugin.
11
11
  *
@@ -5,8 +5,9 @@
5
5
  /**
6
6
  * @module ckbox/ckboxuploadadapter
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import { FileRepository } from 'ckeditor5/src/upload.js';
8
+ import { Plugin } from '@ckeditor/ckeditor5-core';
9
+ import { FileRepository } from '@ckeditor/ckeditor5-upload';
10
+ import { ImageUploadEditing, ImageUploadProgress } from '@ckeditor/ckeditor5-image';
10
11
  import { CKBoxEditing } from './ckboxediting.js';
11
12
  /**
12
13
  * A plugin that enables file uploads in CKEditor 5 using the CKBox server–side connector.
@@ -21,7 +22,7 @@ export declare class CKBoxUploadAdapter extends Plugin {
21
22
  /**
22
23
  * @inheritDoc
23
24
  */
24
- static get requires(): readonly ["ImageUploadEditing", "ImageUploadProgress", typeof FileRepository, typeof CKBoxEditing];
25
+ static get requires(): readonly [typeof ImageUploadEditing, typeof ImageUploadProgress, typeof FileRepository, typeof CKBoxEditing];
25
26
  /**
26
27
  * @inheritDoc
27
28
  */
@@ -5,8 +5,8 @@
5
5
  /**
6
6
  * @module ckbox/ckboxutils
7
7
  */
8
- import type { InitializedToken } from '@ckeditor/ckeditor5-cloud-services';
9
- import { Plugin } from 'ckeditor5/src/core.js';
8
+ import { CloudServices, type InitializedToken } from '@ckeditor/ckeditor5-cloud-services';
9
+ import { Plugin } from '@ckeditor/ckeditor5-core';
10
10
  /**
11
11
  * The CKBox utilities plugin.
12
12
  */
@@ -26,7 +26,7 @@ export declare class CKBoxUtils extends Plugin {
26
26
  /**
27
27
  * @inheritDoc
28
28
  */
29
- static get requires(): readonly ["CloudServices"];
29
+ static get requires(): readonly [typeof CloudServices];
30
30
  /**
31
31
  * @inheritDoc
32
32
  */
@@ -3,44 +3,40 @@
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
5
  :root{
6
- --ck-image-processing-highlight-color:hsl(220, 10%, 98%);
7
- --ck-image-processing-background-color:hsl(220, 10%, 90%);
6
+ --ck-image-processing-highlight-color:#f9fafa;
7
+ --ck-image-processing-background-color:#e3e5e8;
8
8
  }
9
9
 
10
10
  .ck.ck-editor__editable .image.image-processing{
11
- position:relative;
12
- }
11
+ position:relative;
12
+ }
13
13
 
14
14
  .ck.ck-editor__editable .image.image-processing:before{
15
- content:'';
16
-
17
- position:absolute;
18
- top:0;
19
- left:0;
20
- z-index:1;
21
-
22
- height:100%;
23
- width:100%;
24
-
25
- background:linear-gradient(
26
- 90deg,
15
+ content:"";
16
+ z-index:1;
17
+ background:linear-gradient(90deg,
27
18
  var(--ck-image-processing-background-color),
28
19
  var(--ck-image-processing-highlight-color),
29
20
  var(--ck-image-processing-background-color));
30
- background-size:200% 100%;
31
-
32
- animation:ck-image-processing-animation 2s linear infinite;
33
- }
21
+ background-size:200% 100%;
22
+ width:100%;
23
+ height:100%;
24
+ animation:2s linear infinite ck-image-processing-animation;
25
+ position:absolute;
26
+ top:0;
27
+ left:0;
28
+ }
34
29
 
35
30
  .ck.ck-editor__editable .image.image-processing img{
36
- height:100%;
37
- }
31
+ height:100%;
32
+ }
38
33
 
39
34
  @keyframes ck-image-processing-animation{
40
- 0%{
41
- background-position:200% 0;
42
- }
43
- 100%{
44
- background-position:-200% 0;
45
- }
35
+ 0%{
36
+ background-position:200% 0;
37
+ }
38
+
39
+ 100%{
40
+ background-position:-200% 0;
41
+ }
46
42
  }
package/dist/index.css CHANGED
@@ -2,54 +2,43 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- /*
6
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
7
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
8
- */
9
-
10
5
  :root {
11
- /* Based on default CKBox theme colors */
12
- --ck-image-processing-highlight-color: hsl(220, 10%, 98%);
13
- --ck-image-processing-background-color: hsl(220, 10%, 90%);
6
+ --ck-image-processing-highlight-color: #f9fafa;
7
+ --ck-image-processing-background-color: #e3e5e8;
14
8
  }
15
9
 
16
10
  .ck.ck-editor__editable .image.image-processing {
17
- position: relative;
18
- }
11
+ position: relative;
12
+ }
19
13
 
20
14
  .ck.ck-editor__editable .image.image-processing:before {
21
- content: '';
22
-
23
- position: absolute;
24
- top: 0;
25
- left: 0;
26
- z-index: 1;
27
-
28
- height: 100%;
29
- width: 100%;
30
-
31
- background: linear-gradient(
32
- 90deg,
15
+ content: "";
16
+ z-index: 1;
17
+ background: linear-gradient(90deg,
33
18
  var(--ck-image-processing-background-color),
34
19
  var(--ck-image-processing-highlight-color),
35
- var(--ck-image-processing-background-color)
36
- );
37
- background-size: 200% 100%;
38
-
39
- animation: ck-image-processing-animation 2s linear infinite;
40
- }
20
+ var(--ck-image-processing-background-color));
21
+ background-size: 200% 100%;
22
+ width: 100%;
23
+ height: 100%;
24
+ animation: 2s linear infinite ck-image-processing-animation;
25
+ position: absolute;
26
+ top: 0;
27
+ left: 0;
28
+ }
41
29
 
42
30
  .ck.ck-editor__editable .image.image-processing img {
43
- height: 100%;
44
- }
31
+ height: 100%;
32
+ }
45
33
 
46
34
  @keyframes ck-image-processing-animation {
47
- 0% {
48
- background-position: 200% 0;
49
- }
50
- 100% {
51
- background-position: -200% 0;
52
- }
35
+ 0% {
36
+ background-position: 200% 0;
37
+ }
38
+
39
+ 100% {
40
+ background-position: -200% 0;
41
+ }
53
42
  }
54
43
 
55
44
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../theme/ckboximageedit.css","index.css"],"names":[],"mappings":"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","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t/* Based on default CKBox theme colors */\n\t--ck-image-processing-highlight-color: hsl(220, 10%, 98%);\n\t--ck-image-processing-background-color: hsl(220, 10%, 90%);\n}\n\n.ck.ck-editor__editable {\n\t& .image {\n\t\t&.image-processing {\n\t\t\tposition: relative;\n\n\t\t\t&:before {\n\t\t\t\tcontent: '';\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: 1;\n\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\n\t\t\t\tbackground: linear-gradient(\n\t\t\t\t\t90deg,\n\t\t\t\t\tvar(--ck-image-processing-background-color),\n\t\t\t\t\tvar(--ck-image-processing-highlight-color),\n\t\t\t\t\tvar(--ck-image-processing-background-color)\n\t\t\t\t);\n\t\t\t\tbackground-size: 200% 100%;\n\n\t\t\t\tanimation: ck-image-processing-animation 2s linear infinite;\n\t\t\t}\n\n\t\t\t& img {\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes ck-image-processing-animation {\n\t0% {\n\t\tbackground-position: 200% 0;\n\t}\n\t100% {\n\t\tbackground-position: -200% 0;\n\t}\n}\n","/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t/* Based on default CKBox theme colors */\n\t--ck-image-processing-highlight-color: hsl(220, 10%, 98%);\n\t--ck-image-processing-background-color: hsl(220, 10%, 90%);\n}\n\n.ck.ck-editor__editable .image.image-processing {\n\t\t\tposition: relative;\n\t\t}\n\n.ck.ck-editor__editable .image.image-processing:before {\n\t\t\t\tcontent: '';\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: 1;\n\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\n\t\t\t\tbackground: linear-gradient(\n\t\t\t\t\t90deg,\n\t\t\t\t\tvar(--ck-image-processing-background-color),\n\t\t\t\t\tvar(--ck-image-processing-highlight-color),\n\t\t\t\t\tvar(--ck-image-processing-background-color)\n\t\t\t\t);\n\t\t\t\tbackground-size: 200% 100%;\n\n\t\t\t\tanimation: ck-image-processing-animation 2s linear infinite;\n\t\t\t}\n\n.ck.ck-editor__editable .image.image-processing img {\n\t\t\t\theight: 100%;\n\t\t\t}\n\n@keyframes ck-image-processing-animation {\n\t0% {\n\t\tbackground-position: 200% 0;\n\t}\n\t100% {\n\t\tbackground-position: -200% 0;\n\t}\n}\n\n/*# sourceMappingURL=index.css.map */"]}
1
+ {"version":3,"sources":["../theme/ckboximageedit.css","index.css"],"names":[],"mappings":";;;;AAKA,CAAA,IAAA,CAAA;ACJA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;AAChD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;AACjD;;ADUE,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA;ACPF,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACpB;;ADSG,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA,MAAA,CAAA;ACNH,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACb,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK;AACnC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC;AAChD,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC;AAC/C,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AACjD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AAC5B,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;AACb,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC;AACd,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;AAC7D,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACpB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;ADiBL,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA;ACfH;;AAEA,CAAC,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;ADoBpD,CAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA;AClBA;;AAEA,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;AACzC,CAAC,CAAC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC;;AAEF,CAAC,CAAC,GAAG,CAAC,CAAC;AACP,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AACF;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t/* Based on default CKBox theme colors */\n\t--ck-image-processing-highlight-color: hsl(220, 10%, 98%);\n\t--ck-image-processing-background-color: hsl(220, 10%, 90%);\n}\n\n.ck.ck-editor__editable {\n\t& .image {\n\t\t&.image-processing {\n\t\t\tposition: relative;\n\n\t\t\t&:before {\n\t\t\t\tcontent: '';\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: 1;\n\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\n\t\t\t\tbackground: linear-gradient(\n\t\t\t\t\t90deg,\n\t\t\t\t\tvar(--ck-image-processing-background-color),\n\t\t\t\t\tvar(--ck-image-processing-highlight-color),\n\t\t\t\t\tvar(--ck-image-processing-background-color)\n\t\t\t\t);\n\t\t\t\tbackground-size: 200% 100%;\n\n\t\t\t\tanimation: ck-image-processing-animation 2s linear infinite;\n\t\t\t}\n\n\t\t\t& img {\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes ck-image-processing-animation {\n\t0% {\n\t\tbackground-position: 200% 0;\n\t}\n\t100% {\n\t\tbackground-position: -200% 0;\n\t}\n}\n",":root {\n --ck-image-processing-highlight-color: #f9fafa;\n --ck-image-processing-background-color: #e3e5e8;\n}\n\n.ck.ck-editor__editable .image.image-processing {\n position: relative;\n}\n\n.ck.ck-editor__editable .image.image-processing:before {\n content: \"\";\n z-index: 1;\n background: linear-gradient(90deg,\n\t\t\t\t\tvar(--ck-image-processing-background-color),\n\t\t\t\t\tvar(--ck-image-processing-highlight-color),\n\t\t\t\t\tvar(--ck-image-processing-background-color));\n background-size: 200% 100%;\n width: 100%;\n height: 100%;\n animation: 2s linear infinite ck-image-processing-animation;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ck.ck-editor__editable .image.image-processing img {\n height: 100%;\n}\n\n@keyframes ck-image-processing-animation {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 0;\n }\n}\n\n/*# sourceMappingURL=index.css.map */"]}
package/dist/index.js CHANGED
@@ -7,8 +7,11 @@ import { ButtonView, MenuBarMenuListItemButtonView, Notification } from '@ckedit
7
7
  import { IconBrowseFiles, IconImageAssetManager, IconCkboxImageEdit } from '@ckeditor/ckeditor5-icons/dist/index.js';
8
8
  import { ModelRange } from '@ckeditor/ckeditor5-engine/dist/index.js';
9
9
  import { createElement, toMap, CKEditorError, logError, global, delay, abortableDebounce, retry } from '@ckeditor/ckeditor5-utils/dist/index.js';
10
+ import { LinkEditing } from '@ckeditor/ckeditor5-link/dist/index.js';
10
11
  import { decode } from 'blurhash';
11
12
  import { FileRepository } from '@ckeditor/ckeditor5-upload/dist/index.js';
13
+ import { ImageUploadEditing, ImageUploadProgress, PictureEditing, ImageUtils, ImageEditing } from '@ckeditor/ckeditor5-image/dist/index.js';
14
+ import { CloudServices } from '@ckeditor/ckeditor5-cloud-services/dist/index.js';
12
15
  import { isEqual } from 'es-toolkit/compat';
13
16
 
14
17
  /**
@@ -688,7 +691,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
688
691
  * @inheritDoc
689
692
  */ static get requires() {
690
693
  return [
691
- 'CloudServices'
694
+ CloudServices
692
695
  ];
693
696
  }
694
697
  /**
@@ -710,7 +713,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
710
713
  theme: DEFAULT_CKBOX_THEME_NAME,
711
714
  tokenUrl: editor.config.get('cloudServices.tokenUrl')
712
715
  });
713
- const cloudServices = editor.plugins.get('CloudServices');
716
+ const cloudServices = editor.plugins.get(CloudServices);
714
717
  const cloudServicesTokenUrl = editor.config.get('cloudServices.tokenUrl');
715
718
  const ckboxTokenUrl = editor.config.get('ckbox.tokenUrl');
716
719
  if (!ckboxTokenUrl) {
@@ -720,7 +723,8 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
720
723
  * configuration is required for the CKBox plugin.
721
724
  *
722
725
  * ```ts
723
- * ClassicEditor.create( document.createElement( 'div' ), {
726
+ * ClassicEditor.create( {
727
+ * attachTo: document.createElement( 'div' ),
724
728
  * ckbox: {
725
729
  * tokenUrl: "YOUR_TOKEN_URL"
726
730
  * // ...
@@ -873,8 +877,8 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
873
877
  * @inheritDoc
874
878
  */ static get requires() {
875
879
  return [
876
- 'ImageUploadEditing',
877
- 'ImageUploadProgress',
880
+ ImageUploadEditing,
881
+ ImageUploadProgress,
878
882
  FileRepository,
879
883
  CKBoxEditing
880
884
  ];
@@ -905,7 +909,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
905
909
  const ckboxUtils = editor.plugins.get(CKBoxUtils);
906
910
  fileRepository.createUploadAdapter = (loader)=>new Adapter(loader, editor, ckboxUtils);
907
911
  const shouldInsertDataId = !editor.config.get('ckbox.ignoreDataId');
908
- const imageUploadEditing = editor.plugins.get('ImageUploadEditing');
912
+ const imageUploadEditing = editor.plugins.get(ImageUploadEditing);
909
913
  // Mark uploaded assets with the `ckboxImageId` attribute. Its value represents an ID in CKBox.
910
914
  if (shouldInsertDataId) {
911
915
  imageUploadEditing.on('uploadComplete', (evt, { imageElement, data })=>{
@@ -1016,8 +1020,8 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
1016
1020
  * @inheritDoc
1017
1021
  */ static get requires() {
1018
1022
  return [
1019
- 'LinkEditing',
1020
- 'PictureEditing',
1023
+ LinkEditing,
1024
+ PictureEditing,
1021
1025
  CKBoxUploadAdapter,
1022
1026
  CKBoxUtils
1023
1027
  ];
@@ -1759,8 +1763,8 @@ function createUrlChecker(allowExternalImagesEditing) {
1759
1763
  CKBoxUtils,
1760
1764
  PendingActions,
1761
1765
  Notification,
1762
- 'ImageUtils',
1763
- 'ImageEditing'
1766
+ ImageUtils,
1767
+ ImageEditing
1764
1768
  ];
1765
1769
  }
1766
1770
  /**