@ckeditor/ckeditor5-basic-styles 47.6.1-alpha.1 → 48.0.0-alpha.0

package/src/bold/boldediting.js

@@ -1,78 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/bold/boldediting
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { AttributeCommand } from '../attributecommand.js';
-const BOLD = 'bold';
-/**
- * The bold editing feature.
- *
- * It registers the `'bold'` command and introduces the `bold` attribute in the model which renders to the view
- * as a `<strong>` element.
- */
-export class BoldEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'BoldEditing';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const t = this.editor.t;
-        // Allow bold attribute on text nodes.
-        editor.model.schema.extend('$text', { allowAttributes: BOLD });
-        editor.model.schema.setAttributeProperties(BOLD, {
-            isFormatting: true,
-            copyOnEnter: true
-        });
-        // Build converter from model to view for data and editing pipelines.
-        editor.conversion.attributeToElement({
-            model: BOLD,
-            view: 'strong',
-            upcastAlso: [
-                'b',
-                viewElement => {
-                    const fontWeight = viewElement.getStyle('font-weight');
-                    if (!fontWeight) {
-                        return null;
-                    }
-                    // Value of the `font-weight` attribute can be defined as a string or a number.
-                    if (fontWeight == 'bold' || Number(fontWeight) >= 600) {
-                        return {
-                            name: true,
-                            styles: ['font-weight']
-                        };
-                    }
-                    return null;
-                }
-            ]
-        });
-        // Create bold command.
-        editor.commands.add(BOLD, new AttributeCommand(editor, BOLD));
-        // Set the Ctrl+B keystroke.
-        editor.keystrokes.set('CTRL+B', BOLD);
-        // Add the information about the keystroke to the accessibility database.
-        editor.accessibility.addKeystrokeInfos({
-            keystrokes: [
-                {
-                    label: t('Bold text'),
-                    keystroke: 'CTRL+B'
-                }
-            ]
-        });
-    }
-}

package/src/bold/boldui.js

@@ -1,47 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/bold/boldui
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { IconBold } from 'ckeditor5/src/icons.js';
-import { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';
-import { getButtonCreator } from '../utils.js';
-const BOLD = 'bold';
-/**
- * The bold UI feature. It introduces the Bold button.
- */
-export class BoldUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'BoldUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const t = editor.locale.t;
-        const createButton = getButtonCreator({
-            editor,
-            commandName: BOLD,
-            plugin: this,
-            icon: IconBold,
-            label: t('Bold'),
-            keystroke: 'CTRL+B'
-        });
-        // Add bold button to feature components.
-        editor.ui.componentFactory.add(BOLD, () => createButton(ButtonView));
-        editor.ui.componentFactory.add('menuBar:' + BOLD, () => createButton(MenuBarMenuListItemButtonView));
-    }
-}

package/src/bold.js

@@ -1,39 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/bold
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { BoldEditing } from './bold/boldediting.js';
-import { BoldUI } from './bold/boldui.js';
-/**
- * The bold feature.
- *
- * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
- * and the {@glink api/basic-styles package page}.
- *
- * This is a "glue" plugin which loads the {@link module:basic-styles/bold/boldediting~BoldEditing bold editing feature}
- * and {@link module:basic-styles/bold/boldui~BoldUI bold UI feature}.
- */
-export class Bold extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [BoldEditing, BoldUI];
-    }
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'Bold';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-}

package/src/code/codeediting.js

@@ -1,73 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/code/codeediting
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { TwoStepCaretMovement, inlineHighlight } from 'ckeditor5/src/typing.js';
-import { AttributeCommand } from '../attributecommand.js';
-const CODE = 'code';
-const HIGHLIGHT_CLASS = 'ck-code_selected';
-/**
- * The code editing feature.
- *
- * It registers the `'code'` command and introduces the `code` attribute in the model which renders to the view
- * as a `<code>` element.
- */
-export class CodeEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'CodeEditing';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [TwoStepCaretMovement];
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const t = this.editor.t;
-        // Allow code attribute on text nodes.
-        editor.model.schema.extend('$text', { allowAttributes: CODE });
-        editor.model.schema.setAttributeProperties(CODE, {
-            isFormatting: true,
-            copyOnEnter: false
-        });
-        editor.conversion.attributeToElement({
-            model: CODE,
-            view: 'code'
-        });
-        // Create code command.
-        editor.commands.add(CODE, new AttributeCommand(editor, CODE));
-        // Enable two-step caret movement for `code` attribute.
-        editor.plugins.get(TwoStepCaretMovement).registerAttribute(CODE);
-        // Setup highlight over selected element.
-        inlineHighlight(editor, CODE, 'code', HIGHLIGHT_CLASS);
-        // Add the information about the keystroke to the accessibility database.
-        editor.accessibility.addKeystrokeInfos({
-            keystrokes: [
-                {
-                    label: t('Move out of an inline code style'),
-                    keystroke: [
-                        ['arrowleft', 'arrowleft'],
-                        ['arrowright', 'arrowright']
-                    ]
-                }
-            ]
-        });
-    }
-}

