@ckeditor/ckeditor5-heading 47.6.1 → 48.0.0-alpha.0

package/ckeditor5-metadata.json

@@ -5,7 +5,7 @@
 			"className": "Title",
 			"description": "Enables support for adding the title field to your document. It helps ensure that there will always be a single title field at the beginning of the document.",
 			"docs": "features/title.html",
-			"path": "src/title.js",
+			"path": "src/title.ts",
 			"htmlOutput": [
 				{
 					"elements": "h1"
@@ -17,7 +17,7 @@
 			"className": "Heading",
 			"description": "Enables support for creating headings in your content. The heading levels available are configurable.",
 			"docs": "features/headings.html",
-			"path": "src/heading.js",
+			"path": "src/heading.ts",
 			"uiComponents": [
 				{
 					"type": "Dropdown",

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

@@ -5,7 +5,7 @@
 /**
  * @module heading/heading
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { HeadingEditing } from './headingediting.js';
 import { HeadingUI } from './headingui.js';
 import '../theme/heading.css';

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

@@ -5,7 +5,7 @@
 /**
  * @module heading/headingbuttonsui
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 /**
  * The `HeadingButtonsUI` plugin defines a set of UI buttons that can be used instead of the
  * standard drop down component.

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

@@ -5,7 +5,7 @@
 /**
  * @module heading/headingcommand
  */
-import { Command, type Editor } from 'ckeditor5/src/core.js';
+import { Command, type Editor } from '@ckeditor/ckeditor5-core';
 /**
  * The heading command. It is used by the {@link module:heading/heading~Heading heading feature} to apply headings.
  */

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

@@ -5,8 +5,8 @@
 /**
  * @module heading/headingconfig
  */
-import type { ArrayOrItem } from 'ckeditor5/src/utils.js';
-import type { MatcherPattern, ViewElementDefinition } from 'ckeditor5/src/engine.js';
+import type { ArrayOrItem } from '@ckeditor/ckeditor5-utils';
+import type { MatcherPattern, ViewElementDefinition } from '@ckeditor/ckeditor5-engine';
 /**
  * The configuration of the heading feature.
  * The option is used by the {@link module:heading/headingediting~HeadingEditing} feature.

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

@@ -5,8 +5,8 @@
 /**
  * @module heading/headingediting
  */
-import { Plugin, type Editor } from 'ckeditor5/src/core.js';
-import { Paragraph } from 'ckeditor5/src/paragraph.js';
+import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
+import { Paragraph } from '@ckeditor/ckeditor5-paragraph';
 /**
  * The headings engine feature. It handles switching between block formats – headings and paragraph.
  * This class represents the engine part of the heading feature. See also {@link module:heading/heading~Heading}.

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

@@ -5,7 +5,7 @@
 /**
  * @module heading/headingui
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import '../theme/heading.css';
 /**
  * The headings UI feature. It introduces the `headings` dropdown.

package/dist/index-editor.css

@@ -3,17 +3,25 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 .ck.ck-heading_heading1 .ck-button__label{
-	font-size:20px;
+  font-size:20px;
 }
 
 .ck.ck-heading_heading2 .ck-button__label{
-	font-size:17px;
+  font-size:17px;
 }
 
 .ck.ck-heading_heading3 .ck-button__label{
-	font-size:14px;
+  font-size:14px;
 }
 
 .ck[class*="ck-heading_heading"]{
-	font-weight:bold;
+  font-weight:bold;
+}
+
+.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label{
+  width:8em;
+}
+
+.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item{
+  min-width:18em;
 }

package/dist/index.css

@@ -2,25 +2,28 @@
  * @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
  */
-/*
- * 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
- */
-
 .ck.ck-heading_heading1 .ck-button__label {
-	font-size: 20px;
+  font-size: 20px;
 }
 
 .ck.ck-heading_heading2 .ck-button__label {
-	font-size: 17px;
+  font-size: 17px;
 }
 
 .ck.ck-heading_heading3 .ck-button__label {
-	font-size: 14px;
+  font-size: 14px;
 }
 
 .ck[class*="ck-heading_heading"] {
-	font-weight: bold;
+  font-weight: bold;
+}
+
+.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
+  width: 8em;
+}
+
+.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
+  min-width: 18em;
 }
 
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../theme/heading.css","index.css"],"names":[],"mappings":";;;;AAAA,CAAA;ACCA,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ;AAC3E,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC;AAClF,CAAC,CDAC;;AAEF,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,CAAA,aAAA,CAAA;ACCA,CDAC,IAAA,CAAA,IAAA,CAAA,CAAA,IAAe;AAChB;;AAEA,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,CAAA,aAAA,CAAA;ACCA,CDAC,IAAA,CAAA,IAAA,CAAA,CAAA,IAAe;AAChB;;AAEA,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,CAAA,aAAA,CAAA;ACCA,CDAC,IAAA,CAAA,IAAA,CAAA,CAAA,IAAe;AAChB;;AAEA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA,EAAA,CAAA,eAAA,CAAA,CAAA,CAAA;ACCA,CDAC,IAAA,CAAA,MAAA,CAAA,CAAA,IAAiB;AAClB;;ACEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-heading_heading1 .ck-button__label {\n\tfont-size: 20px;\n}\n\n.ck.ck-heading_heading2 .ck-button__label {\n\tfont-size: 17px;\n}\n\n.ck.ck-heading_heading3 .ck-button__label {\n\tfont-size: 14px;\n}\n\n.ck[class*=\"ck-heading_heading\"] {\n\tfont-weight: bold;\n}\n","/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-heading_heading1 .ck-button__label {\n\tfont-size: 20px;\n}\n\n.ck.ck-heading_heading2 .ck-button__label {\n\tfont-size: 17px;\n}\n\n.ck.ck-heading_heading3 .ck-button__label {\n\tfont-size: 14px;\n}\n\n.ck[class*=\"ck-heading_heading\"] {\n\tfont-weight: bold;\n}\n\n/*# sourceMappingURL=index.css.map */"]}
+{"version":3,"sources":["../theme/heading.css","index.css"],"names":[],"mappings":";;;;AAKA,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,CAAA,aAAA,CAAA;ACJA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI;AACjB;;ADOA,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,CAAA,aAAA,CAAA;ACJA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI;AACjB;;ADOA,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,CAAA,aAAA,CAAA;ACJA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI;AACjB;;ADOA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA,EAAA,CAAA,eAAA,CAAA,CAAA,CAAA;ACJA,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AACnB;;ADQC,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,CAAA,aAAA,CAAA;ACLD,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG;AACZ;;ADQC,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,eAAA,CAAA,CAAA,EAAA,CAAA,UAAA,CAAA;ACLD,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI;AACjB;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-heading_heading1 .ck-button__label {\n\tfont-size: 20px;\n}\n\n.ck.ck-heading_heading2 .ck-button__label {\n\tfont-size: 17px;\n}\n\n.ck.ck-heading_heading3 .ck-button__label {\n\tfont-size: 14px;\n}\n\n.ck[class*=\"ck-heading_heading\"] {\n\tfont-weight: bold;\n}\n\n.ck.ck-dropdown.ck-heading-dropdown {\n\t& .ck-dropdown__button .ck-button__label {\n\t\twidth: 8em;\n\t}\n\n\t& .ck-dropdown__panel .ck-list__item {\n\t\tmin-width: 18em;\n\t}\n}\n",".ck.ck-heading_heading1 .ck-button__label {\n  font-size: 20px;\n}\n\n.ck.ck-heading_heading2 .ck-button__label {\n  font-size: 17px;\n}\n\n.ck.ck-heading_heading3 .ck-button__label {\n  font-size: 14px;\n}\n\n.ck[class*=\"ck-heading_heading\"] {\n  font-weight: bold;\n}\n\n.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {\n  width: 8em;\n}\n\n.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {\n  min-width: 18em;\n}\n\n/*# sourceMappingURL=index.css.map */"]}

