@ckeditor/ckeditor5-basic-styles 0.0.0-internal-20251218.0 → 0.0.0-internal-20260224.0

package/src/attributecommand.js

@@ -1,109 +0,0 @@
-/**
- * @license Copyright (c) 2003-2025, 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/attributecommand
- */
-import { Command } from 'ckeditor5/src/core.js';
-/**
- * An extension of the base {@link module:core/command~Command} class, which provides utilities for a command
- * that toggles a single attribute on a text or an element.
- *
- * `AttributeCommand` uses {@link module:engine/model/document~ModelDocument#selection}
- * to decide which nodes (if any) should be changed, and applies or removes the attribute from them.
- *
- * The command checks the {@link module:engine/model/model~Model#schema} to decide if it can be enabled
- * for the current selection and to which nodes the attribute can be applied.
- */
-export class AttributeCommand extends Command {
-    /**
-     * The attribute that will be set by the command.
-     */
-    attributeKey;
-    /**
-     * @param attributeKey Attribute that will be set by the command.
-     */
-    constructor(editor, attributeKey) {
-        super(editor);
-        this.attributeKey = attributeKey;
-    }
-    /**
-     * Updates the command's {@link #value} and {@link #isEnabled} based on the current selection.
-     */
-    refresh() {
-        const model = this.editor.model;
-        const doc = model.document;
-        this.value = this._getValueFromFirstAllowedNode();
-        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, this.attributeKey);
-    }
-    /**
-     * Executes the command – applies the attribute to the selection or removes it from the selection.
-     *
-     * If the command is active (`value == true`), it will remove attributes. Otherwise, it will set attributes.
-     *
-     * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection}:
-     *
-     * * If the selection is on a range, the command applies the attribute to all nodes in that range
-     * (if they are allowed to have this attribute by the {@link module:engine/model/schema~ModelSchema schema}).
-     * * If the selection is collapsed in a non-empty node, the command applies the attribute to the
-     * {@link module:engine/model/document~ModelDocument#selection} itself (note that typed characters copy attributes from the selection).
-     * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note
-     * that the selection inherits all attributes from a node if it is in an empty node).
-     *
-     * @fires execute
-     * @param options Command options.
-     * @param options.forceValue If set, it will force the command behavior. If `true`,
-     * the command will apply the attribute, otherwise the command will remove the attribute.
-     * If not set, the command will look for its current value to decide what it should do.
-     */
-    execute(options = {}) {
-        const model = this.editor.model;
-        const doc = model.document;
-        const selection = doc.selection;
-        const value = (options.forceValue === undefined) ? !this.value : options.forceValue;
-        model.change(writer => {
-            if (selection.isCollapsed) {
-                if (value) {
-                    writer.setSelectionAttribute(this.attributeKey, true);
-                }
-                else {
-                    writer.removeSelectionAttribute(this.attributeKey);
-                }
-            }
-            else {
-                const ranges = model.schema.getValidRanges(selection.getRanges(), this.attributeKey);
-                for (const range of ranges) {
-                    if (value) {
-                        writer.setAttribute(this.attributeKey, value, range);
-                    }
-                    else {
-                        writer.removeAttribute(this.attributeKey, range);
-                    }
-                }
-            }
-        });
-    }
-    /**
-     * Checks the attribute value of the first node in the selection that allows the attribute.
-     * For the collapsed selection returns the selection attribute.
-     *
-     * @returns The attribute value.
-     */
-    _getValueFromFirstAllowedNode() {
-        const model = this.editor.model;
-        const schema = model.schema;
-        const selection = model.document.selection;
-        if (selection.isCollapsed) {
-            return selection.hasAttribute(this.attributeKey);
-        }
-        for (const range of selection.getRanges()) {
-            for (const item of range.getItems()) {
-                if (schema.checkAttribute(item, this.attributeKey)) {
-                    return item.hasAttribute(this.attributeKey);
-                }
-            }
-        }
-        return false;
-    }
-}

package/src/augmentation.js

@@ -1,5 +0,0 @@
-/**
- * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-export {};

package/src/bold/boldediting.js

@@ -1,78 +0,0 @@
-/**
- * @license Copyright (c) 2003-2025, 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-2025, 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-2025, 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-2025, 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-2025, 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-2025, 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-2025, 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-2025, 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-2025, 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-2025, 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;
-    }
-}