package/src/code/codeui.js

@@ -1,47 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/code/codeui
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { IconCode } from 'ckeditor5/src/icons.js';
-import { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';
-import { getButtonCreator } from '../utils.js';
-import '../../theme/code.css';
-const CODE = 'code';
-/**
- * The code UI feature. It introduces the Code button.
- */
-export class CodeUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'CodeUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const t = editor.locale.t;
-        const createButton = getButtonCreator({
-            editor,
-            commandName: CODE,
-            plugin: this,
-            icon: IconCode,
-            label: t('Code')
-        });
-        // Add code button to feature components.
-        editor.ui.componentFactory.add(CODE, () => createButton(ButtonView));
-        editor.ui.componentFactory.add('menuBar:' + CODE, () => createButton(MenuBarMenuListItemButtonView));
-    }
-}

package/src/code.js

@@ -1,40 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/code
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { CodeEditing } from './code/codeediting.js';
-import { CodeUI } from './code/codeui.js';
-import '../theme/code.css';
-/**
- * The code feature.
- *
- * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
- * and the {@glink api/basic-styles package page}.
- *
- * This is a "glue" plugin which loads the {@link module:basic-styles/code/codeediting~CodeEditing code editing feature}
- * and {@link module:basic-styles/code/codeui~CodeUI code UI feature}.
- */
-export class Code extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [CodeEditing, CodeUI];
-    }
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'Code';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-}

package/src/index.js

@@ -1,31 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles
- */
-export { Bold } from './bold.js';
-export { BoldEditing } from './bold/boldediting.js';
-export { BoldUI } from './bold/boldui.js';
-export { Code } from './code.js';
-export { CodeEditing } from './code/codeediting.js';
-export { CodeUI } from './code/codeui.js';
-export { Italic } from './italic.js';
-export { ItalicEditing } from './italic/italicediting.js';
-export { ItalicUI } from './italic/italicui.js';
-export { Strikethrough } from './strikethrough.js';
-export { StrikethroughEditing } from './strikethrough/strikethroughediting.js';
-export { StrikethroughUI } from './strikethrough/strikethroughui.js';
-export { Subscript } from './subscript.js';
-export { SubscriptEditing } from './subscript/subscriptediting.js';
-export { SubscriptUI } from './subscript/subscriptui.js';
-export { Superscript } from './superscript.js';
-export { SuperscriptEditing } from './superscript/superscriptediting.js';
-export { SuperscriptUI } from './superscript/superscriptui.js';
-export { Underline } from './underline.js';
-export { UnderlineEditing } from './underline/underlineediting.js';
-export { UnderlineUI } from './underline/underlineui.js';
-export { AttributeCommand } from './attributecommand.js';
-export { getButtonCreator as _getBasicStylesButtonCreator } from './utils.js';
-import './augmentation.js';

package/src/italic/italicediting.js

@@ -1,68 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/italic/italicediting
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { AttributeCommand } from '../attributecommand.js';
-const ITALIC = 'italic';
-/**
- * The italic editing feature.
- *
- * It registers the `'italic'` command, the <kbd>Ctrl+I</kbd> keystroke and introduces the `italic` attribute in the model
- * which renders to the view as an `<i>` element.
- */
-export class ItalicEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ItalicEditing';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const t = this.editor.t;
-        // Allow italic attribute on text nodes.
-        editor.model.schema.extend('$text', { allowAttributes: ITALIC });
-        editor.model.schema.setAttributeProperties(ITALIC, {
-            isFormatting: true,
-            copyOnEnter: true
-        });
-        editor.conversion.attributeToElement({
-            model: ITALIC,
-            view: 'i',
-            upcastAlso: [
-                'em',
-                {
-                    styles: {
-                        'font-style': 'italic'
-                    }
-                }
-            ]
-        });
-        // Create italic command.
-        editor.commands.add(ITALIC, new AttributeCommand(editor, ITALIC));
-        // Set the Ctrl+I keystroke.
-        editor.keystrokes.set('CTRL+I', ITALIC);
-        // Add the information about the keystroke to the accessibility database.
-        editor.accessibility.addKeystrokeInfos({
-            keystrokes: [
-                {
-                    label: t('Italic text'),
-                    keystroke: 'CTRL+I'
-                }
-            ]
-        });
-    }
-}

package/src/italic/italicui.js

