@ckeditor/ckeditor5-list 34.0.0 → 34.2.0

package/lang/translations/pt-br.po

@@ -14,7 +14,7 @@ msgid ""
 msgstr ""
 "Language-Team: Portuguese (Brazil) (https://www.transifex.com/ckeditor/teams/11143/pt_BR/)\n"
 "Language: pt_BR\n"
-"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+"Plural-Forms: nplurals=3; plural=(n == 0 || n == 1) ? 0 : n != 0 && n % 1000000 == 0 ? 1 : 2;\n"
 
 msgctxt "Toolbar button tooltip for the Numbered List feature."
 msgid "Numbered List"

package/lang/translations/pt.po

@@ -14,7 +14,7 @@ msgid ""
 msgstr ""
 "Language-Team: Portuguese (https://www.transifex.com/ckeditor/teams/11143/pt/)\n"
 "Language: pt\n"
-"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"Plural-Forms: nplurals=3; plural=(n == 0 || n == 1) ? 0 : n != 0 && n % 1000000 == 0 ? 1 : 2;\n"
 
 msgctxt "Toolbar button tooltip for the Numbered List feature."
 msgid "Numbered List"

package/lang/translations/ur.po

@@ -0,0 +1,125 @@
+# Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+#
+#                                     !!! IMPORTANT !!!
+#
+#         Before you edit this file, please keep in mind that contributing to the project
+#                translations is possible ONLY via the Transifex online service.
+#
+#         To submit your translations, visit https://www.transifex.com/ckeditor/ckeditor5.
+#
+#                   To learn more, check out the official contributor's guide:
+#     https://ckeditor.com/docs/ckeditor5/latest/framework/guides/contributing/contributing.html
+#
+msgid ""
+msgstr ""
+"Language-Team: Urdu (https://www.transifex.com/ckeditor/teams/11143/ur/)\n"
+"Language: ur\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+msgctxt "Toolbar button tooltip for the Numbered List feature."
+msgid "Numbered List"
+msgstr "ہندسی فہرست"
+
+msgctxt "Toolbar button tooltip for the Bulleted List feature."
+msgid "Bulleted List"
+msgstr "غیر ہندسی فہرست"
+
+msgctxt "Toolbar button tooltip for the To-do List feature."
+msgid "To-do List"
+msgstr ""
+
+msgctxt "The ARIA label of the toolbar displaying buttons allowing users to change the bulleted list style."
+msgid "Bulleted list styles toolbar"
+msgstr ""
+
+msgctxt "The ARIA label of the toolbar displaying buttons allowing users to change the numbered list style."
+msgid "Numbered list styles toolbar"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"disc\" list style."
+msgid "Toggle the disc list style"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"circle\" list style."
+msgid "Toggle the circle list style"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"square\" list style."
+msgid "Toggle the square list style"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"decimal\" list style."
+msgid "Toggle the decimal list style"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"decimal with leading zero\" list style."
+msgid "Toggle the decimal with leading zero list style"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"lower–roman\" list style."
+msgid "Toggle the lower–roman list style"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"upper–roman\" list style."
+msgid "Toggle the upper–roman list style"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"lower–latin\" list style."
+msgid "Toggle the lower–latin list style"
+msgstr ""
+
+msgctxt "The ARIA label of the button that toggles the \"upper–latin\" list style."
+msgid "Toggle the upper–latin list style"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"disc\" list style."
+msgid "Disc"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"circle\" list style."
+msgid "Circle"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"square\" list style."
+msgid "Square"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"decimal\" list style."
+msgid "Decimal"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"decimal with leading zero\" list style."
+msgid "Decimal with leading zero"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"lower–roman\" list style."
+msgid "Lower–roman"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"upper–roman\" list style."
+msgid "Upper-roman"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"lower–latin\" list style."
+msgid "Lower-latin"
+msgstr ""
+
+msgctxt "The tooltip text of the button that toggles the \"upper–latin\" list style."
+msgid "Upper-latin"
+msgstr ""
+
+msgctxt "The label of the button that toggles the visibility of additional numbered list property UI fields."
+msgid "List properties"
+msgstr ""
+
+msgctxt "The label of the input allowing to change the start index of a numbered list."
+msgid "Start at"
+msgstr ""
+
+msgctxt "The error message displayed when the numbered list start index input value is invalid."
+msgid "Start index must be greater than 0."
+msgstr ""
+
+msgctxt "The label of the switch button that reverses the order of the numbered list."
+msgid "Reversed order"
+msgstr ""

