@ckeditor/ckeditor5-ui 41.1.0 → 41.3.0-alpha.0

package/ckeditor5-metadata.json

@@ -6,6 +6,20 @@
 			"description": "Provides an additional configurable toolbar on the left-hand side of the content area, next to the selected block element. It comes in handy when the main editor toolbar cannot be accessed.",
 			"docs": "features/toolbar/blocktoolbar.html",
 			"path": "src/toolbar/block/blocktoolbar.js"
+		},
+		{
+			"name": "Accessibility help",
+			"className": "AccessibilityHelp",
+			"description": "Displays all editor keyboard shortcuts in a dialog window.",
+			"docs": "features/keyboard-support.html",
+			"path": "src/editorui/accessibilityhelp/accessibilityhelp.js",
+			"uiComponents": [
+				{
+					"type": "Button",
+					"name": "accessibilityHelp",
+					"iconPath": "theme/icons/accessibility.svg"
+				}
+			]
 		}
 	]
 }

package/dist/content-index.css

@@ -0,0 +1,4 @@
+/**
+ * @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
+ */

package/dist/editor-index.css

@@ -0,0 +1,451 @@
+/**
+ * @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-z-default: 1;
+--ck-z-panel: calc( var(--ck-z-default) + 999 );
+--ck-z-dialog: 9999;
+--ck-powered-by-line-height: 10px;
+--ck-powered-by-padding-vertical: 2px;
+--ck-powered-by-padding-horizontal: 4px;
+--ck-powered-by-text-color: hsl(0, 0%, 31%);
+--ck-powered-by-border-radius: var(--ck-border-radius);
+--ck-powered-by-background: hsl(0, 0%, 100%);
+--ck-powered-by-border-color: var(--ck-color-focus-border);
+--ck-dropdown-max-width: 75vw;
+--ck-toolbar-dropdown-max-width: 60vw;
+--ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
+}
+.ck-hidden {
+display: none !important;
+}
+.ck.ck-reset {
+box-sizing: border-box;
+width: auto;
+height: auto;
+position: static;
+}
+.ck-transitions-disabled {
+transition: none !important;
+}
+.ck.ck-balloon-panel.ck-powered-by-balloon {
+--ck-border-radius: var(--ck-powered-by-border-radius);
+box-shadow: none;
+background: var(--ck-powered-by-background);
+min-height: unset;
+z-index: calc( var(--ck-z-panel) - 1 );
+}
+.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
+line-height: var(--ck-powered-by-line-height);
+}
+.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
+cursor: pointer;
+display: flex;
+align-items: center;
+opacity: .66;
+filter: grayscale(80%);
+line-height: var(--ck-powered-by-line-height);
+padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
+}
+.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
+font-size: 7.5px;
+letter-spacing: -.2px;
+padding-left: 2px;
+text-transform: uppercase;
+font-weight: bold;
+margin-right: 4px;
+cursor: pointer;
+line-height: normal;
+color: var(--ck-powered-by-text-color);
+}
+.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
+display: block;
+cursor: pointer;
+}
+.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
+filter: grayscale(0%);
+opacity: 1;
+}
+.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] {
+border-color: transparent;
+}
+.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
+border: var(--ck-focus-ring);
+border-color: var(--ck-powered-by-border-color);
+}
+.ck.ck-button {
+-moz-user-select: none;
+-webkit-user-select: none;
+-ms-user-select: none;
+user-select: none;
+position: relative;
+display: inline-flex;
+align-items: center;
+}
+[dir="ltr"] .ck.ck-button {
+justify-content: left;
+}
+[dir="rtl"] .ck.ck-button {
+justify-content: right;
+}
+.ck.ck-button .ck-button__label {
+display: none;
+}
+.ck.ck-button.ck-button_with-text .ck-button__label {
+display: inline-block;
+}
+.ck.ck-button:not(.ck-button_with-text) {
+justify-content: center;
+}
+.ck.ck-button.ck-switchbutton .ck-button__toggle {
+display: block;
+}
+.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
+display: block;
+}
+.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
+display: none;
+}
+.ck.ck-color-grid {
+display: grid;
+}
+.color-picker-hex-input {
+width: max-content;
+}
+.color-picker-hex-input .ck.ck-input {
+min-width: unset;
+}
+.ck.ck-color-picker__row {
+display: flex;
+flex-direction: row;
+flex-wrap: nowrap;
+justify-content: space-between;
+margin: var(--ck-spacing-large) 0 0;
+width: unset;
+}
+.ck.ck-color-picker__row .ck.ck-labeled-field-view {
+padding-top: unset;
+}
+.ck.ck-color-picker__row .ck.ck-input-text {
+width: unset;
+}
+.ck.ck-color-picker__row .ck-color-picker__hash-view {
+padding-top: var(--ck-spacing-tiny);
+padding-right: var(--ck-spacing-medium);
+}
+.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color {
+display: flex;
+align-items: center;
+}
+[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color {
+justify-content: flex-start;
+}
+.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
+display: flex;
+flex-direction: row;
+justify-content: space-around;
+}
+.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save {
+flex: 1;
+}
+.ck.ck-dialog .ck.ck-dialog__actions {
+display: flex;
+justify-content: flex-end;
+}
+.ck.ck-dialog-overlay {
+user-select: none;
+overscroll-behavior: none;
+position: fixed;
+bottom: 0;
+left: 0;
+right: 0;
+top: 0;
+}
+.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
+pointer-events: none;
+animation: none;
+background: none;
+}
+.ck.ck-dialog {
+overscroll-behavior: none;
+width: fit-content;
+position: absolute;
+}
+.ck.ck-dialog .ck.ck-form__header {
+flex-shrink: 0;
+}
+.ck.ck-dialog .ck.ck-form__header .ck-form__header__label {
+cursor: grab;
+}
+.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
+pointer-events: all;
+}
+.ck.ck-dropdown {
+display: inline-block;
+position: relative;
+}
+.ck.ck-dropdown .ck-dropdown__arrow {
+pointer-events: none;
+z-index: var(--ck-z-default);
+}
+.ck.ck-dropdown .ck-button.ck-dropdown__button {
+width: 100%;
+}
+.ck.ck-dropdown .ck-dropdown__panel {
+display: none;
+z-index: var(--ck-z-panel);
+max-width: var(--ck-dropdown-max-width);
+position: absolute;
+}
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
+display: inline-block;
+}
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne {
+bottom: 100%;
+}
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
+top: 100%;
+bottom: auto;
+}
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne {
+left: 0px;
+}
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw {
+right: 0px;
+}
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
+left: 50%;
+transform: translateX(-50%);
+}
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw {
+left: 75%;
+transform: translateX(-75%);
+}
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
+left: 25%;
+transform: translateX(-25%);
+}
+.ck.ck-toolbar .ck-dropdown__panel {
+z-index: calc( var(--ck-z-panel) + 1 );
+}
+.ck.ck-splitbutton {
+font-size: inherit;
+}
+.ck.ck-splitbutton .ck-splitbutton__action:focus {
+z-index: calc(var(--ck-z-default) + 1);
+}
+.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
+width: max-content;
+max-width: var(--ck-toolbar-dropdown-max-width);
+}
+.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
+z-index: calc(var(--ck-z-default) + 1);
+}
+.ck.ck-aria-live-announcer {
+position: absolute;
+left: -10000px;
+top: -10000px;
+}
+.ck.ck-form__header {
+display: flex;
+flex-direction: row;
+flex-wrap: nowrap;
+align-items: center;
+justify-content: space-between;
+}
+.ck.ck-form__header h2.ck-form__header__label {
+flex-grow: 1;
+}
+.ck.ck-icon {
+vertical-align: middle;
+}
+.ck.ck-label {
+display: block;
+}
+.ck.ck-voice-label {
+display: none;
+}
+.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
+display: flex;
+position: relative;
+}
+.ck.ck-labeled-field-view .ck.ck-label {
+display: block;
+position: absolute;
+}
+.ck.ck-list {
+-moz-user-select: none;
+-webkit-user-select: none;
+-ms-user-select: none;
+user-select: none;
+display: flex;
+flex-direction: column;
+}
+.ck.ck-list .ck-list__item {
+display: block;
+}
+.ck.ck-list .ck-list__item > *:focus {
+position: relative;
+z-index: var(--ck-z-default);
+}
+.ck.ck-balloon-panel {
+display: none;
+position: absolute;
+z-index: var(--ck-z-panel);
+}
+.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
+content: "";
+position: absolute;
+}
+.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
+z-index: var(--ck-balloon-panel-arrow-z-index);
+}
+.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
+z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
+}
+.ck.ck-balloon-panel[class*="arrow_n"]::before {
+z-index: var(--ck-balloon-panel-arrow-z-index);
+}
+.ck.ck-balloon-panel[class*="arrow_n"]::after {
+z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
+}
+.ck.ck-balloon-panel[class*="arrow_s"]::before {
+z-index: var(--ck-balloon-panel-arrow-z-index);
+}
+.ck.ck-balloon-panel[class*="arrow_s"]::after {
+z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
+}
+.ck.ck-balloon-panel.ck-balloon-panel_visible {
+display: block;
+}
+.ck .ck-balloon-rotator__navigation {
+display: flex;
+align-items: center;
+justify-content: center;
+}
+.ck .ck-balloon-rotator__content .ck-toolbar {
+justify-content: center;
+}
+.ck .ck-fake-panel {
+position: absolute;
+z-index: calc(var(--ck-z-panel) - 1);
+}
+.ck .ck-fake-panel div {
+position: absolute;
+}
+.ck .ck-fake-panel div:nth-child( 1 ) {
+z-index: 2;
+}
+.ck .ck-fake-panel div:nth-child( 2 ) {
+z-index: 1;
+}
+.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
+z-index: var(--ck-z-panel);
+position: fixed;
+top: 0;
+}
+.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
+top: auto;
+position: absolute;
+}
+.ck.ck-autocomplete {
+position: relative;
+}
+.ck.ck-autocomplete > .ck-search__results {
+position: absolute;
+z-index: var(--ck-z-panel);
+}
+.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
+bottom: 100%;
+}
+.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
+top: 100%;
+bottom: auto;
+}
+.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
+position: absolute;
+top: 50%;
+transform: translateY(-50%);
+}
+[dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
+left: var(--ck-spacing-medium);
+}
+[dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
+right: var(--ck-spacing-medium);
+}
+.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
+position: absolute;
+top: 50%;
+transform: translateY(-50%);
+}
+.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
+display: block;
+}
+.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
+display: none;
+}
+.ck.ck-highlighted-text mark {
+background: var(--ck-color-highlight-background);
+vertical-align: initial;
+font-weight: inherit;
+line-height: inherit;
+font-size: inherit;
+}
+.ck.ck-balloon-panel.ck-tooltip {
+pointer-events: none;
+z-index: calc( var(--ck-z-dialog) + 100 );
+}
+.ck.ck-spinner-container {
+display: block;
+position: relative;
+}
+.ck.ck-spinner {
+position: absolute;
+top: 50%;
+left: 0;
+right: 0;
+margin: 0 auto;
+transform: translateY(-50%);
+z-index: 1;
+}
+.ck.ck-toolbar {
+-moz-user-select: none;
+-webkit-user-select: none;
+-ms-user-select: none;
+user-select: none;
+display: flex;
+flex-flow: row nowrap;
+align-items: center;
+}
+.ck.ck-toolbar > .ck-toolbar__items {
+display: flex;
+flex-flow: row wrap;
+align-items: center;
+flex-grow: 1;
+}
+.ck.ck-toolbar .ck.ck-toolbar__separator {
+display: inline-block;
+}
+.ck.ck-toolbar .ck.ck-toolbar__separator:first-child {
+display: none;
+}
+.ck.ck-toolbar .ck-toolbar__line-break {
+flex-basis: 100%;
+}
+.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
+flex-wrap: nowrap;
+}
+.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
+flex-direction: column;
+}
+.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
+flex-wrap: nowrap;
+}
+.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
+display: none;
+}
+.ck.ck-block-toolbar-button {
+position: absolute;
+z-index: var(--ck-z-default);
+}