@ckeditor/ckeditor5-document-outline 47.6.1 → 48.0.0-alpha.1

package/LICENSE.md

@@ -14,7 +14,7 @@ Where not otherwise indicated, all CKEditor 5 content is authored by CKSour
 
 The following libraries are included in CKEditor 5 under the [MIT license](https://opensource.org/licenses/MIT):
 
-* es-toolkit - Copyright (c) 2024 Viva Republica, Inc.
+* es-toolkit - Copyright (c) 2024 Viva Republica, Inc and Copyright OpenJS Foundation and other contributors.
 
 Trademarks
 ----------

package/ckeditor5-metadata.json

@@ -5,19 +5,19 @@
 			"className": "DocumentOutline",
 			"description": "Displays a navigable list of document sections (headings) next to the editor.",
 			"docs": "features/document-outline.html",
-			"path": "src/documentoutline.js"
+			"path": "src/documentoutline.ts"
 		},
 		{
 			"name": "Table of contents",
 			"className": "TableOfContents",
 			"description": "Inserts a widget with a list of headings (section titles) that reflects the structure of the document.",
 			"docs": "features/table-of-contents.html",
-			"path": "src/tableofcontents.js",
+			"path": "src/tableofcontents.ts",
 			"uiComponents": [
 				{
 					"type": "Button",
 					"name": "tableOfContents",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/table-of-contents.svg"
+					"iconName": "IconTableOfContents"
 				}
 			],
 			"htmlOutput": [

package/{src → dist}/documentoutline/documentoutlineui.d.ts

@@ -6,7 +6,7 @@
  * @module document-outline/documentoutline/documentoutlineui
  * @publicApi
  */
-import { Plugin, type Editor } from 'ckeditor5/src/core.js';
+import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
 import { DocumentOutlineView } from './ui/documentoutlineview.js';
 import '../../theme/documentoutline.css';
 /**

package/{src → dist}/documentoutline/documentoutlineutils.d.ts

@@ -5,9 +5,9 @@
 /**
  * @module document-outline/documentoutline/documentoutlineutils
  */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { type ModelElement } from 'ckeditor5/src/engine.js';
-import { diffToChanges } from 'ckeditor5/src/utils.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { type ModelElement } from '@ckeditor/ckeditor5-engine';
+import { diffToChanges } from '@ckeditor/ckeditor5-utils';
 /**
  * Document outline utilities.
  */

package/{src → dist}/documentoutline/ui/documentoutlineitemview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module document-outline/documentoutline/ui/documentoutlineitemview
  */
-import { View } from 'ckeditor5/src/ui.js';
-import { type Locale } from 'ckeditor5/src/utils.js';
+import { View } from '@ckeditor/ckeditor5-ui';
+import { type Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * An item of the document outline.
  */

package/{src → dist}/documentoutline/ui/documentoutlineview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module document-outline/documentoutline/ui/documentoutlineview
  */
-import { View, type ViewCollection } from 'ckeditor5/src/ui.js';
-import { type Locale, type diffToChanges } from 'ckeditor5/src/utils.js';
+import { View, type ViewCollection } from '@ckeditor/ckeditor5-ui';
+import { type Locale, type diffToChanges } from '@ckeditor/ckeditor5-utils';
 import type { OutlineItemDefinition } from '../documentoutlineutils.js';
 import { DocumentOutlineItemView } from './documentoutlineitemview.js';
 /**

package/{src → dist}/documentoutline/utils.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module document-outline/documentoutline/utils
  */
-import { type ModelElement } from 'ckeditor5/src/engine.js';
-import { type Editor } from 'ckeditor5/src/core.js';
+import { type ModelElement } from '@ckeditor/ckeditor5-engine';
+import { type Editor } from '@ckeditor/ckeditor5-core';
 /**
  * Returns all text contents that are inside the given element and all its children.
  */

package/{src → dist}/documentoutline.d.ts

@@ -6,7 +6,7 @@
  * @module document-outline/documentoutline
  * @publicApi
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { DocumentOutlineUtils } from './documentoutline/documentoutlineutils.js';
 import { DocumentOutlineUI } from './documentoutline/documentoutlineui.js';
 /**
@@ -41,7 +41,7 @@ export declare class DocumentOutline extends Plugin {
  *
  * ```ts
  * ClassicEditor
- * 	.create( editorElement, {
+ * 	.create( {
  * 		documentOutline:  ... // Document outline feature configuration.
  * 	} )
  * 	.then( /* ... *\/ )
@@ -65,7 +65,7 @@ export interface DocumentOutlineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( editorElement, {
+     * 	.create( {
      * 		plugins: [ DocumentOutline, /* ... *\/ ],
      * 		documentOutline: {
      * 			headings: [ 'heading1', 'heading2', /* ... *\/ ],

package/dist/index-content.css

@@ -3,42 +3,42 @@
  * 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;
+  --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:0.9em auto;
-	}
+  margin:.9em auto;
+}
 
 .ck-content .table-of-contents.table-of-contents_empty{
-			display:none;
-		}
+  display:none;
+}
 
 .ck-content .table-of-contents .table-of-contents__placeholder{
-			margin:0;
-			padding:var(--ck-content-table-of-contents-padding);
-			font-style:italic;
-		}
+  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);
-		}
+  padding:var(--ck-content-table-of-contents-padding);
+}
 
 .ck-content .table-of-contents ol{
-			margin:0;
-			line-height:var(--ck-content-table-of-contents-line-height);
-			list-style-type:none;
-		}
+  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);
-			}
+  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;
-				overflow:hidden;
-				cursor:default;
-			}
+  white-space:nowrap;
+  text-overflow:ellipsis;
+  cursor:default;
+  overflow:hidden;
+}

package/dist/index-editor.css

@@ -3,140 +3,135 @@
  * 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:hsl(0, 0%, 26%);
-	--ck-document-outline-item-hover-state-color:var(--ck-color-base-text);
+  --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;
+  padding:var(--ck-document-outline-padding);
+  font-size:var(--ck-document-outline-base-font-size);
+  user-select:none;
 }
 
-.ck.ck-document-outline:empty::before{
-		content:attr(data-document-outline-empty-placeholder);
-		display:inline-block;
-		color:var(--ck-document-outline-placeholder-color);
-	}
+.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;
-		overflow:hidden;
-		cursor:pointer;
-	}
+  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;
-		}
+  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);
-		}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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);
-	}
+  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:hsl(0, 0%, 46%);
-	--ck-table-of-contents-background-color:var(--ck-color-base-foreground);
+  --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{
-	position:relative;
-	background-color:var(--ck-table-of-contents-background-color);
-	border:1px solid var(--ck-table-of-contents-border-color);
-	display:flow-root;
-	min-width:15em;
-}
-
-.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]::after{
-		content:attr(data-table-of-contents-label);
-
-		position:absolute;
-		top:-1px;
-		right:10px;
-		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);
-		line-height:16px;
-		color:hsl(0, 0%, 100%);
-		white-space:nowrap;
-	}
-
-[dir="rtl"] .ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]::after{
-			left:10px;
-			right:auto;
-	}
+  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;
+}