@ckeditor/ckeditor5-document-outline 48.3.1 → 48.4.0-alpha.0

package/dist/documentoutline/documentoutlineui.d.ts

@@ -8,7 +8,6 @@
 */
 import { Plugin, type Editor } from "@ckeditor/ckeditor5-core";
 import { DocumentOutlineView } from "./ui/documentoutlineview.js";
-import "../../theme/documentoutline.css";
 /**
 * Provides the UI for the document outline feature.
 */

package/dist/index-content.css

@@ -2,43 +2,43 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-:root{
-  --ck-content-table-of-contents-padding:1em;
-  --ck-content-table-of-contents-line-height:1.5;
-  --ck-content-table-of-contents-items-start-padding:24px;
+:root {
+  --ck-content-table-of-contents-padding: 1em;
+  --ck-content-table-of-contents-line-height: 1.5;
+  --ck-content-table-of-contents-items-start-padding: 24px;
 }
 
-.ck-content .table-of-contents{
-  margin:.9em auto;
+.ck-content .table-of-contents {
+  margin: .9em auto;
 }
 
-.ck-content .table-of-contents.table-of-contents_empty{
-  display:none;
+.ck-content .table-of-contents.table-of-contents_empty {
+  display: none;
 }
 
-.ck-content .table-of-contents .table-of-contents__placeholder{
-  padding:var(--ck-content-table-of-contents-padding);
-  margin:0;
-  font-style:italic;
+.ck-content .table-of-contents .table-of-contents__placeholder {
+  padding: var(--ck-content-table-of-contents-padding);
+  margin: 0;
+  font-style: italic;
 }
 
-.ck-content .table-of-contents > ol{
-  padding:var(--ck-content-table-of-contents-padding);
+.ck-content .table-of-contents > ol {
+  padding: var(--ck-content-table-of-contents-padding);
 }
 
-.ck-content .table-of-contents ol{
-  line-height:var(--ck-content-table-of-contents-line-height);
-  margin:0;
-  list-style-type:none;
+.ck-content .table-of-contents ol {
+  line-height: var(--ck-content-table-of-contents-line-height);
+  margin: 0;
+  list-style-type: none;
 }
 
-.ck-content .table-of-contents ol ol{
-  padding-inline-start:var(--ck-content-table-of-contents-items-start-padding);
+.ck-content .table-of-contents ol ol {
+  padding-inline-start: var(--ck-content-table-of-contents-items-start-padding);
 }
 
-.ck-content .table-of-contents ol li{
-  white-space:nowrap;
-  text-overflow:ellipsis;
-  cursor:default;
-  overflow:hidden;
+.ck-content .table-of-contents ol li {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: default;
+  overflow: hidden;
 }

package/dist/index-editor.css

@@ -2,136 +2,138 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-:root{
-  --ck-document-outline-padding:var(--ck-spacing-large);
-  --ck-document-outline-base-font-size:.875em;
-  --ck-document-outline-placeholder-color:var(--ck-color-engine-placeholder-text);
-  --ck-document-outline-indent-level-1:0;
-  --ck-document-outline-indent-level-2:1.5em;
-  --ck-document-outline-indent-level-3:3em;
-  --ck-document-outline-indent-level-4:4.5em;
-  --ck-document-outline-indent-level-5:6em;
-  --ck-document-outline-indent-level-6:7.5em;
-  --ck-document-outline-item-padding:var(--ck-spacing-small);
-  --ck-document-outline-item-active-color:var(--ck-color-base-active);
-  --ck-document-outline-item-default-color:#424242;
-  --ck-document-outline-item-hover-state-color:var(--ck-color-base-text);
+:root {
+  --ck-document-outline-padding: var(--ck-spacing-large);
+  --ck-document-outline-base-font-size: .875em;
+  --ck-document-outline-placeholder-color: var(--ck-color-engine-placeholder-text);
+  --ck-document-outline-indent-level-1: 0;
+  --ck-document-outline-indent-level-2: 1.5em;
+  --ck-document-outline-indent-level-3: 3em;
+  --ck-document-outline-indent-level-4: 4.5em;
+  --ck-document-outline-indent-level-5: 6em;
+  --ck-document-outline-indent-level-6: 7.5em;
+  --ck-document-outline-item-padding: var(--ck-spacing-small);
+  --ck-document-outline-item-active-color: var(--ck-color-base-active);
+  --ck-document-outline-item-default-color: #424242;
+  --ck-document-outline-item-hover-state-color: var(--ck-color-base-text);
 }
 
-.ck.ck-document-outline{
-  padding:var(--ck-document-outline-padding);
-  font-size:var(--ck-document-outline-base-font-size);
-  user-select:none;
+.ck.ck-document-outline {
+  padding: var(--ck-document-outline-padding);
+  font-size: var(--ck-document-outline-base-font-size);
+  -webkit-user-select: none;
+  user-select: none;
 }
 
-.ck.ck-document-outline:empty:before{
-  content:attr(data-document-outline-empty-placeholder);
-  color:var(--ck-document-outline-placeholder-color);
-  display:inline-block;
+.ck.ck-document-outline:empty:before {
+  content: attr(data-document-outline-empty-placeholder);
+  color: var(--ck-document-outline-placeholder-color);
+  display: inline-block;
 }
 
-.ck.ck-document-outline .ck-document-outline__item{
-  padding:var(--ck-document-outline-item-padding);
-  color:var(--ck-document-outline-item-default-color);
-  white-space:nowrap;
-  text-overflow:ellipsis;
-  cursor:pointer;
-  overflow:hidden;
+.ck.ck-document-outline .ck-document-outline__item {
+  padding: var(--ck-document-outline-item-padding);
+  color: var(--ck-document-outline-item-default-color);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  overflow: hidden;
 }
 
-.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty{
-  font-style:italic;
+.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty {
+  font-style: italic;
 }
 
-.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty:hover, .ck.ck-document-outline .ck-document-outline__item:hover{
-  color:var(--ck-document-outline-item-hover-state-color);
-  text-decoration:underline;
+.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty:hover, .ck.ck-document-outline .ck-document-outline__item:hover {
+  color: var(--ck-document-outline-item-hover-state-color);
+  text-decoration: underline;
 }
 
-.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_active{
-  color:var(--ck-document-outline-item-active-color);
+.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_active {
+  color: var(--ck-document-outline-item-active-color);
 }
 
-.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-1{
-  padding-left:var(--ck-document-outline-indent-level-1);
+.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-1 {
+  padding-left: var(--ck-document-outline-indent-level-1);
 }
 
-.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-2{
-  padding-left:var(--ck-document-outline-indent-level-2);
+.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-2 {
+  padding-left: var(--ck-document-outline-indent-level-2);
 }
 
-.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-3{
-  padding-left:var(--ck-document-outline-indent-level-3);
+.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-3 {
+  padding-left: var(--ck-document-outline-indent-level-3);
 }
 
-.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-4{
-  padding-left:var(--ck-document-outline-indent-level-4);
+.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-4 {
+  padding-left: var(--ck-document-outline-indent-level-4);
 }
 
-.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-5{
-  padding-left:var(--ck-document-outline-indent-level-5);
+.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-5 {
+  padding-left: var(--ck-document-outline-indent-level-5);
 }
 
-.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-6{
-  padding-left:var(--ck-document-outline-indent-level-6);
+.ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-6 {
+  padding-left: var(--ck-document-outline-indent-level-6);
 }
 
-.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-1{
-  padding-right:var(--ck-document-outline-indent-level-1);
+.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-1 {
+  padding-right: var(--ck-document-outline-indent-level-1);
 }
 
-.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-2{
-  padding-right:var(--ck-document-outline-indent-level-2);
+.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-2 {
+  padding-right: var(--ck-document-outline-indent-level-2);
 }
 
-.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-3{
-  padding-right:var(--ck-document-outline-indent-level-3);
+.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-3 {
+  padding-right: var(--ck-document-outline-indent-level-3);
 }
 
-.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-4{
-  padding-right:var(--ck-document-outline-indent-level-4);
+.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-4 {
+  padding-right: var(--ck-document-outline-indent-level-4);
 }
 
-.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-5{
-  padding-right:var(--ck-document-outline-indent-level-5);
+.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-5 {
+  padding-right: var(--ck-document-outline-indent-level-5);
 }
 
-.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-6{
-  padding-right:var(--ck-document-outline-indent-level-6);
+.ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-6 {
+  padding-right: var(--ck-document-outline-indent-level-6);
 }
 
-:root{
-  --ck-content-table-of-contents-padding:1em;
-  --ck-content-table-of-contents-line-height:1.5;
-  --ck-content-table-of-contents-items-start-padding:24px;
-  --ck-table-of-contents-border-color:var(--ck-color-base-border);
-  --ck-table-of-contents-label-background-color:#757575;
-  --ck-table-of-contents-background-color:var(--ck-color-base-foreground);
+:root {
+  --ck-table-of-contents-border-color: var(--ck-color-base-border);
+  --ck-table-of-contents-label-background-color: #757575;
+  --ck-table-of-contents-background-color: var(--ck-color-base-foreground);
 }
 
-.ck-editor__editable .ck-widget.table-of-contents{
-  background-color:var(--ck-table-of-contents-background-color);
-  border:1px solid var(--ck-table-of-contents-border-color);
-  min-width:15em;
-  display:flow-root;
-  position:relative;
+.ck-editor__editable .ck-widget.table-of-contents {
+  background-color: var(--ck-table-of-contents-background-color);
+  border: 1px solid var(--ck-table-of-contents-border-color);
+  min-width: 15em;
+  display: flow-root;
+  position: relative;
 }
 
-.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after{
-  content:attr(data-table-of-contents-label);
-  padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
-  background-color:var(--ck-table-of-contents-label-background-color);
-  font-size:10px;
-  font-family:var(--ck-font-face);
-  color:#fff;
-  white-space:nowrap;
-  line-height:16px;
-  position:absolute;
-  top:-1px;
-  right:10px;
+.ck-editor__editable .ck-widget.table-of-contents.table-of-contents_empty {
+  display: flow-root;
 }
 
-[dir="rtl"] :is(.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after){
-  left:10px;
-  right:auto;
+.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after {
+  content: attr(data-table-of-contents-label);
+  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
+  background-color: var(--ck-table-of-contents-label-background-color);
+  font-size: 10px;
+  font-family: var(--ck-font-face);
+  color: #fff;
+  white-space: nowrap;
+  line-height: 16px;
+  position: absolute;
+  top: -1px;
+  right: 10px;
+}
+
+[dir="rtl"] :is(.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after) {
+  left: 10px;
+  right: auto;
 }

package/dist/index.css

@@ -21,6 +21,7 @@
 .ck.ck-document-outline {
   padding: var(--ck-document-outline-padding);
   font-size: var(--ck-document-outline-base-font-size);
+  -webkit-user-select: none;
   user-select: none;
 }
 
@@ -101,14 +102,48 @@
 }
 
 :root {
-  --ck-content-table-of-contents-padding: 1em;
-  --ck-content-table-of-contents-line-height: 1.5;
-  --ck-content-table-of-contents-items-start-padding: 24px;
   --ck-table-of-contents-border-color: var(--ck-color-base-border);
   --ck-table-of-contents-label-background-color: #757575;
   --ck-table-of-contents-background-color: var(--ck-color-base-foreground);
 }
 
+.ck-editor__editable .ck-widget.table-of-contents {
+  background-color: var(--ck-table-of-contents-background-color);
+  border: 1px solid var(--ck-table-of-contents-border-color);
+  min-width: 15em;
+  display: flow-root;
+  position: relative;
+}
+
+.ck-editor__editable .ck-widget.table-of-contents.table-of-contents_empty {
+  display: flow-root;
+}
+
+.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after {
+  content: attr(data-table-of-contents-label);
+  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
+  background-color: var(--ck-table-of-contents-label-background-color);
+  font-size: 10px;
+  font-family: var(--ck-font-face);
+  color: #fff;
+  white-space: nowrap;
+  line-height: 16px;
+  position: absolute;
+  top: -1px;
+  right: 10px;
+}
+
+[dir="rtl"] :is(.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after) {
+  left: 10px;
+  right: auto;
+}
+
+:root {
+  --ck-content-table-of-contents-padding: 1em;
+  --ck-content-table-of-contents-line-height: 1.5;
+  --ck-content-table-of-contents-items-start-padding: 24px;
+}
+
 .ck-content .table-of-contents {
   margin: .9em auto;
 }
@@ -143,30 +178,3 @@
   cursor: default;
   overflow: hidden;
 }
-
-.ck-editor__editable .ck-widget.table-of-contents {
-  background-color: var(--ck-table-of-contents-background-color);
-  border: 1px solid var(--ck-table-of-contents-border-color);
-  min-width: 15em;
-  display: flow-root;
-  position: relative;
-}
-
-.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after {
-  content: attr(data-table-of-contents-label);
-  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
-  background-color: var(--ck-table-of-contents-label-background-color);
-  font-size: 10px;
-  font-family: var(--ck-font-face);
-  color: #fff;
-  white-space: nowrap;
-  line-height: 16px;
-  position: absolute;
-  top: -1px;
-  right: 10px;
-}
-
-[dir="rtl"] :is(.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after) {
-  left: 10px;
-  right: auto;
-}

package/dist/index.d.ts

@@ -13,4 +13,6 @@ export { TableOfContentsCommand } from "./tableofcontents/tableofcontentscommand
 export { TableOfContentsEditing } from "./tableofcontents/tableofcontentsediting.js";
 export { TableOfContentsUI } from "./tableofcontents/tableofcontentsui.js";
 export { HeadingId } from "./tableofcontents/headingid.js";
+import "../theme/index-editor.css";
+import "../theme/index-content.css";
 import "./augmentation.js";