@ckeditor/ckeditor5-style 39.0.2 → 40.0.0

package/src/integrations/link.js

@@ -1,156 +1,156 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module style/integrations/link
- */
-import { Plugin } from 'ckeditor5/src/core';
-import { findAttributeRange, findAttributeRangeBound } from 'ckeditor5/src/typing';
-import StyleUtils from '../styleutils';
-export default class LinkStyleSupport extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'LinkStyleSupport';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [StyleUtils, 'GeneralHtmlSupport'];
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        if (!editor.plugins.has('LinkEditing')) {
-            return;
-        }
-        this._styleUtils = editor.plugins.get(StyleUtils);
-        this._htmlSupport = this.editor.plugins.get('GeneralHtmlSupport');
-        this.listenTo(this._styleUtils, 'isStyleEnabledForInlineSelection', (evt, [definition, selection]) => {
-            if (definition.element == 'a') {
-                evt.return = this._isStyleEnabled(definition, selection);
-                evt.stop();
-            }
-        }, { priority: 'high' });
-        this.listenTo(this._styleUtils, 'isStyleActiveForInlineSelection', (evt, [definition, selection]) => {
-            if (definition.element == 'a') {
-                evt.return = this._isStyleActive(definition, selection);
-                evt.stop();
-            }
-        }, { priority: 'high' });
-        this.listenTo(this._styleUtils, 'getAffectedInlineSelectable', (evt, [definition, selection]) => {
-            if (definition.element != 'a') {
-                return;
-            }
-            const selectable = this._getAffectedSelectable(definition, selection);
-            if (selectable) {
-                evt.return = selectable;
-                evt.stop();
-            }
-        }, { priority: 'high' });
-    }
-    /**
-     * Verifies if the given style is applicable to the provided document selection.
-     */
-    _isStyleEnabled(definition, selection) {
-        const model = this.editor.model;
-        // Handle collapsed selection.
-        if (selection.isCollapsed) {
-            return selection.hasAttribute('linkHref');
-        }
-        // Non-collapsed selection.
-        for (const range of selection.getRanges()) {
-            for (const item of range.getItems()) {
-                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-    /**
-     * Returns true if the given style is applied to the specified document selection.
-     */
-    _isStyleActive(definition, selection) {
-        const model = this.editor.model;
-        const attributeName = this._htmlSupport.getGhsAttributeNameForElement(definition.element);
-        // Handle collapsed selection.
-        if (selection.isCollapsed) {
-            if (selection.hasAttribute('linkHref')) {
-                const ghsAttributeValue = selection.getAttribute(attributeName);
-                if (this._styleUtils.hasAllClasses(ghsAttributeValue, definition.classes)) {
-                    return true;
-                }
-            }
-            return false;
-        }
-        // Non-collapsed selection.
-        for (const range of selection.getRanges()) {
-            for (const item of range.getItems()) {
-                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {
-                    const ghsAttributeValue = item.getAttribute(attributeName);
-                    return this._styleUtils.hasAllClasses(ghsAttributeValue, definition.classes);
-                }
-            }
-        }
-        return false;
-    }
-    /**
-     * Returns a selectable that given style should be applied to.
-     */
-    _getAffectedSelectable(definition, selection) {
-        const model = this.editor.model;
-        // Handle collapsed selection.
-        if (selection.isCollapsed) {
-            const linkHref = selection.getAttribute('linkHref');
-            return findAttributeRange(selection.getFirstPosition(), 'linkHref', linkHref, model);
-        }
-        // Non-collapsed selection.
-        const ranges = [];
-        for (const range of selection.getRanges()) {
-            // First expand range to include the whole link.
-            const expandedRange = model.createRange(expandAttributePosition(range.start, 'linkHref', true, model), expandAttributePosition(range.end, 'linkHref', false, model));
-            // Pick only ranges on links.
-            for (const item of expandedRange.getItems()) {
-                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {
-                    ranges.push(this.editor.model.createRangeOn(item));
-                }
-            }
-        }
-        // Make sure that we have a continuous range on a link
-        // (not split between text nodes with mixed attributes like bold etc.)
-        return normalizeRanges(ranges);
-    }
-}
-/**
- * Walks forward or backward (depends on the `lookBack` flag), node by node, as long as they have the same attribute value
- * and returns a position just before or after (depends on the `lookBack` flag) the last matched node.
- */
-function expandAttributePosition(position, attributeName, lookBack, model) {
-    const referenceNode = position.textNode || (lookBack ? position.nodeAfter : position.nodeBefore);
-    if (!referenceNode || !referenceNode.hasAttribute(attributeName)) {
-        return position;
-    }
-    const attributeValue = referenceNode.getAttribute(attributeName);
-    return findAttributeRangeBound(position, attributeName, attributeValue, lookBack, model);
-}
-/**
- * Normalizes list of ranges by joining intersecting or "touching" ranges.
- *
- * Note: It assumes that ranges are sorted.
- */
-function normalizeRanges(ranges) {
-    for (let i = 1; i < ranges.length; i++) {
-        const joinedRange = ranges[i - 1].getJoined(ranges[i]);
-        if (joinedRange) {
-            // Replace the ranges on the list with the new joined range.
-            ranges.splice(--i, 2, joinedRange);
-        }
-    }
-    return ranges;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module style/integrations/link
+ */
+import { Plugin } from 'ckeditor5/src/core';
+import { findAttributeRange, findAttributeRangeBound } from 'ckeditor5/src/typing';
+import StyleUtils from '../styleutils';
+export default class LinkStyleSupport extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'LinkStyleSupport';
+    }
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [StyleUtils, 'GeneralHtmlSupport'];
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        if (!editor.plugins.has('LinkEditing')) {
+            return;
+        }
+        this._styleUtils = editor.plugins.get(StyleUtils);
+        this._htmlSupport = this.editor.plugins.get('GeneralHtmlSupport');
+        this.listenTo(this._styleUtils, 'isStyleEnabledForInlineSelection', (evt, [definition, selection]) => {
+            if (definition.element == 'a') {
+                evt.return = this._isStyleEnabled(definition, selection);
+                evt.stop();
+            }
+        }, { priority: 'high' });
+        this.listenTo(this._styleUtils, 'isStyleActiveForInlineSelection', (evt, [definition, selection]) => {
+            if (definition.element == 'a') {
+                evt.return = this._isStyleActive(definition, selection);
+                evt.stop();
+            }
+        }, { priority: 'high' });
+        this.listenTo(this._styleUtils, 'getAffectedInlineSelectable', (evt, [definition, selection]) => {
+            if (definition.element != 'a') {
+                return;
+            }
+            const selectable = this._getAffectedSelectable(definition, selection);
+            if (selectable) {
+                evt.return = selectable;
+                evt.stop();
+            }
+        }, { priority: 'high' });
+    }
+    /**
+     * Verifies if the given style is applicable to the provided document selection.
+     */
+    _isStyleEnabled(definition, selection) {
+        const model = this.editor.model;
+        // Handle collapsed selection.
+        if (selection.isCollapsed) {
+            return selection.hasAttribute('linkHref');
+        }
+        // Non-collapsed selection.
+        for (const range of selection.getRanges()) {
+            for (const item of range.getItems()) {
+                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    /**
+     * Returns true if the given style is applied to the specified document selection.
+     */
+    _isStyleActive(definition, selection) {
+        const model = this.editor.model;
+        const attributeName = this._htmlSupport.getGhsAttributeNameForElement(definition.element);
+        // Handle collapsed selection.
+        if (selection.isCollapsed) {
+            if (selection.hasAttribute('linkHref')) {
+                const ghsAttributeValue = selection.getAttribute(attributeName);
+                if (this._styleUtils.hasAllClasses(ghsAttributeValue, definition.classes)) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        // Non-collapsed selection.
+        for (const range of selection.getRanges()) {
+            for (const item of range.getItems()) {
+                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {
+                    const ghsAttributeValue = item.getAttribute(attributeName);
+                    return this._styleUtils.hasAllClasses(ghsAttributeValue, definition.classes);
+                }
+            }
+        }
+        return false;
+    }
+    /**
+     * Returns a selectable that given style should be applied to.
+     */
+    _getAffectedSelectable(definition, selection) {
+        const model = this.editor.model;
+        // Handle collapsed selection.
+        if (selection.isCollapsed) {
+            const linkHref = selection.getAttribute('linkHref');
+            return findAttributeRange(selection.getFirstPosition(), 'linkHref', linkHref, model);
+        }
+        // Non-collapsed selection.
+        const ranges = [];
+        for (const range of selection.getRanges()) {
+            // First expand range to include the whole link.
+            const expandedRange = model.createRange(expandAttributePosition(range.start, 'linkHref', true, model), expandAttributePosition(range.end, 'linkHref', false, model));
+            // Pick only ranges on links.
+            for (const item of expandedRange.getItems()) {
+                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {
+                    ranges.push(this.editor.model.createRangeOn(item));
+                }
+            }
+        }
+        // Make sure that we have a continuous range on a link
+        // (not split between text nodes with mixed attributes like bold etc.)
+        return normalizeRanges(ranges);
+    }
+}
+/**
+ * Walks forward or backward (depends on the `lookBack` flag), node by node, as long as they have the same attribute value
+ * and returns a position just before or after (depends on the `lookBack` flag) the last matched node.
+ */
+function expandAttributePosition(position, attributeName, lookBack, model) {
+    const referenceNode = position.textNode || (lookBack ? position.nodeAfter : position.nodeBefore);
+    if (!referenceNode || !referenceNode.hasAttribute(attributeName)) {
+        return position;
+    }
+    const attributeValue = referenceNode.getAttribute(attributeName);
+    return findAttributeRangeBound(position, attributeName, attributeValue, lookBack, model);
+}
+/**
+ * Normalizes list of ranges by joining intersecting or "touching" ranges.
+ *
+ * Note: It assumes that ranges are sorted.
+ */
+function normalizeRanges(ranges) {
+    for (let i = 1; i < ranges.length; i++) {
+        const joinedRange = ranges[i - 1].getJoined(ranges[i]);
+        if (joinedRange) {
+            // Replace the ranges on the list with the new joined range.
+            ranges.splice(--i, 2, joinedRange);
+        }
+    }
+    return ranges;
+}

package/src/integrations/table.d.ts

@@ -1,49 +1,49 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module style/integrations/table
- */
-import { Plugin } from 'ckeditor5/src/core';
-import StyleUtils from '../styleutils';
-export default class TableStyleSupport extends Plugin {
-    private _tableUtils;
-    private _styleUtils;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "TableStyleSupport";
-    /**
-     * @inheritDoc
-     */
-    static get requires(): readonly [typeof StyleUtils];
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-    /**
-     * Checks if this plugin's custom logic should be applied for defintion-block pair.
-     *
-     * @param definition Style definition that is being considered.
-     * @param block Block element to check if should be styled.
-     * @returns True if the defintion-block pair meet the plugin criteria, false otherwise.
-     */
-    private _isApplicable;
-    /**
-     * Checks if the style definition should be applied to selected block.
-     *
-     * @param definition Style definition that is being considered.
-     * @param block Block element to check if should be styled.
-     * @returns True if the block should be style with the style description, false otherwise.
-     */
-    private _isStyleEnabledForBlock;
-    /**
-     * Gets all blocks that the style should be applied to.
-     *
-     * @param definition Style definition that is being considered.
-     * @param block A block element from selection.
-     * @returns An array with the block that was passed as an argument if meets the criteria, null otherwise.
-     */
-    private _getAffectedBlocks;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module style/integrations/table
+ */
+import { Plugin } from 'ckeditor5/src/core';
+import StyleUtils from '../styleutils';
+export default class TableStyleSupport extends Plugin {
+    private _tableUtils;
+    private _styleUtils;
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "TableStyleSupport";
+    /**
+     * @inheritDoc
+     */
+    static get requires(): readonly [typeof StyleUtils];
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+    /**
+     * Checks if this plugin's custom logic should be applied for defintion-block pair.
+     *
+     * @param definition Style definition that is being considered.
+     * @param block Block element to check if should be styled.
+     * @returns True if the defintion-block pair meet the plugin criteria, false otherwise.
+     */
+    private _isApplicable;
+    /**
+     * Checks if the style definition should be applied to selected block.
+     *
+     * @param definition Style definition that is being considered.
+     * @param block Block element to check if should be styled.
+     * @returns True if the block should be style with the style description, false otherwise.
+     */
+    private _isStyleEnabledForBlock;
+    /**
+     * Gets all blocks that the style should be applied to.
+     *
+     * @param definition Style definition that is being considered.
+     * @param block A block element from selection.
+     * @returns An array with the block that was passed as an argument if meets the criteria, null otherwise.
+     */
+    private _getAffectedBlocks;
+}

package/src/integrations/table.js

@@ -1,115 +1,115 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module style/integrations/table
- */
-import { Plugin } from 'ckeditor5/src/core';
-import StyleUtils from '../styleutils';
-export default class TableStyleSupport extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'TableStyleSupport';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [StyleUtils];
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        if (!editor.plugins.has('TableEditing')) {
-            return;
-        }
-        this._styleUtils = editor.plugins.get(StyleUtils);
-        this._tableUtils = this.editor.plugins.get('TableUtils');
-        this.listenTo(this._styleUtils, 'isStyleEnabledForBlock', (evt, [definition, block]) => {
-            if (this._isApplicable(definition, block)) {
-                evt.return = this._isStyleEnabledForBlock(definition, block);
-                evt.stop();
-            }
-        }, { priority: 'high' });
-        this.listenTo(this._styleUtils, 'getAffectedBlocks', (evt, [definition, block]) => {
-            if (this._isApplicable(definition, block)) {
-                evt.return = this._getAffectedBlocks(definition, block);
-                evt.stop();
-            }
-        }, { priority: 'high' });
-        this.listenTo(this._styleUtils, 'configureGHSDataFilter', (evt, [{ block }]) => {
-            const ghsDataFilter = this.editor.plugins.get('DataFilter');
-            ghsDataFilter.loadAllowedConfig(block
-                .filter(definition => definition.element == 'figcaption')
-                .map(definition => ({ name: 'caption', classes: definition.classes })));
-        });
-    }
-    /**
-     * Checks if this plugin's custom logic should be applied for defintion-block pair.
-     *
-     * @param definition Style definition that is being considered.
-     * @param block Block element to check if should be styled.
-     * @returns True if the defintion-block pair meet the plugin criteria, false otherwise.
-     */
-    _isApplicable(definition, block) {
-        if (['td', 'th'].includes(definition.element)) {
-            return block.name == 'tableCell';
-        }
-        if (['thead', 'tbody'].includes(definition.element)) {
-            return block.name == 'table';
-        }
-        return false;
-    }
-    /**
-     * Checks if the style definition should be applied to selected block.
-     *
-     * @param definition Style definition that is being considered.
-     * @param block Block element to check if should be styled.
-     * @returns True if the block should be style with the style description, false otherwise.
-     */
-    _isStyleEnabledForBlock(definition, block) {
-        if (['td', 'th'].includes(definition.element)) {
-            const location = this._tableUtils.getCellLocation(block);
-            const tableRow = block.parent;
-            const table = tableRow.parent;
-            const headingRows = table.getAttribute('headingRows') || 0;
-            const headingColumns = table.getAttribute('headingColumns') || 0;
-            const isHeadingCell = location.row < headingRows || location.column < headingColumns;
-            if (definition.element == 'th') {
-                return isHeadingCell;
-            }
-            else {
-                return !isHeadingCell;
-            }
-        }
-        if (['thead', 'tbody'].includes(definition.element)) {
-            const headingRows = block.getAttribute('headingRows') || 0;
-            if (definition.element == 'thead') {
-                return headingRows > 0;
-            }
-            else {
-                return headingRows < this._tableUtils.getRows(block);
-            }
-        }
-        /* istanbul ignore next -- @preserve */
-        return false;
-    }
-    /**
-     * Gets all blocks that the style should be applied to.
-     *
-     * @param definition Style definition that is being considered.
-     * @param block A block element from selection.
-     * @returns An array with the block that was passed as an argument if meets the criteria, null otherwise.
-     */
-    _getAffectedBlocks(definition, block) {
-        if (!this._isStyleEnabledForBlock(definition, block)) {
-            return null;
-        }
-        return [block];
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module style/integrations/table
+ */
+import { Plugin } from 'ckeditor5/src/core';
+import StyleUtils from '../styleutils';
+export default class TableStyleSupport extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'TableStyleSupport';
+    }
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [StyleUtils];
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        if (!editor.plugins.has('TableEditing')) {
+            return;
+        }
+        this._styleUtils = editor.plugins.get(StyleUtils);
+        this._tableUtils = this.editor.plugins.get('TableUtils');
+        this.listenTo(this._styleUtils, 'isStyleEnabledForBlock', (evt, [definition, block]) => {
+            if (this._isApplicable(definition, block)) {
+                evt.return = this._isStyleEnabledForBlock(definition, block);
+                evt.stop();
+            }
+        }, { priority: 'high' });
+        this.listenTo(this._styleUtils, 'getAffectedBlocks', (evt, [definition, block]) => {
+            if (this._isApplicable(definition, block)) {
+                evt.return = this._getAffectedBlocks(definition, block);
+                evt.stop();
+            }
+        }, { priority: 'high' });
+        this.listenTo(this._styleUtils, 'configureGHSDataFilter', (evt, [{ block }]) => {
+            const ghsDataFilter = this.editor.plugins.get('DataFilter');
+            ghsDataFilter.loadAllowedConfig(block
+                .filter(definition => definition.element == 'figcaption')
+                .map(definition => ({ name: 'caption', classes: definition.classes })));
+        });
+    }
+    /**
+     * Checks if this plugin's custom logic should be applied for defintion-block pair.
+     *
+     * @param definition Style definition that is being considered.
+     * @param block Block element to check if should be styled.
+     * @returns True if the defintion-block pair meet the plugin criteria, false otherwise.
+     */
+    _isApplicable(definition, block) {
+        if (['td', 'th'].includes(definition.element)) {
+            return block.name == 'tableCell';
+        }
+        if (['thead', 'tbody'].includes(definition.element)) {
+            return block.name == 'table';
+        }
+        return false;
+    }
+    /**
+     * Checks if the style definition should be applied to selected block.
+     *
+     * @param definition Style definition that is being considered.
+     * @param block Block element to check if should be styled.
+     * @returns True if the block should be style with the style description, false otherwise.
+     */
+    _isStyleEnabledForBlock(definition, block) {
+        if (['td', 'th'].includes(definition.element)) {
+            const location = this._tableUtils.getCellLocation(block);
+            const tableRow = block.parent;
+            const table = tableRow.parent;
+            const headingRows = table.getAttribute('headingRows') || 0;
+            const headingColumns = table.getAttribute('headingColumns') || 0;
+            const isHeadingCell = location.row < headingRows || location.column < headingColumns;
+            if (definition.element == 'th') {
+                return isHeadingCell;
+            }
+            else {
+                return !isHeadingCell;
+            }
+        }
+        if (['thead', 'tbody'].includes(definition.element)) {
+            const headingRows = block.getAttribute('headingRows') || 0;
+            if (definition.element == 'thead') {
+                return headingRows > 0;
+            }
+            else {
+                return headingRows < this._tableUtils.getRows(block);
+            }
+        }
+        /* istanbul ignore next -- @preserve */
+        return false;
+    }
+    /**
+     * Gets all blocks that the style should be applied to.
+     *
+     * @param definition Style definition that is being considered.
+     * @param block A block element from selection.
+     * @returns An array with the block that was passed as an argument if meets the criteria, null otherwise.
+     */
+    _getAffectedBlocks(definition, block) {
+        if (!this._isStyleEnabledForBlock(definition, block)) {
+            return null;
+        }
+        return [block];
+    }
+}