@ckeditor/ckeditor5-image 41.3.1 → 41.4.0-alpha.0

package/dist/index-content.css

@@ -0,0 +1,105 @@
+/**
+ * @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-style-block-align-left {
+max-width: calc(100% - var(--ck-image-style-spacing));
+}
+.ck-content .image-style-align-left {
+clear: none;
+}
+.ck-content .image-style-side {
+float: right;
+margin-left: var(--ck-image-style-spacing);
+max-width: 50%;
+}
+.ck-content .image-style-align-left {
+float: left;
+margin-right: var(--ck-image-style-spacing);
+}
+.ck-content .image-style-align-center {
+margin-left: auto;
+margin-right: auto;
+}
+.ck-content .image-style-align-right {
+float: right;
+margin-left: var(--ck-image-style-spacing);
+}
+.ck-content .image-style-block-align-right {
+margin-right: 0;
+margin-left: auto;
+}
+.ck-content .image-style-block-align-left {
+margin-left: 0;
+margin-right: auto;
+}
+.ck-content p + .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%;
+}

package/dist/index-editor.css

@@ -0,0 +1,132 @@
+/**
+ * @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.ck-editor__editable .image > figcaption.image__caption_highlighted {
+animation: ck-image-caption-highlight .6s ease-out;
+}
+.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%;
+}
+[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
+margin-right: var(--ck-spacing-standard);
+}
+[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-custom-resize-form {
+display: flex;
+flex-direction: row;
+flex-wrap: nowrap;
+align-items: flex-start;
+}
+.ck.ck-image-custom-resize-form .ck-labeled-field-view {
+display: inline-block;
+}
+.ck.ck-image-custom-resize-form .ck-label {
+display: none;
+}
+.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled) {
+background-color: var(--ck-color-button-on-background);
+}
+.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-text-alternative-form {
+display: flex;
+flex-direction: row;
+flex-wrap: nowrap;
+}
+.ck.ck-text-alternative-form .ck-labeled-field-view {
+display: inline-block;
+}
+.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-vertical-form .ck-button:focus::after {
+display: none;
+}
+.ck.ck-editor__editable .image {
+position: relative;
+}
+.ck.ck-editor__editable .image .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 {
+max-width: none;
+}
+.ck.ck-editor__editable img.image_placeholder {
+background-size: 100% 100%;
+}