@ckeditor/ckeditor5-style 45.2.1 → 46.0.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-style",
-  "version": "45.2.1",
+  "version": "46.0.0-alpha.0",
   "description": "Style feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,15 +13,15 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "45.2.1",
-    "@ckeditor/ckeditor5-html-support": "45.2.1",
-    "@ckeditor/ckeditor5-list": "45.2.1",
-    "@ckeditor/ckeditor5-table": "45.2.1",
-    "@ckeditor/ckeditor5-typing": "45.2.1",
-    "@ckeditor/ckeditor5-ui": "45.2.1",
-    "@ckeditor/ckeditor5-utils": "45.2.1",
-    "ckeditor5": "45.2.1",
-    "es-toolkit": "1.32.0"
+    "@ckeditor/ckeditor5-core": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-html-support": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-list": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-table": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-typing": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-ui": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "46.0.0-alpha.0",
+    "ckeditor5": "46.0.0-alpha.0",
+    "es-toolkit": "1.39.5"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/index.d.ts

@@ -5,10 +5,19 @@
 /**
  * @module style
  */
-export { default as Style } from './style.js';
-export { default as StyleEditing } from './styleediting.js';
-export { default as StyleUI } from './styleui.js';
-export { default as StyleUtils } from './styleutils.js';
+export { Style } from './style.js';
+export { StyleEditing } from './styleediting.js';
+export { StyleUI } from './styleui.js';
+export { StyleCommand } from './stylecommand.js';
+export { StyleUtils, type NormalizedStyleDefinitions, type BlockStyleDefinition, type InlineStyleDefinition, type NormalizedStyleDefinition, type StyleUtilsIsEnabledForBlockEvent, type StyleUtilsIsActiveForBlockEvent, type StyleUtilsGetAffectedBlocksEvent, type StyleUtilsIsStyleEnabledForInlineSelectionEvent, type StyleUtilsIsStyleActiveForInlineSelectionEvent, type StyleUtilsGetAffectedInlineSelectableEvent, type StyleUtilsGetStylePreviewEvent, type StyleUtilsConfigureGHSDataFilterEvent } from './styleutils.js';
 export type { StyleConfig, StyleDefinition } from './styleconfig.js';
-export type { default as StyleCommand } from './stylecommand.js';
+export { LinkStyleSupport } from './integrations/link.js';
+export { ListStyleSupport } from './integrations/list.js';
+export { TableStyleSupport } from './integrations/table.js';
+export type { StyleGridViewExecuteEvent } from './ui/stylegridview.js';
+export type { StylePanelViewExecuteEvent } from './ui/stylepanelview.js';
+export { StyleGridButtonView as _StyleGridButtonView } from './ui/stylegridbuttonview.js';
+export { StyleGridView as _StyleGridView } from './ui/stylegridview.js';
+export { StyleGroupView as _StyleGroupView } from './ui/stylegroupview.js';
+export { StylePanelView as _StylePanelView } from './ui/stylepanelview.js';
 import './augmentation.js';

package/src/index.js

@@ -5,8 +5,16 @@
 /**
  * @module style
  */
-export { default as Style } from './style.js';
-export { default as StyleEditing } from './styleediting.js';
-export { default as StyleUI } from './styleui.js';
-export { default as StyleUtils } from './styleutils.js';
+export { Style } from './style.js';
+export { StyleEditing } from './styleediting.js';
+export { StyleUI } from './styleui.js';
+export { StyleCommand } from './stylecommand.js';
+export { StyleUtils } from './styleutils.js';
+export { LinkStyleSupport } from './integrations/link.js';
+export { ListStyleSupport } from './integrations/list.js';
+export { TableStyleSupport } from './integrations/table.js';
+export { StyleGridButtonView as _StyleGridButtonView } from './ui/stylegridbuttonview.js';
+export { StyleGridView as _StyleGridView } from './ui/stylegridview.js';
+export { StyleGroupView as _StyleGroupView } from './ui/stylegroupview.js';
+export { StylePanelView as _StylePanelView } from './ui/stylepanelview.js';
 import './augmentation.js';

package/src/integrations/link.d.ts