package/lang/translations/zh-cn.po

@@ -110,16 +110,16 @@ msgstr "大写拉丁字母"
 
 msgctxt "The label of the button that toggles the visibility of additional numbered list property UI fields."
 msgid "List properties"
-msgstr ""
+msgstr "列表属性"
 
 msgctxt "The label of the input allowing to change the start index of a numbered list."
 msgid "Start at"
-msgstr ""
+msgstr "起始编号"
 
 msgctxt "The error message displayed when the numbered list start index input value is invalid."
 msgid "Start index must be greater than 0."
-msgstr ""
+msgstr "起始编号必须大于0。"
 
 msgctxt "The label of the switch button that reverses the order of the numbered list."
 msgid "Reversed order"
-msgstr ""
+msgstr "顺序反转"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-list",
-  "version": "34.0.0",
+  "version": "34.2.0",
   "description": "Ordered and unordered lists feature to CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,43 +12,44 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "ckeditor5": "^34.0.0",
-    "@ckeditor/ckeditor5-ui": "^34.0.0"
+    "ckeditor5": "^34.2.0",
+    "@ckeditor/ckeditor5-ui": "^34.2.0"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-alignment": "^34.0.0",
-    "@ckeditor/ckeditor5-basic-styles": "^34.0.0",
-    "@ckeditor/ckeditor5-block-quote": "^34.0.0",
-    "@ckeditor/ckeditor5-clipboard": "^34.0.0",
-    "@ckeditor/ckeditor5-cloud-services": "^34.0.0",
-    "@ckeditor/ckeditor5-code-block": "^34.0.0",
-    "@ckeditor/ckeditor5-core": "^34.0.0",
+    "@ckeditor/ckeditor5-alignment": "^34.2.0",
+    "@ckeditor/ckeditor5-autoformat": "^34.2.0",
+    "@ckeditor/ckeditor5-basic-styles": "^34.2.0",
+    "@ckeditor/ckeditor5-block-quote": "^34.2.0",
+    "@ckeditor/ckeditor5-clipboard": "^34.2.0",
+    "@ckeditor/ckeditor5-cloud-services": "^34.2.0",
+    "@ckeditor/ckeditor5-code-block": "^34.2.0",
+    "@ckeditor/ckeditor5-core": "^34.2.0",
     "@ckeditor/ckeditor5-dev-utils": "^30.0.0",
-    "@ckeditor/ckeditor5-easy-image": "^34.0.0",
-    "@ckeditor/ckeditor5-editor-classic": "^34.0.0",
-    "@ckeditor/ckeditor5-engine": "^34.0.0",
-    "@ckeditor/ckeditor5-enter": "^34.0.0",
-    "@ckeditor/ckeditor5-essentials": "^34.0.0",
-    "@ckeditor/ckeditor5-font": "^34.0.0",
-    "@ckeditor/ckeditor5-heading": "^34.0.0",
-    "@ckeditor/ckeditor5-highlight": "^34.0.0",
-    "@ckeditor/ckeditor5-horizontal-line": "^34.0.0",
-    "@ckeditor/ckeditor5-html-embed": "^34.0.0",
-    "@ckeditor/ckeditor5-html-support": "^34.0.0",
-    "@ckeditor/ckeditor5-image": "^34.0.0",
-    "@ckeditor/ckeditor5-indent": "^34.0.0",
-    "@ckeditor/ckeditor5-link": "^34.0.0",
-    "@ckeditor/ckeditor5-media-embed": "^34.0.0",
-    "@ckeditor/ckeditor5-page-break": "^34.0.0",
-    "@ckeditor/ckeditor5-paragraph": "^34.0.0",
-    "@ckeditor/ckeditor5-remove-format": "^34.0.0",
-    "@ckeditor/ckeditor5-source-editing": "^34.0.0",
-    "@ckeditor/ckeditor5-table": "^34.0.0",
-    "@ckeditor/ckeditor5-theme-lark": "^34.0.0",
-    "@ckeditor/ckeditor5-typing": "^34.0.0",
-    "@ckeditor/ckeditor5-undo": "^34.0.0",
-    "@ckeditor/ckeditor5-utils": "^34.0.0",
-    "@ckeditor/ckeditor5-widget": "^34.0.0",
+    "@ckeditor/ckeditor5-easy-image": "^34.2.0",
+    "@ckeditor/ckeditor5-editor-classic": "^34.2.0",
+    "@ckeditor/ckeditor5-engine": "^34.2.0",
+    "@ckeditor/ckeditor5-enter": "^34.2.0",
+    "@ckeditor/ckeditor5-essentials": "^34.2.0",
+    "@ckeditor/ckeditor5-font": "^34.2.0",
+    "@ckeditor/ckeditor5-heading": "^34.2.0",
+    "@ckeditor/ckeditor5-highlight": "^34.2.0",
+    "@ckeditor/ckeditor5-horizontal-line": "^34.2.0",
+    "@ckeditor/ckeditor5-html-embed": "^34.2.0",
+    "@ckeditor/ckeditor5-html-support": "^34.2.0",
+    "@ckeditor/ckeditor5-image": "^34.2.0",
+    "@ckeditor/ckeditor5-indent": "^34.2.0",
+    "@ckeditor/ckeditor5-link": "^34.2.0",
+    "@ckeditor/ckeditor5-media-embed": "^34.2.0",
+    "@ckeditor/ckeditor5-page-break": "^34.2.0",
+    "@ckeditor/ckeditor5-paragraph": "^34.2.0",
+    "@ckeditor/ckeditor5-remove-format": "^34.2.0",
+    "@ckeditor/ckeditor5-source-editing": "^34.2.0",
+    "@ckeditor/ckeditor5-table": "^34.2.0",
+    "@ckeditor/ckeditor5-theme-lark": "^34.2.0",
+    "@ckeditor/ckeditor5-typing": "^34.2.0",
+    "@ckeditor/ckeditor5-undo": "^34.2.0",
+    "@ckeditor/ckeditor5-utils": "^34.2.0",
+    "@ckeditor/ckeditor5-widget": "^34.2.0",
     "webpack": "^5.58.1",
     "webpack-cli": "^4.9.0"
   },

