@ckeditor/ckeditor5-image 42.0.1 → 42.0.2-alpha.0

package/dist/index-content.css

@@ -2,136 +2,149 @@
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-:root {
---ck-color-image-caption-background: hsl(0, 0%, 97%);
---ck-color-image-caption-text: hsl(0, 0%, 20%);
---ck-image-style-spacing: 1.5em;
---ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
-}
-.ck-content .image > figcaption {
-display: table-caption;
-caption-side: bottom;
-word-break: break-word;
-color: var(--ck-color-image-caption-text);
-background-color: var(--ck-color-image-caption-background);
-padding: .6em;
-font-size: .75em;
-outline-offset: -1px;
-
-}
-.ck-content img.image_resized {
-height: auto;
-
-}
-.ck-content .image.image_resized {
-max-width: 100%;
-display: block;
-box-sizing: border-box;
-
-}
-.ck-content .image.image_resized img {
-width: 100%;
-
-}
-.ck-content .image.image_resized > figcaption {
-display: block;
-
-}
-.ck-content .image.image-style-block-align-left {
-max-width: calc(100% - var(--ck-image-style-spacing));
-
-}
-.ck-content .image.image-style-align-left {
-clear: none;
-
-}
-.ck-content .image.image-style-side {
-float: right;
-margin-left: var(--ck-image-style-spacing);
-max-width: 50%;
-
-}
-.ck-content .image.image-style-align-left {
-float: left;
-margin-right: var(--ck-image-style-spacing);
-
-}
-.ck-content .image.image-style-align-right {
-float: right;
-margin-left: var(--ck-image-style-spacing);
-
-}
-.ck-content .image.image-style-block-align-right {
-margin-right: 0;
-margin-left: auto;
-
-}
-.ck-content .image.image-style-block-align-left {
-margin-left: 0;
-margin-right: auto;
-
-}
-.ck-content .image-style-align-center {
-margin-left: auto;
-margin-right: auto;
-
-}
-.ck-content .image-style-align-left {
-float: left;
-margin-right: var(--ck-image-style-spacing);
-
-}
-.ck-content .image-style-align-right {
-float: right;
-margin-left: var(--ck-image-style-spacing);
-
-}
-.ck-content p + .image.image-style-align-left {
-margin-top: 0;
-
-}
-.ck-content .image-inline.image-style-align-left {
-margin-top: var(--ck-inline-image-style-spacing);
-margin-bottom: var(--ck-inline-image-style-spacing);
-
-}
-.ck-content .image-inline.image-style-align-left {
-margin-right: var(--ck-inline-image-style-spacing);
-
-}
-.ck-content .image-inline.image-style-align-right {
-margin-left: var(--ck-inline-image-style-spacing);
-
-}
-.ck-content .image {
-display: table;
-clear: both;
-text-align: center;
-margin: 0.9em auto;
-min-width: 50px;
-
-}
-.ck-content .image img {
-display: block;
-margin: 0 auto;
-max-width: 100%;
-min-width: 100%;
-height: auto;
-
-}
-.ck-content .image-inline {
-display: inline-flex;
-max-width: 100%;
-align-items: flex-start;
-
-}
-.ck-content .image-inline picture {
-display: flex;
-
-}
-.ck-content .image-inline picture {
-flex-grow: 1;
-flex-shrink: 1;
-max-width: 100%;
-
-}
+:root{
+	--ck-color-image-caption-background:hsl(0, 0%, 97%);
+	--ck-color-image-caption-text:hsl(0, 0%, 20%);
+}
+.ck-content .image > figcaption{
+	display:table-caption;
+	caption-side:bottom;
+	word-break:break-word;
+	color:var(--ck-color-image-caption-text);
+	background-color:var(--ck-color-image-caption-background);
+	padding:.6em;
+	font-size:.75em;
+	outline-offset:-1px;
+}
+@media (forced-colors: active){
+.ck-content .image > figcaption{
+		background-color:unset;
+		color:unset;
+}
+	}
+.ck-content img.image_resized{
+	height:auto;
+}
+
+.ck-content .image.image_resized{
+	max-width:100%;
+	display:block;
+	box-sizing:border-box;
+}
+
+.ck-content .image.image_resized img{
+		width:100%;
+	}
+
+.ck-content .image.image_resized > figcaption{
+		display:block;
+	}
+
+:root{
+	--ck-image-style-spacing:1.5em;
+	--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing) / 2);
+}
+
+.ck-content .image.image-style-block-align-left,
+		.ck-content .image.image-style-block-align-right{
+			max-width:calc(100% - var(--ck-image-style-spacing));
+		}
+
+.ck-content .image.image-style-align-left,
+		.ck-content .image.image-style-align-right{
+			clear:none;
+		}
+
+.ck-content .image.image-style-side{
+			float:right;
+			margin-left:var(--ck-image-style-spacing);
+			max-width:50%;
+		}
+
+.ck-content .image.image-style-align-left{
+			float:left;
+			margin-right:var(--ck-image-style-spacing);
+		}
+
+.ck-content .image.image-style-align-right{
+			float:right;
+			margin-left:var(--ck-image-style-spacing);
+		}
+
+.ck-content .image.image-style-block-align-right{
+			margin-right:0;
+			margin-left:auto;
+		}
+
+.ck-content .image.image-style-block-align-left{
+			margin-left:0;
+			margin-right:auto;
+		}
+
+.ck-content .image-style-align-center{
+		margin-left:auto;
+		margin-right:auto;
+	}
+
+.ck-content .image-style-align-left{
+		float:left;
+		margin-right:var(--ck-image-style-spacing);
+	}
+
+.ck-content .image-style-align-right{
+		float:right;
+		margin-left:var(--ck-image-style-spacing);
+	}
+
+.ck-content p + .image.image-style-align-left,
+	.ck-content p + .image.image-style-align-right,
+	.ck-content p + .image.image-style-side{
+		margin-top:0;
+	}
+
+.ck-content .image-inline.image-style-align-left,
+		.ck-content .image-inline.image-style-align-right{
+			margin-top:var(--ck-inline-image-style-spacing);
+			margin-bottom:var(--ck-inline-image-style-spacing);
+		}
+
+.ck-content .image-inline.image-style-align-left{
+			margin-right:var(--ck-inline-image-style-spacing);
+		}
+
+.ck-content .image-inline.image-style-align-right{
+			margin-left:var(--ck-inline-image-style-spacing);
+		}
+
+.ck-content .image{
+		display:table;
+		clear:both;
+		text-align:center;
+		margin:0.9em auto;
+		min-width:50px;
+	}
+
+.ck-content .image img{
+			display:block;
+			margin:0 auto;
+			max-width:100%;
+			min-width:100%;
+			height:auto;
+		}
+
+.ck-content .image-inline{
+		display:inline-flex;
+		max-width:100%;
+		align-items:flex-start;
+	}
+
+.ck-content .image-inline picture{
+			display:flex;
+		}
+
+.ck-content .image-inline picture,
+		.ck-content .image-inline img{
+			flex-grow:1;
+			flex-shrink:1;
+			max-width:100%;
+		}