@@ -6,8 +6,8 @@
  * @module style/integrations/link
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUtils from '../styleutils.js';
-export default class LinkStyleSupport extends Plugin {
+import { StyleUtils } from '../styleutils.js';
+export declare class LinkStyleSupport extends Plugin {
     private _styleUtils;
     private _htmlSupport;
     /**

package/src/integrations/link.js

@@ -7,8 +7,8 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { findAttributeRange, findAttributeRangeBound } from 'ckeditor5/src/typing.js';
-import StyleUtils from '../styleutils.js';
-export default class LinkStyleSupport extends Plugin {
+import { StyleUtils } from '../styleutils.js';
+export class LinkStyleSupport extends Plugin {
     _styleUtils;
     _htmlSupport;
     /**

package/src/integrations/list.d.ts

@@ -6,8 +6,8 @@
  * @module style/integrations/list
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUtils from '../styleutils.js';
-export default class ListStyleSupport extends Plugin {
+import { StyleUtils } from '../styleutils.js';
+export declare class ListStyleSupport extends Plugin {
     private _listUtils;
     private _styleUtils;
     private _htmlSupport;

package/src/integrations/list.js

@@ -6,8 +6,8 @@
  * @module style/integrations/list
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUtils from '../styleutils.js';
-export default class ListStyleSupport extends Plugin {
+import { StyleUtils } from '../styleutils.js';
+export class ListStyleSupport extends Plugin {
     _listUtils;
     _styleUtils;
     _htmlSupport;

package/src/integrations/table.d.ts

@@ -6,8 +6,8 @@
  * @module style/integrations/table
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUtils from '../styleutils.js';
-export default class TableStyleSupport extends Plugin {
+import { StyleUtils } from '../styleutils.js';
+export declare class TableStyleSupport extends Plugin {
     private _tableUtils;
     private _styleUtils;
     /**

package/src/integrations/table.js

@@ -6,8 +6,8 @@
  * @module style/integrations/table
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUtils from '../styleutils.js';
-export default class TableStyleSupport extends Plugin {
+import { StyleUtils } from '../styleutils.js';
+export class TableStyleSupport extends Plugin {
     _tableUtils;
     _styleUtils;
     /**

package/src/style.d.ts

@@ -6,15 +6,15 @@
  * @module style/style
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUI from './styleui.js';
-import StyleEditing from './styleediting.js';
+import { StyleUI } from './styleui.js';
+import { StyleEditing } from './styleediting.js';
 /**
  * The style plugin.
  *
  * This is a "glue" plugin that loads the {@link module:style/styleediting~StyleEditing style editing feature}
  * and {@link module:style/styleui~StyleUI style UI feature}.
  */
-export default class Style extends Plugin {
+export declare class Style extends Plugin {
     /**
      * @inheritDoc
      */

package/src/style.js

@@ -6,15 +6,15 @@
  * @module style/style
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUI from './styleui.js';
-import StyleEditing from './styleediting.js';
+import { StyleUI } from './styleui.js';
+import { StyleEditing } from './styleediting.js';
 /**
  * The style plugin.
  *
  * This is a "glue" plugin that loads the {@link module:style/styleediting~StyleEditing style editing feature}
  * and {@link module:style/styleui~StyleUI style UI feature}.
  */
-export default class Style extends Plugin {
+export class Style extends Plugin {
     /**
      * @inheritDoc
      */

package/src/stylecommand.d.ts

@@ -9,7 +9,7 @@ import { type NormalizedStyleDefinitions } from './styleutils.js';
  *
  * Applies and removes styles from selection and elements.
  */
-export default class StyleCommand extends Command {
+export declare class StyleCommand extends Command {
     /**
      * Set of currently applied styles on the current selection.
      *
@@ -52,13 +52,13 @@ export default class StyleCommand extends Command {
      *
      * If the command value already contains the requested style, it will remove the style classes. Otherwise, it will set it.
      *
-     * The execution result differs, depending on the {@link module:engine/model/document~Document#selection} and the
+     * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection} and the
      * style type (inline or block):
      *
      * * When applying inline styles:
      *   * If the selection is on a range, the command applies the style classes to all nodes in that range.
      *   * If the selection is collapsed in a non-empty node, the command applies the style classes to the
-     * {@link module:engine/model/document~Document#selection}.
+     * {@link module:engine/model/document~ModelDocument#selection}.
      *
      * * When applying block styles:
      *   * If the selection is on a range, the command applies the style classes to the nearest block parent element.

package/src/stylecommand.js

@@ -4,13 +4,13 @@
  */
 import { Command } from 'ckeditor5/src/core.js';
 import { logWarning, first } from 'ckeditor5/src/utils.js';
-import StyleUtils from './styleutils.js';
+import { StyleUtils } from './styleutils.js';
 /**
  * Style command.
  *
  * Applies and removes styles from selection and elements.
  */
-export default class StyleCommand extends Command {
+export class StyleCommand extends Command {
     /**
      * Normalized definitions of the styles.
      */
@@ -86,13 +86,13 @@ export default class StyleCommand extends Command {
      *
      * If the command value already contains the requested style, it will remove the style classes. Otherwise, it will set it.
      *
-     * The execution result differs, depending on the {@link module:engine/model/document~Document#selection} and the
+     * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection} and the
      * style type (inline or block):
      *
      * * When applying inline styles:
      *   * If the selection is on a range, the command applies the style classes to all nodes in that range.
      *   * If the selection is collapsed in a non-empty node, the command applies the style classes to the
-     * {@link module:engine/model/document~Document#selection}.
+     * {@link module:engine/model/document~ModelDocument#selection}.
      *
      * * When applying block styles:
      *   * If the selection is on a range, the command applies the style classes to the nearest block parent element.

package/src/styleediting.d.ts

@@ -6,10 +6,10 @@
  * @module style/styleediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUtils from './styleutils.js';
-import ListStyleSupport from './integrations/list.js';
-import TableStyleSupport from './integrations/table.js';
-import LinkStyleSupport from './integrations/link.js';
+import { StyleUtils } from './styleutils.js';
+import { ListStyleSupport } from './integrations/list.js';
+import { TableStyleSupport } from './integrations/table.js';
+import { LinkStyleSupport } from './integrations/link.js';
 /**
  * The style engine feature.
  *
@@ -17,7 +17,7 @@ import LinkStyleSupport from './integrations/link.js';
  * {@link module:style/styleconfig~StyleConfig#definitions configured style definitions} and introduces the
  * {@link module:style/stylecommand~StyleCommand style command} that applies styles to the content of the document.
  */
-export default class StyleEditing extends Plugin {
+export declare class StyleEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/styleediting.js

@@ -6,11 +6,11 @@
  * @module style/styleediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleCommand from './stylecommand.js';
-import StyleUtils from './styleutils.js';
-import ListStyleSupport from './integrations/list.js';
-import TableStyleSupport from './integrations/table.js';
-import LinkStyleSupport from './integrations/link.js';
+import { StyleCommand } from './stylecommand.js';
+import { StyleUtils } from './styleutils.js';
+import { ListStyleSupport } from './integrations/list.js';
+import { TableStyleSupport } from './integrations/table.js';
+import { LinkStyleSupport } from './integrations/link.js';
 /**
  * The style engine feature.
  *
@@ -18,7 +18,7 @@ import LinkStyleSupport from './integrations/link.js';
  * {@link module:style/styleconfig~StyleConfig#definitions configured style definitions} and introduces the
  * {@link module:style/stylecommand~StyleCommand style command} that applies styles to the content of the document.
  */
-export default class StyleEditing extends Plugin {
+export class StyleEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/styleui.d.ts

@@ -6,7 +6,7 @@
  * @module style/styleui
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import StyleUtils from './styleutils.js';
+import { StyleUtils } from './styleutils.js';
 import '../theme/style.css';
 /**
  * The UI plugin of the style feature .
@@ -14,7 +14,7 @@ import '../theme/style.css';
  * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
  * that displays a grid of styles and allows changing styles of the content.
  */
-export default class StyleUI extends Plugin {
+export declare class StyleUI extends Plugin {
     /**
      * @inheritDoc
      */

package/src/styleui.js

@@ -7,8 +7,8 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { createDropdown } from 'ckeditor5/src/ui.js';
-import StylePanelView from './ui/stylepanelview.js';
-import StyleUtils from './styleutils.js';
+import { StylePanelView } from './ui/stylepanelview.js';
+import { StyleUtils } from './styleutils.js';
 import '../theme/style.css';
 /**
  * The UI plugin of the style feature .
@@ -16,7 +16,7 @@ import '../theme/style.css';
  * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
  * that displays a grid of styles and allows changing styles of the content.
  */
-export default class StyleUI extends Plugin {
+export class StyleUI extends Plugin {
     /**
      * @inheritDoc
      */

package/src/styleutils.d.ts

@@ -6,12 +6,12 @@
  * @module style/styleutils
  */
 import { Plugin, type Editor } from 'ckeditor5/src/core.js';
-import type { Element, DocumentSelection, Selectable } from 'ckeditor5/src/engine.js';
+import type { ModelElement, ModelDocumentSelection, ModelSelectable } from 'ckeditor5/src/engine.js';
 import type { DecoratedMethodEvent } from 'ckeditor5/src/utils.js';
 import type { TemplateDefinition } from 'ckeditor5/src/ui.js';
 import type { DataSchema } from '@ckeditor/ckeditor5-html-support';
 import type { StyleDefinition } from './styleconfig.js';
-export default class StyleUtils extends Plugin {
+export declare class StyleUtils extends Plugin {
     private _htmlSupport;
     /**
      * @inheritDoc
@@ -56,37 +56,37 @@ export default class StyleUtils extends Plugin {
      *
      * @internal
      */
-    isStyleEnabledForBlock(definition: BlockStyleDefinition, block: Element): boolean;
+    isStyleEnabledForBlock(definition: BlockStyleDefinition, block: ModelElement): boolean;
     /**
      * Returns true if the given style is applied to the specified block element.
      *
      * @internal
      */
-    isStyleActiveForBlock(definition: BlockStyleDefinition, block: Element): boolean;
+    isStyleActiveForBlock(definition: BlockStyleDefinition, block: ModelElement): boolean;
     /**
      * Returns an array of block elements that style should be applied to.
      *
      * @internal
      */
-    getAffectedBlocks(definition: BlockStyleDefinition, block: Element): Array<Element> | null;
+    getAffectedBlocks(definition: BlockStyleDefinition, block: ModelElement): Array<ModelElement> | null;
     /**
      * Verifies if the given style is applicable to the provided document selection.
      *
      * @internal
      */
-    isStyleEnabledForInlineSelection(definition: InlineStyleDefinition, selection: DocumentSelection): boolean;
+    isStyleEnabledForInlineSelection(definition: InlineStyleDefinition, selection: ModelDocumentSelection): boolean;
     /**
      * Returns true if the given style is applied to the specified document selection.
      *
      * @internal
      */
-    isStyleActiveForInlineSelection(definition: InlineStyleDefinition, selection: DocumentSelection): boolean;
+    isStyleActiveForInlineSelection(definition: InlineStyleDefinition, selection: ModelDocumentSelection): boolean;
     /**
      * Returns a selectable that given style should be applied to.
      *
      * @internal
      */
-    getAffectedInlineSelectable(definition: InlineStyleDefinition, selection: DocumentSelection): Selectable;
+    getAffectedInlineSelectable(definition: InlineStyleDefinition, selection: ModelDocumentSelection): ModelSelectable;
     /**
      * Returns the `TemplateDefinition` used by styles dropdown to render style preview.
      *

package/src/styleutils.js

@@ -12,7 +12,7 @@ const NON_PREVIEWABLE_ELEMENT_NAMES = [
     'caption', 'colgroup', 'dd', 'dt', 'figcaption', 'legend', 'li', 'optgroup', 'option', 'rp',
     'rt', 'summary', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr'
 ];
-export default class StyleUtils extends Plugin {
+export class StyleUtils extends Plugin {
     _htmlSupport;
     /**
      * @inheritDoc

package/src/ui/stylegridbuttonview.d.ts

@@ -10,8 +10,10 @@ import { ButtonView, View } from 'ckeditor5/src/ui.js';
 import type { NormalizedStyleDefinition } from '../styleutils.js';
 /**
  * A class representing an individual button (style) in the grid. Renders a rich preview of the style.
+ *
+ * @internal
  */
-export default class StyleGridButtonView extends ButtonView {
+export declare class StyleGridButtonView extends ButtonView {
     /**
      * Definition of the style the button will apply when executed.
      */

package/src/ui/stylegridbuttonview.js

@@ -5,8 +5,10 @@
 import { ButtonView, View } from 'ckeditor5/src/ui.js';
 /**
  * A class representing an individual button (style) in the grid. Renders a rich preview of the style.
+ *
+ * @internal
  */
-export default class StyleGridButtonView extends ButtonView {
+export class StyleGridButtonView extends ButtonView {
     /**
      * Definition of the style the button will apply when executed.
      */

package/src/ui/stylegridview.d.ts

@@ -7,14 +7,16 @@
  */
 import { View, type ViewCollection, type FocusableView } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
-import StyleGridButtonView from './stylegridbuttonview.js';
+import { StyleGridButtonView } from './stylegridbuttonview.js';
 import type { NormalizedStyleDefinition } from '../styleutils.js';
 import '../../theme/stylegrid.css';
 /**
  * A class representing a grid of styles ({@link module:style/ui/stylegridbuttonview~StyleGridButtonView buttons}).
  * Allows users to select a style.
+ *
+ * @internal
  */
-export default class StyleGridView extends View<HTMLDivElement> implements FocusableView {
+export declare class StyleGridView extends View<HTMLDivElement> implements FocusableView {
     /**
      * Tracks information about the DOM focus in the view.
      */

package/src/ui/stylegridview.js

@@ -7,13 +7,15 @@
  */
 import { View, addKeyboardHandlingForGrid } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils.js';
-import StyleGridButtonView from './stylegridbuttonview.js';
+import { StyleGridButtonView } from './stylegridbuttonview.js';
 import '../../theme/stylegrid.css';
 /**
  * A class representing a grid of styles ({@link module:style/ui/stylegridbuttonview~StyleGridButtonView buttons}).
  * Allows users to select a style.
+ *
+ * @internal
  */
-export default class StyleGridView extends View {
+export class StyleGridView extends View {
     /**
      * Tracks information about the DOM focus in the view.
      */

package/src/ui/stylegroupview.d.ts

@@ -7,15 +7,17 @@
  */
 import { LabelView, View } from 'ckeditor5/src/ui.js';
 import type { Locale } from 'ckeditor5/src/utils.js';
-import StyleGridView from './stylegridview.js';
+import { StyleGridView } from './stylegridview.js';
 import type { NormalizedStyleDefinition } from '../styleutils.js';
 import '../../theme/stylegroup.css';
 /**
  * A class representing a group of styles (e.g. "block" or "inline").
  *
  * Renders a {@link module:style/ui/stylegridview~StyleGridView style grid} and a label.
+ *
+ * @internal
  */
-export default class StyleGroupView extends View<HTMLDivElement> {
+export declare class StyleGroupView extends View<HTMLDivElement> {
     /**
      * The styles grid of the group.
      */

package/src/ui/stylegroupview.js

@@ -6,14 +6,16 @@
  * @module style/ui/stylegroupview
  */
 import { LabelView, View } from 'ckeditor5/src/ui.js';
-import StyleGridView from './stylegridview.js';
+import { StyleGridView } from './stylegridview.js';
 import '../../theme/stylegroup.css';
 /**
  * A class representing a group of styles (e.g. "block" or "inline").
  *
  * Renders a {@link module:style/ui/stylegridview~StyleGridView style grid} and a label.
+ *
+ * @internal
  */
-export default class StyleGroupView extends View {
+export class StyleGroupView extends View {
     /**
      * The styles grid of the group.
      */

package/src/ui/stylepanelview.d.ts

@@ -7,15 +7,17 @@
  */
 import { FocusCycler, View, ViewCollection } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
-import StyleGroupView from './stylegroupview.js';
-import type StyleGridView from './stylegridview.js';
+import { StyleGroupView } from './stylegroupview.js';
+import { type StyleGridView } from './stylegridview.js';
 import type { NormalizedStyleDefinitions } from '../styleutils.js';
 import '../../theme/stylepanel.css';
 /**
  * A class representing a panel with available content styles. It renders styles in button grids, grouped
  * in categories.
+ *
+ * @internal
  */
-export default class StylePanelView extends View<HTMLDivElement> {
+export declare class StylePanelView extends View<HTMLDivElement> {
     /**
      * Tracks information about DOM focus in the panel.
      */

package/src/ui/stylepanelview.js

@@ -7,13 +7,15 @@
  */
 import { FocusCycler, View, ViewCollection } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils.js';
-import StyleGroupView from './stylegroupview.js';
+import { StyleGroupView } from './stylegroupview.js';
 import '../../theme/stylepanel.css';
 /**
  * A class representing a panel with available content styles. It renders styles in button grids, grouped
  * in categories.
+ *
+ * @internal
  */
-export default class StylePanelView extends View {
+export class StylePanelView extends View {
     /**
      * Tracks information about DOM focus in the panel.
      */