@progress/kendo-angular-editor 21.4.1 → 22.0.0-develop.1

package/esm2022/tools/tools.service.mjs

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, NgZone } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class EditorToolsService {
-    zone;
-    needsCheck = new Subject();
-    constructor(zone) {
-        this.zone = zone;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorToolsService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorToolsService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorToolsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }] });

package/esm2022/tools/typographical-emphasis/editor-bold-button.directive.mjs

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { EditorCommandButton } from '../shared/editor-command-button';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { ProviderService } from '../../common/provider.service';
-import { EditorToolsService } from '../tools.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../../localization/editor-localization.service";
-import * as i3 from "../../common/provider.service";
-import * as i4 from "../tools.service";
-/**
- * Configures a ToolBarButtonComponent as an Editor **Bold** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * This directive sets the SVG icon and `click` event handlers for the button.
- * The directive also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorBoldButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('bold', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorBoldButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorBoldButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorBoldButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorBoldButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorBoldButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/typographical-emphasis/editor-italic-button.directive.mjs

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { EditorCommandButton } from '../shared/editor-command-button';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { ProviderService } from '../../common/provider.service';
-import { EditorToolsService } from '../tools.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../../localization/editor-localization.service";
-import * as i3 from "../../common/provider.service";
-import * as i4 from "../tools.service";
-/**
- * Configures a ToolBarButtonComponent as an Editor **Italic** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * This directive sets the SVG icon and `click` event handlers for the button.
- * The directive also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorItalicButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('italic', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorItalicButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorItalicButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorItalicButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorItalicButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorItalicButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/typographical-emphasis/editor-strikethrough-button.directive.mjs

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { EditorCommandButton } from '../shared/editor-command-button';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { ProviderService } from '../../common/provider.service';
-import { EditorToolsService } from '../tools.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../../localization/editor-localization.service";
-import * as i3 from "../../common/provider.service";
-import * as i4 from "../tools.service";
-/**
- * Configures a ToolBarButtonComponent as an Editor **Strikethrough** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * This directive sets the SVG icon and `click` event handlers for the button.
- * The directive also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorStrikethroughButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('strikethrough', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorStrikethroughButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorStrikethroughButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorStrikethroughButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorStrikethroughButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorStrikethroughButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/typographical-emphasis/editor-subscript-button.directive.mjs

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { EditorCommandButton } from '../shared/editor-command-button';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { ProviderService } from '../../common/provider.service';
-import { EditorToolsService } from '../tools.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../../localization/editor-localization.service";
-import * as i3 from "../../common/provider.service";
-import * as i4 from "../tools.service";
-/**
- * Configures a ToolBarButtonComponent as an Editor **Subscript** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * This directive sets the SVG icon and `click` event handlers for the button.
- * The directive also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorSubscriptButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('subscript', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorSubscriptButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorSubscriptButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSubscriptButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorSubscriptButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorSubscriptButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/typographical-emphasis/editor-superscript-button.directive.mjs

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { EditorCommandButton } from '../shared/editor-command-button';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { ProviderService } from '../../common/provider.service';
-import { EditorToolsService } from '../tools.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../../localization/editor-localization.service";
-import * as i3 from "../../common/provider.service";
-import * as i4 from "../tools.service";
-/**
- * Configures a ToolBarButtonComponent as an Editor **Superscript** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * This directive sets the SVG icon and `click` event handlers for the button.
- * The directive also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorSuperscriptButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('superscript', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorSuperscriptButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorSuperscriptButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSuperscriptButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorSuperscriptButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorSuperscriptButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/typographical-emphasis/editor-underline-button.directive.mjs

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { EditorCommandButton } from '../shared/editor-command-button';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { ProviderService } from '../../common/provider.service';
-import { EditorToolsService } from '../tools.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../../localization/editor-localization.service";
-import * as i3 from "../../common/provider.service";
-import * as i4 from "../tools.service";
-/**
- * Configures a ToolBarButtonComponent as an Editor **Underline** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * This directive sets the SVG icon and `click` event handlers for the button.
- * The directive also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorUnderlineButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('underline', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorUnderlineButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorUnderlineButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorUnderlineButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorUnderlineButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/util.mjs

@@ -1,130 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { getSelectionText as commonGetSelectionText } from '@progress/kendo-editor-common';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-/**
- * @hidden
- */
-export function outerWidth(element) {
-    if (!isDocumentAvailable()) {
-        return element.offsetWidth || 0;
-    }
-    let width = element.offsetWidth;
-    const style = getComputedStyle(element);
-    width += parseFloat(style.marginLeft) || 0 + parseFloat(style.marginRight) || 0;
-    return width;
-}
-/**
- * @hidden
- */
-export const removeEntries = (obj, predicate) => Object.keys(obj)
-    .filter(key => predicate(key))
-    .reduce((acc, curr) => Object.assign(acc, { [curr]: obj[curr] }), {});
-/**
- * @hidden
- */
-export const removeEmptyEntries = (obj) => {
-    const predicate = key => obj[key] !== null && obj[key] !== undefined && obj[key] !== '';
-    return removeEntries(obj, predicate);
-};
-/**
- * @hidden
- */
-export const isEmpty = (obj) => Object.keys(obj).length === 0;
-/**
- * @hidden
- */
-export const isNullOrUndefined = (value) => value === undefined || value === null;
-/**
- * @hidden
- */
-export const isPresent = (value) => !isNullOrUndefined(value);
-/**
- * @hidden
- */
-export const safeString = (value) => (isNullOrUndefined(value) ? '' : value.toString());
-/**
- * @hidden
- */
-export const first = (arr) => arr[0];
-/**
- * @hidden
- */
-export const last = (arr) => arr[arr.length - 1];
-/**
- * @hidden
- */
-export const unique = (arr) => Array.from(new Set(arr));
-/**
- * @hidden
- */
-export const split = (splitter) => (value) => value.split(splitter);
-/**
- * @hidden
- */
-export const trim = (value) => value.trim();
-/**
- * @hidden
- */
-export const filter = (predicate) => (arr) => arr.filter(predicate);
-/**
- * @hidden
- */
-export const toArray = (x) => (x instanceof Array ? x : [x]);
-/**
- * @hidden
- */
-export const getUniqueStyleValues = (style, cssStyle) => {
-    if (style.hasNodesWithoutMarks) {
-        return '';
-    }
-    const uniqueMarkValues = style.marks
-        .filter(m => m.type.name === 'style')
-        .map(m => m.attrs['style'])
-        .map(safeString)
-        .map(split(';'))
-        .map(filter((m) => m.includes(cssStyle)))
-        // guards against empty array
-        .map((cssStyleValues) => (cssStyleValues.length !== 0 ? cssStyleValues : [`${cssStyle}: INVALID`]))
-        .map(first)
-        .map(split(':'))
-        .map(last)
-        .map(trim)
-        .reduce((acc, curr) => (acc.indexOf(curr) > -1 ? acc : [...acc, curr]), []);
-    if (uniqueMarkValues.indexOf('INVALID') > -1 || uniqueMarkValues.length !== 1) {
-        return '';
-    }
-    return uniqueMarkValues[0];
-};
-/**
- * @hidden
- */
-export const conditionallyExecute = (fn) => (condition) => (param) => (condition ? fn(param) : param);
-// This re-declaration is necessary for proper API generation
-/**
- * Extracts the text from the current editor state's selection ([see example]({% slug plugins_editor %}#toc-popup-tools)).
- *
- * @example
- * ```ts
- * import { getSelectionText } from '@progress/kendo-angular-editor';
- *
- * export class AppComponent {
- *     @ViewChild('editor') public editor;
- *     public onClick() {
- *         const selection = getSelectionText(this.editor.view.state);
- *     }
- * }
- * ```
- * @param state The current `EditorState`.
- * @returns The selected text.
- */
-export const getSelectionText = (state) => commonGetSelectionText(state);
-/**
- * @hidden
- */
-export const replaceMessagePlaceholder = (message, replacements) => {
-    replacements.forEach((replacement) => message = message.replace(new RegExp(`{\\s*${replacement.placeholder}\\s*}`, 'g'), replacement.value));
-    return message;
-};