package/dist/index-editor.css

@@ -2,165 +2,247 @@
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-:root {
-
+:root{
+	--ck-color-image-caption-background:hsl(0, 0%, 97%);
+	--ck-color-image-caption-text:hsl(0, 0%, 20%);
+	--ck-color-image-caption-highlighted-background:hsl(52deg 100% 50%);
 }
-.ck.ck-image-insert-url {
-width: 400px;
-padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;
-
+@media (forced-colors: none){
+		.ck.ck-editor__editable .image > figcaption.image__caption_highlighted{
+		animation:ck-image-caption-highlight .6s ease-out;
+		}
+	}
+@media (prefers-reduced-motion: reduce){
+.ck.ck-editor__editable .image > figcaption.image__caption_highlighted{
+		animation:none;
 }
-.ck.ck-image-insert-url .ck-image-insert-url__action-row {
-display: grid;
-grid-template-columns: repeat(2, 1fr);
+	}
 
-}
-.ck.ck-editor__editable td .image-inline.image_resized img {
-max-width: 100%;
+@keyframes ck-image-caption-highlight{
+	0%{
+		background-color:var(--ck-color-image-caption-highlighted-background);
+	}
 
+	100%{
+		background-color:var(--ck-color-image-caption-background);
+	}
 }
-[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
-margin-right: var(--ck-spacing-standard);
 
+.ck.ck-image-insert-url{
+	width:400px;
+	padding:var(--ck-spacing-large) var(--ck-spacing-large) 0;
 }
-[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
-margin-left: var(--ck-spacing-standard);
 
-}
-.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
-width: 4em;
+.ck.ck-image-insert-url .ck-image-insert-url__action-row{
+		display:grid;
+		grid-template-columns:repeat(2, 1fr);
+	}
 
-}
-.ck.ck-image-custom-resize-form {
-display: flex;
-flex-direction: row;
-flex-wrap: nowrap;
-align-items: flex-start;
+.ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img{
+			max-width:100%;
+		}
 
+[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon{
+	margin-right:var(--ck-spacing-standard);
 }
-.ck.ck-image-custom-resize-form .ck-labeled-field-view {
-display: inline-block;
 
+[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon{
+	margin-left:var(--ck-spacing-standard);
 }
-.ck.ck-image-custom-resize-form .ck-label {
-display: none;
 
+.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label{
+	width:4em;
 }
-.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled) {
-background-color: var(--ck-color-button-on-background);
 
+.ck.ck-image-custom-resize-form{
+	display:flex;
+	flex-direction:row;
+	flex-wrap:nowrap;
+	align-items:flex-start;
 }
-.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after {
-display: none;
 
-}
-.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled) {
-background-color: var(--ck-color-button-on-hover-background);
+.ck.ck-image-custom-resize-form .ck-labeled-field-view{
+		display:inline-block;
+	}
 
-}
-.ck.ck-text-alternative-form {
-display: flex;
-flex-direction: row;
-flex-wrap: nowrap;
+.ck.ck-image-custom-resize-form .ck-label{
+		display:none;
+	}
 
-}
-.ck.ck-text-alternative-form .ck-labeled-field-view {
-display: inline-block;
+@media screen and (max-width: 600px){
 
+.ck.ck-image-custom-resize-form{
+		flex-wrap:wrap;
 }
-.ck.ck-text-alternative-form .ck-label {
-display: none;
 
-}
-.ck-vertical-form .ck-button::after {
-content: "";
-width: 0;
-position: absolute;
-right: -1px;
-top: -1px;
-bottom: -1px;
-z-index: 1;
+		.ck.ck-image-custom-resize-form .ck-labeled-field-view{
+			flex-basis:100%;
+		}
 
-}
-.ck-vertical-form .ck-button:focus::after {
-display: none;
+		.ck.ck-image-custom-resize-form .ck-button{
+			flex-basis:50%;
+		}
+	}
 
+:root{
+	--ck-image-style-spacing:1.5em;
+	--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing) / 2);
 }
-.ck.ck-editor__editable .image {
-position: relative;
 
-}
-.ck.ck-editor__editable .image .ck-progress-bar {
-position: absolute;
-top: 0;
-left: 0;
+.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled),
+			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled),
+			.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled),
+			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled),
+			.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
+			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover){
+				background-color:var(--ck-color-button-on-background);
+			}
+
+.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after{
+					display:none;
+				}
 
-}
-.ck-image-upload-complete-icon {
-display: block;
-position: absolute;
-top: min(var(--ck-spacing-medium), 6%);
-right: min(var(--ck-spacing-medium), 6%);
-border-radius: 50%;
-z-index: 1;
+.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),
+			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),
+			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover){
+				background-color:var(--ck-color-button-on-hover-background);
+			}
 