package/src/documentlist/documentlistediting.js

@@ -34,7 +34,8 @@ import {
 	isLastBlockOfListItem,
 	isSingleListItem,
 	getSelectedBlockObject,
-	isListItemBlock
+	isListItemBlock,
+	removeListAttributes
 } from './utils/model';
 import {
 	getViewElementIdForListType,
@@ -116,8 +117,6 @@ export default class DocumentListEditing extends Plugin {
 			} );
 		}
 
-		model.on( 'insertContent', createModelIndentPasteFixer( model ), { priority: 'high' } );
-
 		// Register commands.
 		editor.commands.add( 'numberedList', new DocumentListCommand( editor, 'numbered' ) );
 		editor.commands.add( 'bulletedList', new DocumentListCommand( editor, 'bulleted' ) );
@@ -134,6 +133,7 @@ export default class DocumentListEditing extends Plugin {
 		this._setupDeleteIntegration();
 		this._setupEnterIntegration();
 		this._setupTabIntegration();
+		this._setupClipboardIntegration();
 	}
 
 	/**
@@ -455,6 +455,54 @@ export default class DocumentListEditing extends Plugin {
 			evt.return = fixListItemIds( listNodes, seenIds, writer ) || evt.return;
 		}, { priority: 'high' } );
 	}
+
+	/**
+	 * Integrates the feature with the clipboard via {@link module:engine/model/model~Model#insertContent} and
+	 * {@link module:engine/model/model~Model#getSelectedContent}.
+	 *
+	 * @private
+	 */
+	_setupClipboardIntegration() {
+		const model = this.editor.model;
+
+		this.listenTo( model, 'insertContent', createModelIndentPasteFixer( model ), { priority: 'high' } );
+
+		// To enhance the UX, the editor should not copy list attributes to the clipboard if the selection
+		// started and ended in the same list item.
+		//
+		// If the selection was enclosed in a single list item, there is a good chance the user did not want it
+		// copied as a list item but plain blocks.
+		//
+		// This avoids pasting orphaned list items instead of paragraphs, for instance, straight into the root.
+		//
+		//	                       ┌─────────────────────┬───────────────────┐
+		//	                       │ Selection           │ Clipboard content │
+		//	                       ├─────────────────────┼───────────────────┤
+		//	                       │ [* <Widget />]      │ <Widget />        │
+		//	                       ├─────────────────────┼───────────────────┤
+		//	                       │ [* Foo]             │ Foo               │
+		//	                       ├─────────────────────┼───────────────────┤
+		//	                       │ * Foo [bar] baz     │ bar               │
+		//	                       ├─────────────────────┼───────────────────┤
+		//	                       │ * Fo[o              │ o                 │
+		//	                       │   ba]r              │ ba                │
+		//	                       ├─────────────────────┼───────────────────┤
+		//	                       │ * Fo[o              │ * o               │
+		//	                       │ * ba]r              │ * ba              │
+		//	                       ├─────────────────────┼───────────────────┤
+		//	                       │ [* Foo              │ * Foo             │
+		//	                       │  * bar]             │ * bar             │
+		//	                       └─────────────────────┴───────────────────┘
+		//
+		// See https://github.com/ckeditor/ckeditor5/issues/11608.
+		this.listenTo( model, 'getSelectedContent', ( evt, [ selection ] ) => {
+			const isSingleListItemSelected = isSingleListItem( Array.from( selection.getSelectedBlocks() ) );
+
+			if ( isSingleListItemSelected ) {
+				model.change( writer => removeListAttributes( Array.from( evt.return.getChildren() ), writer ) );
+			}
+		} );
+	}
 }
 
 /**

package/src/documentlistproperties/documentlistpropertiesediting.js

@@ -14,7 +14,12 @@ import DocumentListStartCommand from './documentliststartcommand';
 import DocumentListStyleCommand from './documentliststylecommand';
 import DocumentListReversedCommand from './documentlistreversedcommand';
 import { listPropertiesUpcastConverter } from './converters';
-import { getListTypeFromListStyleType } from './utils/style';
+import {
+	getAllSupportedStyleTypes,
+	getListTypeFromListStyleType,
+	getListStyleTypeFromTypeAttribute,
+	getTypeAttributeFromListStyleType
+} from './utils/style';
 
 const DEFAULT_LIST_TYPE = 'default';
 
@@ -221,7 +226,8 @@ export default class DocumentListPropertiesEditing extends Plugin {
 // Creates an array of strategies for dealing with enabled listItem attributes.
 //
 // @param {Object} enabledProperties
-// @param {Boolean} enabledProperties.styles
+// @param {Boolean|Object} enabledProperties.styles
+// @param {Boolean} [enabledProperties.styles.useAttribute]
 // @param {Boolean} enabledProperties.reversed
 // @param {Boolean} enabledProperties.startIndex
 // @returns {Array.<module:list/documentlistproperties/documentlistpropertiesediting~AttributeStrategy>}
@@ -229,13 +235,21 @@ function createAttributeStrategies( enabledProperties ) {
 	const strategies = [];
 
 	if ( enabledProperties.styles ) {
+		const useAttribute = typeof enabledProperties.styles == 'object' && enabledProperties.styles.useAttribute;
+
 		strategies.push( {
 			attributeName: 'listStyle',
 			defaultValue: DEFAULT_LIST_TYPE,
 			viewConsumables: { styles: 'list-style-type' },
 
 			addCommand( editor ) {
-				editor.commands.add( 'listStyle', new DocumentListStyleCommand( editor, DEFAULT_LIST_TYPE ) );
+				let supportedTypes = getAllSupportedStyleTypes();
+
+				if ( useAttribute ) {
+					supportedTypes = supportedTypes.filter( styleType => !!getTypeAttributeFromListStyleType( styleType ) );
+				}
+
+				editor.commands.add( 'listStyle', new DocumentListStyleCommand( editor, DEFAULT_LIST_TYPE, supportedTypes ) );
 			},
 
 			appliesToListItem() {
@@ -258,14 +272,39 @@ function createAttributeStrategies( enabledProperties ) {
 
 			setAttributeOnDowncast( writer, listStyle, element ) {
 				if ( listStyle && listStyle !== DEFAULT_LIST_TYPE ) {
-					writer.setStyle( 'list-style-type', listStyle, element );
-				} else {
-					writer.removeStyle( 'list-style-type', element );
+					if ( useAttribute ) {
+						const value = getTypeAttributeFromListStyleType( listStyle );
+
+						if ( value ) {
+							writer.setAttribute( 'type', value, element );
+
+							return;
+						}
+					} else {
+						writer.setStyle( 'list-style-type', listStyle, element );
+
+						return;
+					}
 				}
+
+				writer.removeStyle( 'list-style-type', element );
+				writer.removeAttribute( 'type', element );
 			},
 
 			getAttributeOnUpcast( listParent ) {
-				return listParent.getStyle( 'list-style-type' ) || DEFAULT_LIST_TYPE;
+				const style = listParent.getStyle( 'list-style-type' );
+
+				if ( style ) {
+					return style;
+				}
+
+				const attribute = listParent.getAttribute( 'type' );
+
+				if ( attribute ) {
+					return getListStyleTypeFromTypeAttribute( attribute );
+				}
+
+				return DEFAULT_LIST_TYPE;
 			}
 		} );
 	}

package/src/documentlistproperties/documentliststylecommand.js

@@ -29,8 +29,9 @@ export default class DocumentListStyleCommand extends Command {
 	 * @param {module:core/editor/editor~Editor} editor The editor instance.
 	 * @param {String} defaultType The list type that will be used by default if the value was not specified during
 	 * the command execution.
+	 * @param {Array.<String>} [supportedTypes] The list of supported style types by this command.
 	 */
