@ckeditor/ckeditor5-ai 41.3.0-alpha.4 → 41.3.0

package/dist/editor-index.css

@@ -1,573 +0,0 @@
-/**
- * @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-user-colors--0: hsla(235, 73%, 67%, 1);
---ck-user-colors--0-alpha: hsla(235, 73%, 67%, 0.15);
---ck-user-colors--1: hsla(173, 100%, 24%, 1);
---ck-user-colors--1-alpha: hsla(173, 100%, 24%, 0.15);
---ck-user-colors--2: hsla(0, 46%, 50%, 1);
---ck-user-colors--2-alpha: hsla(0, 46%, 50%, 0.15);
---ck-user-colors--3: hsla(256, 54%, 45%, 1);
---ck-user-colors--3-alpha: hsla(256, 54%, 45%, 0.15);
---ck-user-colors--4: hsla(95, 50%, 36%, 1);
---ck-user-colors--4-alpha: hsla(95, 50%, 36%, 0.15);
---ck-user-colors--5: hsla(336, 78%, 43%, 1);
---ck-user-colors--5-alpha: hsla(336, 78%, 43%, 0.15);
---ck-user-colors--6: hsla(0, 80%, 59%, 1);
---ck-user-colors--6-alpha: hsla(0, 80%, 59%, 0.15);
---ck-user-colors--7: hsla(184, 90%, 43%, 1);
---ck-user-colors--7-alpha: hsla(184, 90%, 43%, 0.15);
---ck-user-avatar-size: 40px;
---ck-user-avatar-background: hsl(210, 52%, 44%);
---ck-user-avatar-color: hsl(0, 0%, 100%);
---ck-user-me-border-color: hsl(0, 0%, 100%);
---ck-color-comment-box-border: hsl(55, 98%, 48%);
---ck-color-suggestion-box-deletion-border: hsl(345, 62%, 60%);
---ck-color-suggestion-box-insertion-border: hsl(128, 62%, 60%);
---ck-color-suggestion-box-format-border: hsl(191, 62%, 60%);
---ck-ai-form-submit-button-text-color: var(--ck-color-text);
---ck-ai-form-submit-button-border-color: transparent;
---ck-ai-form-submit-button-disabled-border-color: transparent;
---ck-ai-toolbar-button-hover-color: var(--ck-color-text);
---ck-color-ai-selection: hsla(201, 100%, 56%, 0.3);
---ck-ai-dropdown-view-width: 250px;
---ck-ai-dropdown-view-list-max-height: 250px;
---ck-ai-form-view-width: 600px;
---ck-ai-form-content-height: 175px;
---ck-ai-form-content-background: hsl(0, 0%, 98%);
---ck-ai-form-history-font-size: .9em;
---ck-ai-form-error-background: var(--ck-color-light-red);
-}
-.ck .ck-user__color--0 {
-color: var(--ck-user-colors--0);
-}
-.ck .ck-user__bg-color--0 {
-background-color: var(--ck-user-colors--0);
-}
-.ck .ck-user__selection--0 {
-background-color: var(--ck-user-colors--0-alpha);
-}
-.ck .ck-user__selection--0.ck-widget {
-background-color: transparent;
-border: 3px solid var(--ck-user-colors--0);
-}
-.ck .ck-user__marker--0 {
-background-color: var(--ck-user-colors--0);
-}
-.ck .ck-user__marker--0 .ck-user__marker-line {
-border: 1px solid var(--ck-user-colors--0);
-}
-.ck .ck-user__color--1 {
-color: var(--ck-user-colors--1);
-}
-.ck .ck-user__bg-color--1 {
-background-color: var(--ck-user-colors--1);
-}
-.ck .ck-user__selection--1 {
-background-color: var(--ck-user-colors--1-alpha);
-}
-.ck .ck-user__selection--1.ck-widget {
-background-color: transparent;
-border: 3px solid var(--ck-user-colors--1);
-}
-.ck .ck-user__marker--1 {
-background-color: var(--ck-user-colors--1);
-}
-.ck .ck-user__marker--1 .ck-user__marker-line {
-border: 1px solid var(--ck-user-colors--1);
-}
-.ck .ck-user__color--2 {
-color: var(--ck-user-colors--2);
-}
-.ck .ck-user__bg-color--2 {
-background-color: var(--ck-user-colors--2);
-}
-.ck .ck-user__selection--2 {
-background-color: var(--ck-user-colors--2-alpha);
-}
-.ck .ck-user__selection--2.ck-widget {
-background-color: transparent;
-border: 3px solid var(--ck-user-colors--2);
-}
-.ck .ck-user__marker--2 {
-background-color: var(--ck-user-colors--2);
-}
-.ck .ck-user__marker--2 .ck-user__marker-line {
-border: 1px solid var(--ck-user-colors--2);
-}
-.ck .ck-user__color--3 {
-color: var(--ck-user-colors--3);
-}
-.ck .ck-user__bg-color--3 {
-background-color: var(--ck-user-colors--3);
-}
-.ck .ck-user__selection--3 {
-background-color: var(--ck-user-colors--3-alpha);
-}
-.ck .ck-user__selection--3.ck-widget {
-background-color: transparent;
-border: 3px solid var(--ck-user-colors--3);
-}
-.ck .ck-user__marker--3 {
-background-color: var(--ck-user-colors--3);
-}
-.ck .ck-user__marker--3 .ck-user__marker-line {
-border: 1px solid var(--ck-user-colors--3);
-}
-.ck .ck-user__color--4 {
-color: var(--ck-user-colors--4);
-}
-.ck .ck-user__bg-color--4 {
-background-color: var(--ck-user-colors--4);
-}
-.ck .ck-user__selection--4 {
-background-color: var(--ck-user-colors--4-alpha);
-}
-.ck .ck-user__selection--4.ck-widget {
-background-color: transparent;
-border: 3px solid var(--ck-user-colors--4);
-}
-.ck .ck-user__marker--4 {
-background-color: var(--ck-user-colors--4);
-}
-.ck .ck-user__marker--4 .ck-user__marker-line {
-border: 1px solid var(--ck-user-colors--4);
-}
-.ck .ck-user__color--5 {
-color: var(--ck-user-colors--5);
-}
-.ck .ck-user__bg-color--5 {
-background-color: var(--ck-user-colors--5);
-}
-.ck .ck-user__selection--5 {
-background-color: var(--ck-user-colors--5-alpha);
-}
-.ck .ck-user__selection--5.ck-widget {
-background-color: transparent;
-border: 3px solid var(--ck-user-colors--5);
-}
-.ck .ck-user__marker--5 {
-background-color: var(--ck-user-colors--5);
-}
-.ck .ck-user__marker--5 .ck-user__marker-line {
-border: 1px solid var(--ck-user-colors--5);
-}
-.ck .ck-user__color--6 {
-color: var(--ck-user-colors--6);
-}
-.ck .ck-user__bg-color--6 {
-background-color: var(--ck-user-colors--6);
-}
-.ck .ck-user__selection--6 {
-background-color: var(--ck-user-colors--6-alpha);
-}
-.ck .ck-user__selection--6.ck-widget {
-background-color: transparent;
-border: 3px solid var(--ck-user-colors--6);
-}
-.ck .ck-user__marker--6 {
-background-color: var(--ck-user-colors--6);
-}
-.ck .ck-user__marker--6 .ck-user__marker-line {
-border: 1px solid var(--ck-user-colors--6);
-}
-.ck .ck-user__color--7 {
-color: var(--ck-user-colors--7);
-}
-.ck .ck-user__bg-color--7 {
-background-color: var(--ck-user-colors--7);
-}
-.ck .ck-user__selection--7 {
-background-color: var(--ck-user-colors--7-alpha);
-}
-.ck .ck-user__selection--7.ck-widget {
-background-color: transparent;
-border: 3px solid var(--ck-user-colors--7);
-}
-.ck .ck-user__marker--7 {
-background-color: var(--ck-user-colors--7);
-}
-.ck .ck-user__marker--7 .ck-user__marker-line {
-border: 1px solid var(--ck-user-colors--7);
-}
-.ck.ck-user {
-display: flex;
-justify-content: center;
-align-items: center;
-position: relative;
-border-radius: 50%;
-background-color: var(--ck-user-avatar-background);
-box-sizing: border-box;
-height: var(--ck-user-avatar-size);
-width: var(--ck-user-avatar-size);
-min-width: var(--ck-user-avatar-size);
-min-height: var(--ck-user-avatar-size);
-line-height: 100%;
-margin: 2px;
-}
-.ck.ck-user.ck-user_me {
-border: 2px solid var(--ck-user-me-border-color);
-outline: 2px solid var(--ck-user-avatar-background);
-}
-.ck.ck-user__name {
-color: var(--ck-user-avatar-color);
-cursor: default;
--moz-user-select: none;
--webkit-user-select: none;
--ms-user-select: none;
-user-select: none;
-}
-.ck.ck-user__name.ck-user__name--hidden {
-display: none;
-}
-.ck.ck-user__img {
-display: none;
-width: 100%;
-height: 100%;
-background-position: center center;
-background-repeat: no-repeat;
-background-size: cover;
-background-color: var(--ck-user-avatar-background);
-border-radius: 50%;
-border: none;
-}
-.ck.ck-user__img.ck-user__anonymous {
-display: block;
-background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9.8%2020H2c0-5.7%205-5.7%206-7l.2-.8c-1.6-.8-2.7-2.7-2.7-5%200-2.8%202-5.2%204.3-5.2S14%204.4%2014%207.3c0%202.2-1%204-2.6%205l.2.6c1.2%201.3%206%201.4%206%207H9.8z%22%2F%3E%0A%3C%2Fsvg%3E);
-}
-.ck.ck-user__img.ck-user__anonymous + .ck-user__name {
-display: none;
-}
-.ck.ck-user__img.ck-user__avatar {
-display: block;
-background-color: hsl(0, 0%, 100%);
-}
-.ck.ck-user__img.ck-user__img--hidden {
-display: none;
-}
-.ck.ck-user__notification {
-display: flex;
-width: 15px;
-height: 15px;
-justify-content: center;
-align-items: center;
-background: var(--ck-color-base-background);
-border: 2px solid var(--ck-color-base-background);
-border-radius: 50%;
-box-sizing: content-box;
-position: absolute;
-top: -8px;
-right: -7px;
-overflow: hidden;
-transform: translateZ(0);
-}
-.ck.ck-user__notification .ck-user__icon {
-color: var(--ck-color-annotation-info);
-background: var(--ck-color-base-background);
-width: 19px;
-height: 19px;
-max-width: 19px;
-max-height: 19px;
-min-width: 19px;
-min-height: 19px;
-}
-.ck .ck-suggestion {
-border-top-left-radius: var(--ck-border-radius);
-}
-.ck .ck-annotation {
-border-left: 3px solid transparent;
-}
-.ck .ck-suggestion--disabled-comments .ck-annotation {
-min-height: 80px;
-}
-.ck .ck-comment {
-border-left: 3px solid var(--ck-color-comment-box-border);
-}
-.ck .ck-suggestion-insertion .ck-suggestion {
-border-left-color: var(--ck-color-suggestion-box-insertion-border);
-}
-.ck .ck-suggestion-deletion .ck-suggestion {
-border-left-color: var(--ck-color-suggestion-box-deletion-border);
-}
-.ck .ck-suggestion-replace .ck-suggestion {
-border-left-color: var(--ck-color-suggestion-box-insertion-border);
-}
-.ck .ck-suggestion-format .ck-suggestion {
-border-left-color: var(--ck-color-suggestion-box-format-border);
-}
-.ck .ck-suggestion-wrapper {
-outline: 0;
-overflow: hidden;
-}
-.ck .ck-suggestion-type {
-font-weight: bold;
-}
-.ck .ck-suggestion-color {
-display: inline-block;
-width: 14px;
-height: 14px;
-border-radius: 14px;
-vertical-align: text-bottom;
-margin: 0 5px;
-box-shadow: 0 0 0 1px hsl(0, 0%, 27%);
-}
-.ck .ck-suggestion-insertion .ck-comment {
-border-left-color: var(--ck-color-suggestion-box-insertion-border);
-}
-.ck .ck-suggestion-deletion .ck-comment {
-border-left-color: var(--ck-color-suggestion-box-deletion-border);
-}
-.ck .ck-suggestion-format .ck-comment {
-border-left-color: var(--ck-color-suggestion-box-format-border);
-}
-.ck-ai-assistant-ui_theme {
---ck-color-button-default-hover-background: hsl(262.1,100%,96.3%);
---ck-color-button-default-active-background: hsl(262.1,100%,96.3%);
---ck-color-button-on-background: hsl(262.1,100%,96.3%);
---ck-color-button-on-hover-background: hsl(262.5,60%,92.2%);
---ck-color-button-on-active-background: hsl(262.1,100%,96.3%);
---ck-color-button-on-disabled-background: hsl(262.1,100%,96.3%);
---ck-color-button-on-color: hsl(263.2,59.2%,52%);
---ck-color-button-action-background: hsl(263.2,59.2%,52%);
---ck-color-button-action-hover-background: hsl(262.6,58.9%,49.6%);
---ck-color-button-action-active-background: hsl(262.6,58.9%,49.6%);
---ck-color-button-action-disabled-background: hsl(263.8,59.3%,75.9%);
---ck-color-list-button-hover-background: hsl(262.1,100%,96.3%);
---ck-ai-form-content-background: hsl(0,0%,97.6%);
---ck-ai-form-submit-button-text-color: var(--ck-color-button-on-color);
---ck-ai-form-submit-button-border-color: var(--ck-color-button-action-background);
---ck-ai-form-submit-button-disabled-border-color: var(--ck-color-button-action-disabled-background);
---ck-ai-toolbar-button-hover-color: var(--ck-color-button-on-color);
---ck-color-ai-selection: hsl(262.5,60%,90%);
-}
-.ck-ai-commands-dropdown > .ck-button:hover {
-color: var(--ck-ai-toolbar-button-hover-color);
-}
-.ck span.ck-fake-ai-selection {
-background: var(--ck-color-ai-selection);
-}
-.ck .ck-widget.ck-fake-ai-selection {
-outline-color: var(--ck-color-ai-selection);
-}
-.ck span.ck-fake-ai-selection-candidate {
-background: var(--ck-color-ai-selection);
-}
-.ck .ck-fake-ai-selection_collapsed {
-height: 100%;
-border-right: 1px solid var(--ck-color-base-text);
-margin-right: -1px;
-outline: solid 1px hsla(0, 0%, 100%, .5);
-}
-.ck.ck-content.ck-ai-form__content-field h2 {
-font-size: 1.3em;
-}
-.ck.ck-content.ck-ai-form__content-field h3 {
-font-size: 1.2em;
-}
-.ck.ck-content.ck-ai-form__content-field h4 {
-font-size: 1.1em;
-}
-.ck.ck-content.ck-ai-form__content-field h2 {
-margin-block-start: .5em;
-margin-block-end: .5em;
-line-height: 1.7em;
-}
-.ck.ck-content.ck-ai-form__content-field > :first-child {
-margin-top: 0;
-}
-.ck.ck-content.ck-ai-form__content-field > :last-child {
-margin-bottom: 0;
-}
-.ck.ck-ai-commands-search {
-width: var(--ck-ai-dropdown-view-width);
-}
-.ck.ck-ai-commands-search > .ck-labeled-field-view {
-padding: var(--ck-spacing-large);
-}
-.ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input {
-min-width: unset;
-}
-.ck.ck-ai-commands-search > .ck-search__results {
-border-top: 1px solid var(--ck-color-base-border);
-}
-.ck.ck-ai-commands-search > .ck-search__results > .ck-list {
-max-height: var(--ck-ai-dropdown-view-list-max-height);
-overflow: auto;
-}
-.ck .ck-ai-form {
-width: var(--ck-ai-form-view-width);
-max-width: 100%;
-}
-.ck .ck-ai-form .ck-ai-form-content {
-padding: var(--ck-spacing-large);
-width: 100%;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-input {
-width: 100%;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper {
-width: 100%;
-max-height: var(--ck-ai-form-content-height);
-overflow-y: auto;
-border: 1px solid var(--ck-color-base-border);
-border-radius: 2px;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus {
-outline: none;
-border: var(--ck-focus-ring);
-box-shadow: var(--ck-focus-outer-shadow), 0 0;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area {
-display: flex;
-background-color: var(--ck-ai-form-content-background);
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing {
---ck-color-text: var(--ck-color-input-disabled-text);
-background-color: var(--ck-color-input-disabled-background);
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
-width: 100%;
-white-space: normal;
-padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
-min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
-box-sizing: content-box;
-}
-[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
-padding-right: 0;
-}
-[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
-padding-left: 0;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field > * {
-white-space: normal;
-color: inherit;
-}
-[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
-margin-right: var(--ck-spacing-medium);
-}
-[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
-margin-left: var(--ck-spacing-medium);
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button-wrapper {
-display: flex;
-flex-direction: column-reverse;
-padding-left: 2px;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button {
-position: sticky;
-right: 1px;
-bottom: 1px;
-padding: 4px;
-min-height: unset;
-min-width: unset;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button svg {
---ck-icon-size: 16px;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button.ck-ai-form__copy-button--copied {
-color: inherit;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__toolbar {
-border: none;
-padding: 0;
-margin-top: var(--ck-spacing-medium);
-margin-bottom: calc( 2 * var(--ck-spacing-medium) );
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader {
-display: flex;
-align-items: center;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader .ck-spinner {
-box-sizing: border-box;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete {
-display: flex;
-justify-content: space-between;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view {
-flex-grow: 1;
-}
-[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
-margin-left: var(--ck-spacing-medium);
-}
-[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
-margin-right: var(--ck-spacing-medium);
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
-border-color: var(--ck-ai-form-submit-button-border-color);
-color: var(--ck-ai-form-submit-button-text-color);
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled {
-border-color: var(--ck-ai-form-submit-button-disabled-border-color);
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
-position: absolute;
-font-size: var(--ck-font-size-tiny);
-}
-[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
-right: var(--ck-spacing-medium);
-}
-[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
-left: var(--ck-spacing-medium);
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
-bottom: var(--ck-spacing-small);
-top: var(--ck-spacing-small);
-padding: 4px;
-min-height: unset;
-min-width: unset;
-}
-[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
-padding-right: 30px;
-}
-[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
-padding-left: 30px;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group {
-display: grid;
-grid-template-columns: auto 1fr;
-grid-template-rows: auto;
-grid-column-gap: 0px;
-grid-row-gap: 0px;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span {
-grid-area: 1 / 1 / 2 / 2;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button {
-padding: 0;
-min-height: auto;
-grid-area: 1 / 2 / 2 / 3;
-font-size: var(--ck-ai-form-history-font-size);
-justify-self: start;
-background: none;
-margin: var(--ck-spacing-medium) 0 0;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label {
-line-height: inherit;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label:hover {
-text-decoration: underline;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list {
-grid-area: 2 / 1 / 3 / 3;
-}
-.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list .ck-list__item .ck-button .ck-button__label {
-white-space: nowrap;
-overflow: hidden;
-max-width: 100%;
-text-overflow: ellipsis;
-font-size: var(--ck-ai-form-history-font-size);
-line-height: var(--ck-line-height-base);
-}
-.ck .ck-ai-form .ck-ai-form__error {
-display: flex;
-justify-content: center;
-align-items: center;
-padding: var(--ck-spacing-medium);
-background-color: var(--ck-ai-form-error-background);
-color: var(--ck-color-base-text);
-border-radius: 2px;
-margin-bottom: var(--ck-spacing-medium);
-}