@@ -1,47 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/italic/italicui
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { IconItalic } from 'ckeditor5/src/icons.js';
-import { MenuBarMenuListItemButtonView, ButtonView } from 'ckeditor5/src/ui.js';
-import { getButtonCreator } from '../utils.js';
-const ITALIC = 'italic';
-/**
- * The italic UI feature. It introduces the Italic button.
- */
-export class ItalicUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ItalicUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const t = editor.locale.t;
-        const createButton = getButtonCreator({
-            editor,
-            commandName: ITALIC,
-            plugin: this,
-            icon: IconItalic,
-            keystroke: 'CTRL+I',
-            label: t('Italic')
-        });
-        // Add bold button to feature components.
-        editor.ui.componentFactory.add(ITALIC, () => createButton(ButtonView));
-        editor.ui.componentFactory.add('menuBar:' + ITALIC, () => createButton(MenuBarMenuListItemButtonView));
-    }
-}

package/src/italic.js

@@ -1,39 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/italic
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { ItalicEditing } from './italic/italicediting.js';
-import { ItalicUI } from './italic/italicui.js';
-/**
- * The italic feature.
- *
- * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
- * and the {@glink api/basic-styles package page}.
- *
- * This is a "glue" plugin which loads the {@link module:basic-styles/italic/italicediting~ItalicEditing} and
- * {@link module:basic-styles/italic/italicui~ItalicUI} plugins.
- */
-export class Italic extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [ItalicEditing, ItalicUI];
-    }
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'Italic';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-}

package/src/strikethrough/strikethroughediting.js

@@ -1,70 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/strikethrough/strikethroughediting
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { AttributeCommand } from '../attributecommand.js';
-const STRIKETHROUGH = 'strikethrough';
-/**
- * The strikethrough editing feature.
- *
- * It registers the `'strikethrough'` command, the <kbd>Ctrl+Shift+X</kbd> keystroke and introduces the
- * `strikethroughsthrough` attribute in the model which renders to the view
- * as a `<s>` element.
- */
-export class StrikethroughEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'StrikethroughEditing';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const t = this.editor.t;
-        // Allow strikethrough attribute on text nodes.
-        editor.model.schema.extend('$text', { allowAttributes: STRIKETHROUGH });
-        editor.model.schema.setAttributeProperties(STRIKETHROUGH, {
-            isFormatting: true,
-            copyOnEnter: true
-        });
-        editor.conversion.attributeToElement({
-            model: STRIKETHROUGH,
-            view: 's',
-            upcastAlso: [
-                'del',
-                'strike',
-                {
-                    styles: {
-                        'text-decoration': 'line-through'
-                    }
-                }
-            ]
-        });
-        // Create strikethrough command.
-        editor.commands.add(STRIKETHROUGH, new AttributeCommand(editor, STRIKETHROUGH));
-        // Set the Ctrl+Shift+X keystroke.
-        editor.keystrokes.set('CTRL+SHIFT+X', 'strikethrough');
-        // Add the information about the keystroke to the accessibility database.
-        editor.accessibility.addKeystrokeInfos({
-            keystrokes: [
-                {
-                    label: t('Strikethrough text'),
-                    keystroke: 'CTRL+SHIFT+X'
-                }
-            ]
-        });
-    }
-}

package/src/strikethrough/strikethroughui.js

@@ -1,47 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/strikethrough/strikethroughui
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { IconStrikethrough } from 'ckeditor5/src/icons.js';
-import { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';
-import { getButtonCreator } from '../utils.js';
-const STRIKETHROUGH = 'strikethrough';
-/**
- * The strikethrough UI feature. It introduces the Strikethrough button.
- */
-export class StrikethroughUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'StrikethroughUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const t = editor.locale.t;
-        const createButton = getButtonCreator({
-            editor,
-            commandName: STRIKETHROUGH,
-            plugin: this,
-            icon: IconStrikethrough,
-            keystroke: 'CTRL+SHIFT+X',
-            label: t('Strikethrough')
-        });
-        // Add strikethrough button to feature components.
-        editor.ui.componentFactory.add(STRIKETHROUGH, () => createButton(ButtonView));
-        editor.ui.componentFactory.add('menuBar:' + STRIKETHROUGH, () => createButton(MenuBarMenuListItemButtonView));
-    }
-}

package/src/strikethrough.js

@@ -1,39 +0,0 @@
-/**
- * @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
- */
-/**
- * @module basic-styles/strikethrough
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { StrikethroughEditing } from './strikethrough/strikethroughediting.js';
-import { StrikethroughUI } from './strikethrough/strikethroughui.js';
-/**
- * The strikethrough feature.
- *
- * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
- * and the {@glink api/basic-styles package page}.
- *
- * This is a "glue" plugin which loads the {@link module:basic-styles/strikethrough/strikethroughediting~StrikethroughEditing} and
- * {@link module:basic-styles/strikethrough/strikethroughui~StrikethroughUI} plugins.
- */
-export class Strikethrough extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [StrikethroughEditing, StrikethroughUI];
-    }
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'Strikethrough';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-}