-	constructor( editor, defaultType ) {
+	constructor( editor, defaultType, supportedTypes ) {
 		super( editor );
 
 		/**
@@ -40,6 +41,14 @@ export default class DocumentListStyleCommand extends Command {
 		 * @member {String}
 		 */
 		this._defaultType = defaultType;
+
+		/**
+		 * The list of supported style types by this command.
+		 *
+		 * @private
+		 * @member {Array.<String>|undefined}
+		 */
+		this._supportedTypes = supportedTypes;
 	}
 
 	/**
@@ -80,6 +89,20 @@ export default class DocumentListStyleCommand extends Command {
 		} );
 	}
 
+	/**
+	 * Checks if the given style type is supported by this plugin.
+	 *
+	 * @param {String} value
+	 * @returns {Boolean}
+	 */
+	isStyleTypeSupported( value ) {
+		if ( !this._supportedTypes ) {
+			return true;
+		}
+
+		return this._supportedTypes.includes( value );
+	}
+
 	/**
 	 * Checks the command's {@link #value}.
 	 *

package/src/documentlistproperties/utils/style.js

@@ -7,21 +7,42 @@
 * @module list/documentlistproperties/utils/style
 */
 
-const BULLETED_LIST_STYLE_TYPES = [ 'disc', 'circle', 'square' ];
-
-// There's a lot of them (https://www.w3.org/TR/css-counter-styles-3/#typedef-counter-style).
-// Let's support only those that can be selected by ListPropertiesUI.
-const NUMBERED_LIST_STYLE_TYPES = [
-	'decimal',
-	'decimal-leading-zero',
-	'lower-roman',
-	'upper-roman',
-	'lower-latin',
-	'upper-latin',
-	'lower-alpha',
-	'upper-alpha'
+const LIST_STYLE_TO_LIST_TYPE = {};
+const LIST_STYLE_TO_TYPE_ATTRIBUTE = {};
+const TYPE_ATTRIBUTE_TO_LIST_STYLE = {};
+
+const LIST_STYLE_TYPES = [
+	{ listStyle: 'disc', typeAttribute: 'disc', listType: 'bulleted' },
+	{ listStyle: 'circle', typeAttribute: 'circle', listType: 'bulleted' },
+	{ listStyle: 'square', typeAttribute: 'square', listType: 'bulleted' },
+	{ listStyle: 'decimal', typeAttribute: '1', listType: 'numbered' },
+	{ listStyle: 'decimal-leading-zero', typeAttribute: null, listType: 'numbered' },
+	{ listStyle: 'lower-roman', typeAttribute: 'i', listType: 'numbered' },
+	{ listStyle: 'upper-roman', typeAttribute: 'I', listType: 'numbered' },
+	{ listStyle: 'lower-alpha', typeAttribute: 'a', listType: 'numbered' },
+	{ listStyle: 'upper-alpha', typeAttribute: 'A', listType: 'numbered' },
+	{ listStyle: 'lower-latin', typeAttribute: 'a', listType: 'numbered' },
+	{ listStyle: 'upper-latin', typeAttribute: 'A', listType: 'numbered' }
 ];
 
+for ( const { listStyle, typeAttribute, listType } of LIST_STYLE_TYPES ) {
+	LIST_STYLE_TO_LIST_TYPE[ listStyle ] = listType;
+	LIST_STYLE_TO_TYPE_ATTRIBUTE[ listStyle ] = typeAttribute;
+
+	if ( typeAttribute ) {
+		TYPE_ATTRIBUTE_TO_LIST_STYLE[ typeAttribute ] = listStyle;
+	}
+}
+
+/**
+ * Gets all the style types supported by given list type.
+ *
+ * @returns {Array.<String>}
+ */
+export function getAllSupportedStyleTypes() {
+	return LIST_STYLE_TYPES.map( x => x.listStyle );
+}
+
 /**
 * Checks whether the given list-style-type is supported by numbered or bulleted list.
 *
@@ -29,13 +50,25 @@ const NUMBERED_LIST_STYLE_TYPES = [
 * @returns {'bulleted'|'numbered'|null}
 */
 export function getListTypeFromListStyleType( listStyleType ) {
-	if ( BULLETED_LIST_STYLE_TYPES.includes( listStyleType ) ) {
-		return 'bulleted';
-	}
+	return LIST_STYLE_TO_LIST_TYPE[ listStyleType ] || null;
+}
 
-	if ( NUMBERED_LIST_STYLE_TYPES.includes( listStyleType ) ) {
-		return 'numbered';
-	}
+/**
+ * Converts `type` attribute of `<ul>` or `<ol>` elements to `list-style-type` equivalent.
+ *
+ * @param {String} value
+ * @returns {String|null}
+ */
+export function getListStyleTypeFromTypeAttribute( value ) {
+	return TYPE_ATTRIBUTE_TO_LIST_STYLE[ value ] || null;
+}
 
-	return null;
+/**
+ * Converts `list-style-type` style to `type` attribute of `<ul>` or `<ol>` elements.
+ *
+ * @param {String} value
+ * @returns {String|null}
+ */
+export function getTypeAttributeFromListStyleType( value ) {
+	return LIST_STYLE_TO_TYPE_ATTRIBUTE[ value ] || null;
 }

package/src/index.js

@@ -7,6 +7,10 @@
  * @module list
  */
 
+export { default as DocumentList } from './documentlist';
+export { default as DocumentListEditing } from './documentlist/documentlistediting';
+export { default as DocumentListProperties } from './documentlistproperties';
+export { default as DocumentListPropertiesEditing } from './documentlistproperties/documentlistpropertiesediting';
 export { default as List } from './list';
 export { default as ListEditing } from './list/listediting';
 export { default as ListUI } from './list/listui';

package/src/listproperties/listpropertiesui.js

@@ -277,7 +277,12 @@ function createListPropertiesView( {
 			listStyleCommand
 		} );
 
-		styleButtonViews = styleDefinitions.map( styleButtonCreator );
+		// The command can be ListStyleCommand or DocumentListStyleCommand.
+		const isStyleTypeSupported = typeof listStyleCommand.isStyleTypeSupported == 'function' ?
+			styleDefinition => listStyleCommand.isStyleTypeSupported( styleDefinition.type ) :
+			() => true;
+
+		styleButtonViews = styleDefinitions.filter( isStyleTypeSupported ).map( styleButtonCreator );
 	}
 
 	const listPropertiesView = new ListPropertiesView( locale, {

package/src/listproperties.js

@@ -65,10 +65,14 @@ export default class ListProperties extends Plugin {
  */
 
 /**
- * When set, the list style feature will be enabled. It allows changing the `list-style-type` HTML attribute of the lists.
+ * When set, the list style feature will be enabled. It allows changing the `list-style-type` style or the `type` HTML attribute of a list.
+ *
+ * **Note**: Styling using the `type` HTML attribute is only available in
+ * {@link module:list/documentlistproperties~DocumentListProperties document list properties}
+ * ({@link module:list/listproperties~ListPropertiesStyleConfig learn more}).
  *
  * @default true
- * @member {Boolean} module:list/listproperties~ListPropertiesConfig#styles
+ * @member {Boolean|module:list/listproperties~ListPropertiesStyleConfig} module:list/listproperties~ListPropertiesConfig#styles
  */
 
 /**
@@ -99,3 +103,33 @@ export default class ListProperties extends Plugin {
  *
  * @member {module:list/listproperties~ListPropertiesConfig} module:list/list~ListConfig#properties
  */
+
+/**
+ * @interface ListPropertiesStyleConfig
+ */
+
+/**
+ * When set `true`, the list style feature will use the `type` attribute of `<ul>` and `<ol>` elements instead of the `list-style-type`
+ * style.
+ *
+ *		{
+ *			list: {
+ *				properties: {
+ *					styles: {
+ *						useAttribute: true
+ *					},
+ *
+ *					// ...
+ *				}
+ *			},
+ *
+ *			// ...
+ *		}
+ *
+ * **Note**: Due to limitations of HTML, the "Decimal with leading zero" style is impossible to set using the `type` attribute.
+ *
+ * **Note**: This configuration works only with {@link module:list/documentlistproperties~DocumentListProperties document list properties}.
+ *
+ * @default false
+ * @member {Boolean} module:list/listproperties~ListPropertiesStyleConfig#useAttribute
+ */