@progress/kendo-angular-editor 21.4.1 → 22.0.0

package/esm2022/preventable-events/paste-event.mjs

@@ -1,32 +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 { PreventableEvent } from "./preventable-event";
-/**
- * Fires when the Editor [`paste`]({% slug api_editor_editorcomponent %}#toc-paste) event occurs.
- */
-export class EditorPasteEvent extends PreventableEvent {
-    /**
-     * Contains the HTML content cleaned according to the [`PasteCleanupSettings`]({% slug paste_cleanup %}).
-     */
-    cleanedHtml;
-    /**
-     * Contains the raw pasted content.
-     */
-    originalHtml;
-    /**
-     * Contains the original DOM event.
-     */
-    originalEvent;
-    /**
-     * Constructs the event arguments for the `paste` event.
-     * @hidden
-     */
-    constructor(cleanedHtml, originalHtml, originalEvent) {
-        super();
-        this.cleanedHtml = cleanedHtml;
-        this.originalHtml = originalHtml;
-        this.originalEvent = originalEvent;
-    }
-}

package/esm2022/preventable-events/preventable-event.mjs

@@ -1,25 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export class PreventableEvent {
-    prevented = false;
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses the built-in behavior that follows the event.
-     */
-    preventDefault() {
-        this.prevented = true;
-    }
-    /**
-     * If the event is prevented by any of its subscribers, returns `true`.
-     *
-     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    isDefaultPrevented() {
-        return this.prevented;
-    }
-}

package/esm2022/progress-kendo-angular-editor.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/tools/alignment/editor-align-center-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";
-/**
- * Use this directive to turn a ToolBarButtonComponent into an Editor **AlignCenter** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive sets the SVG icon and `click` event handlers for the button.
- * It also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorAlignCenterButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignCenter', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorAlignCenterButtonDirective, 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: EditorAlignCenterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorAlignCenterButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAlignCenterButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/alignment/editor-align-justify-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";
-/**
- * Use this directive to turn a ToolBarButtonComponent into an Editor **AlignJustify** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive sets the SVG icon and `click` event handlers for the button.
- * It also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorAlignJustifyButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignJustify', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorAlignJustifyButtonDirective, 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: EditorAlignJustifyButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorAlignJustifyButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAlignJustifyButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/alignment/editor-align-left-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";
-/**
- * Use this directive to turn a ToolBarButtonComponent into an Editor **AlignLeft** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive sets the SVG icon and `click` event handlers for the button.
- * It also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorAlignLeftButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignLeft', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorAlignLeftButtonDirective, 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: EditorAlignLeftButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorAlignLeftButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAlignLeftButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/alignment/editor-align-right-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";
-/**
- * Use this directive to turn a ToolBarButtonComponent into an Editor **AlignRight** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive sets the SVG icon and `click` event handlers for the button.
- * It also updates the `selected` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorAlignRightButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignRight', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorAlignRightButtonDirective, 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: EditorAlignRightButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorAlignRightButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAlignRightButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/blockquote/editor-blockquote-button.directive.mjs

@@ -1,40 +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 { EditorToolsService } from '../tools.service';
-import { ProviderService } from '../../common/provider.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 **Blockquote** tool ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive predefines the SVG icon and `click` event handlers of the button.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorBlockquoteDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('blockquote', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorBlockquoteDirective, 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: EditorBlockquoteDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorBlockquoteButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorBlockquoteDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/colorpicker/editor-back-color.directive.mjs

@@ -1,41 +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 { EditorColorPickerComponent } from './editor-colorpicker.component';
-import { commandIcons, commandSVGIcons } from '../../config/command-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "./editor-colorpicker.component";
-/**
- * Configures an EditorColorPickerComponent for manipulating the background color of the text ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- *
- * @example
- * ```html
- * <kendo-editor>
- *  <kendo-toolbar>
- *     <kendo-toolbar-colorpicker kendoEditorBackColor view="gradient"></kendo-toolbar-colorpicker>
- *   </kendo-toolbar>
- * </kendo-editor>
- * ```
- * @remarks
- * Applied to: {@link EditorColorPickerComponent}
- */
-export class EditorBackColorDirective {
-    colorPicker;
-    constructor(colorPicker) {
-        this.colorPicker = colorPicker;
-        this.colorPicker.icon = commandIcons.backColor;
-        this.colorPicker.svgIcon = commandSVGIcons.backColor;
-        this.colorPicker.editorCommand = 'backColor';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorBackColorDirective, deps: [{ token: i1.EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorBackColorDirective, isStandalone: true, selector: "[kendoEditorBackColor]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorBackColorDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoEditorBackColor]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.EditorColorPickerComponent }] });