package/dist/index.js

@@ -507,7 +507,7 @@ const titleLikeElements = new Set([
 	 * @inheritDoc
 	 */ static get requires() {
         return [
-            'Paragraph'
+            Paragraph
         ];
     }
     /**
@@ -747,7 +747,6 @@ const titleLikeElements = new Set([
         const view = editor.editing.view;
         const sourceElement = editor.sourceElement;
         const titlePlaceholder = editor.config.get('title.placeholder') || t('Type your title');
-        const bodyPlaceholder = editor.config.get('placeholder') || sourceElement && sourceElement.tagName.toLowerCase() === 'textarea' && sourceElement.getAttribute('placeholder') || t('Type or paste your content here.');
         // Attach placeholder to the view title element.
         editor.editing.downcastDispatcher.on('insert:title-content', (evt, data, conversionApi)=>{
             const element = conversionApi.mapper.toViewElement(data.item);
@@ -778,6 +777,7 @@ const titleLikeElements = new Set([
                         hideViewPlaceholder(writer, oldBody);
                         writer.removeAttribute('data-placeholder', oldBody);
                     }
+                    const bodyPlaceholder = editor.config.get('roots')[viewRoot.rootName]?.placeholder || isTextArea(sourceElement) && sourceElement.getAttribute('placeholder') || t('Type or paste your content here.');
                     writer.setAttribute('data-placeholder', bodyPlaceholder, body);
                     bodyViewElements.set(viewRoot.rootName, body);
                     hasChanged = true;
@@ -935,6 +935,11 @@ const titleLikeElements = new Set([
     }
     return true;
 }
+/**
+ * Returns true when given element is a DOM textarea.
+ */ function isTextArea(sourceElement) {
+    return !!sourceElement && sourceElement.tagName.toLowerCase() === 'textarea';
+}
 
 export { Heading, HeadingButtonsUI, HeadingCommand, HeadingEditing, HeadingUI, Title, getLocalizedOptions as _getLocalizedHeadingOptions };
 //# sourceMappingURL=index.js.map