+.ck.ck-text-alternative-form{
+	display:flex;
+	flex-direction:row;
+	flex-wrap:nowrap;
 }
-.ck-image-upload-complete-icon::after {
-content: "";
-position: absolute;
 
-}
-.ck .ck-upload-placeholder-loader {
-position: absolute;
-display: flex;
-align-items: center;
-justify-content: center;
-top: 0;
-left: 0;
+.ck.ck-text-alternative-form .ck-labeled-field-view{
+		display:inline-block;
+	}
 
-}
-.ck .ck-upload-placeholder-loader::before {
-content: '';
-position: relative;
+.ck.ck-text-alternative-form .ck-label{
+		display:none;
+	}
 
-}
-.ck.ck-editor__editable .image > figcaption.ck-placeholder::before {
-padding-left: inherit;
-padding-right: inherit;
-white-space: nowrap;
-overflow: hidden;
-text-overflow: ellipsis;
+@media screen and (max-width: 600px){
 
+.ck.ck-text-alternative-form{
+		flex-wrap:wrap;
 }
-.ck.ck-editor__editable .image {
-z-index: 1;
 
-}
-.ck.ck-editor__editable .image.ck-widget_selected {
-z-index: 2;
-
-}
-.ck.ck-editor__editable .image-inline {
-z-index: 1;
-
-}
-.ck.ck-editor__editable .image-inline.ck-widget_selected {
-z-index: 2;
-
-}
-.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
-display: none;
+		.ck.ck-text-alternative-form .ck-labeled-field-view{
+			flex-basis:100%;
+		}
 
-}
-.ck.ck-editor__editable .image-inline img {
-height: auto;
-
-}
-.ck.ck-editor__editable td .image-inline img {
-max-width: none;
-
-}
-.ck.ck-editor__editable img.image_placeholder {
-background-size: 100% 100%;
-
-}
+		.ck.ck-text-alternative-form .ck-button{
+			flex-basis:50%;
+		}
+	}
+
+.ck-vertical-form .ck-button::after{
+		content:"";
+		width:0;
+		position:absolute;
+		right:-1px;
+		top:-1px;
+		bottom:-1px;
+		z-index:1;
+	}
+
+.ck-vertical-form .ck-button:focus::after{
+		display:none;
+	}
+
+@media screen and (max-width: 600px){
+			.ck.ck-responsive-form .ck-button::after{
+				content:"";
+				width:0;
+				position:absolute;
+				right:-1px;
+				top:-1px;
+				bottom:-1px;
+				z-index:1;
+			}
+
+			.ck.ck-responsive-form .ck-button:focus::after{
+				display:none;
+			}
+	}
+
+.ck.ck-editor__editable .image,
+	.ck.ck-editor__editable .image-inline{
+		position:relative;
+	}
+
+.ck.ck-editor__editable .image .ck-progress-bar,
+	.ck.ck-editor__editable .image-inline .ck-progress-bar{
+		position:absolute;
+		top:0;
+		left:0;
+	}
+
+.ck-image-upload-complete-icon{
+	display:block;
+	position:absolute;
+	top:min(var(--ck-spacing-medium), 6%);
+	right:min(var(--ck-spacing-medium), 6%);
+	border-radius:50%;
+	z-index:1;
+}
+
+.ck-image-upload-complete-icon::after{
+		content:"";
+		position:absolute;
+	}
+
+.ck .ck-upload-placeholder-loader{
+	position:absolute;
+	display:flex;
+	align-items:center;
+	justify-content:center;
+	top:0;
+	left:0;
+}
+
+.ck .ck-upload-placeholder-loader::before{
+		content:'';
+		position:relative;
+	}
+
+.ck.ck-editor__editable .image > figcaption.ck-placeholder::before{
+		padding-left:inherit;
+		padding-right:inherit;
+		white-space:nowrap;
+		overflow:hidden;
+		text-overflow:ellipsis;
+	}
+
+.ck.ck-editor__editable .image{
+		z-index:1;
+	}
+
+.ck.ck-editor__editable .image.ck-widget_selected{
+			z-index:2;
+		}
+
+.ck.ck-editor__editable .image-inline{
+		z-index:1;
+	}
+
+.ck.ck-editor__editable .image-inline.ck-widget_selected{
+			z-index:2;
+		}
+
+.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection{
+				display:none;
+			}
+
+.ck.ck-editor__editable .image-inline img{
+		height:auto;
+	}
+
+.ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img{
+			max-width:none;
+		}
+
+.ck.ck-editor__editable img.image_placeholder{
+		background-size:100% 100%;
+	}

package/dist/translations/ar.d.ts

@@ -3,6 +3,6 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-import type { Translations } from 'ckeditor5';
+import type { Translations } from '@ckeditor/ckeditor5-utils';
 declare const translations: Translations;
 export default translations;

package/dist/translations/ast.d.ts

@@ -3,6 +3,6 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-import type { Translations } from 'ckeditor5';
+import type { Translations } from '@ckeditor/ckeditor5-utils';
 declare const translations: Translations;
 export default translations;

package/dist/translations/az.d.ts

@@ -3,6 +3,6 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-import type { Translations } from 'ckeditor5';
+import type { Translations } from '@ckeditor/ckeditor5-utils';
 declare const translations: Translations;
 export default translations;