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

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

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

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

package/esm2022/tools/tables/editor-insert-table-button.component.mjs

@@ -1,307 +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 { Component, TemplateRef, ViewChild, ElementRef, forwardRef, EventEmitter, Renderer2 } from '@angular/core';
-import { interval } from 'rxjs';
-import { concatMap, take, takeUntil } from 'rxjs/operators';
-import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { DialogService } from '@progress/kendo-angular-dialog';
-import { tableAddIcon } from '@progress/kendo-svg-icons';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import { outerWidth } from '../../util';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { InsertTableDialogComponent } from '../../dialogs/insert-table-dialog.component';
-import { isPresent, Keys } from '@progress/kendo-angular-common';
-import { ProviderService } from '../../common/provider.service';
-import { PopupTableGridComponent } from './popup-table-grid.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../../localization/editor-localization.service";
-import * as i2 from "@progress/kendo-angular-popup";
-import * as i3 from "@progress/kendo-angular-dialog";
-import * as i4 from "../../common/provider.service";
-const popupWrapperWidth = '190px';
-const popupWrapperHeight = '164px'; // Set to '192px' when TableWizard button is added;
-/**
- * Represents toolbar component which allows creating and insertig a table in the Editor's content.
- *
- * Use this toolbar component to let users create and insert a table in the Editor's content.
- *
- * @example
- * ```html
- * <kendo-editor>
- *   <kendo-toolbar>
- *      <kendo-editor-insert-table-button></kendo-editor-insert-table-button>
- *   </kendo-toolbar>
- * </kendo-editor>
- * ```
- */
-export class EditorInsertTableButtonComponent extends ToolBarToolComponent {
-    localization;
-    popupService;
-    dialogService;
-    renderer;
-    element;
-    overflowElement;
-    popupGridTemplate;
-    /**
-     * @hidden
-     */
-    popupRef;
-    /**
-     * @hidden
-     */
-    disabled;
-    addTableSVGIcon = tableAddIcon;
-    open = false;
-    buttonBlurred = new EventEmitter();
-    cellClicked = new EventEmitter();
-    subs;
-    editor;
-    constructor(localization, popupService, dialogService, providerService, renderer) {
-        super();
-        this.localization = localization;
-        this.popupService = popupService;
-        this.dialogService = dialogService;
-        this.renderer = renderer;
-        this.editor = providerService.editor;
-        this.subs = this.editor.stateChange.subscribe(({ insertTable }) => {
-            this.disabled = insertTable.disabled;
-        });
-        this.subs.add(this.buttonBlurred.pipe(concatMap(() => interval(200).pipe(take(1), takeUntil(this.cellClicked)))).subscribe(() => {
-            this.toggle(false);
-        }));
-        this.isBuiltInTool = true;
-    }
-    ngOnDestroy() {
-        this.destroyPopup();
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    }
-    get outerWidth() {
-        if (this.element) {
-            return outerWidth(this.element.nativeElement);
-        }
-    }
-    get title() {
-        return this.localization.get('insertTable');
-    }
-    /**
-     * @hidden
-     */
-    toggle(open) {
-        this.open = open === undefined ? !this.open : open;
-        this.destroyPopup();
-        if (this.open) {
-            this.createPopup();
-        }
-    }
-    /**
-     * @hidden
-     */
-    openDialog() {
-        const dialogSettings = {
-            appendTo: this.editor.dialogContainer,
-            content: InsertTableDialogComponent,
-            width: 400
-        };
-        this.editor.toolbar.toggle(false);
-        const dialogContent = this.dialogService.open(dialogSettings).content.instance;
-        this.renderer.addClass(dialogContent.dialog.dialog.instance.wrapper.nativeElement.querySelector('.k-window'), 'k-editor-window');
-        dialogContent.setData({
-            editor: this.editor
-        });
-    }
-    /**
-     * @hidden
-     */
-    onBlur() {
-        this.tabIndex = -1;
-        this.buttonBlurred.emit();
-    }
-    /**
-     * @hidden
-     */
-    onCellClick(args) {
-        this.cellClicked.emit();
-        this.toggle(false);
-        this.editor.exec('insertTable', args);
-    }
-    /**
-     * @hidden
-     */
-    canFocus() {
-        return !this.disabled;
-    }
-    /**
-     * @hidden
-     */
-    focus() {
-        const buttonElement = this.getButton();
-        if (isPresent(buttonElement)) {
-            this.tabIndex = 0;
-            buttonElement.focus();
-        }
-    }
-    /**
-     * @hidden
-     */
-    handleKey(ev) {
-        if (ev.code === Keys.Space || ev.code === Keys.Enter || ev.code === Keys.NumpadEnter) {
-            return true;
-        }
-        this.tabIndex = -1;
-        return false;
-    }
-    createPopup() {
-        const horizontalAlign = this.editor.direction === 'rtl' ? 'right' : 'left';
-        const anchorPosition = { horizontal: horizontalAlign, vertical: 'bottom' };
-        const popupPosition = { horizontal: horizontalAlign, vertical: 'top' };
-        this.popupRef = this.popupService.open({
-            anchor: this.element,
-            anchorAlign: anchorPosition,
-            animate: true,
-            content: this.popupGridTemplate,
-            popupAlign: popupPosition,
-            popupClass: 'k-ct-popup k-group k-reset k-state-border-up',
-            positionMode: 'absolute'
-        });
-        const popupWrapper = this.popupRef.popupElement;
-        popupWrapper.style.width = popupWrapperWidth;
-        popupWrapper.style.height = popupWrapperHeight;
-        popupWrapper.setAttribute('dir', this.editor.direction);
-    }
-    destroyPopup() {
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-        }
-    }
-    getButton() {
-        return (this.overflows ? this.overflowElement : this.element)?.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorInsertTableButtonComponent, deps: [{ token: i1.EditorLocalizationService }, { token: i2.PopupService }, { token: i3.DialogService }, { token: i4.ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EditorInsertTableButtonComponent, isStandalone: true, selector: "kendo-editor-insert-table-button", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorInsertTableButtonComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef }, { propertyName: "overflowElement", first: true, predicate: ["overflowElement"], descendants: true, read: ElementRef }, { propertyName: "popupGridTemplate", first: true, predicate: ["popupGridTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #toolbarTemplate>
-          <button
-            type="button"
-            kendoButton
-            class="k-toolbar-button"
-            #element
-            [attr.title]="title"
-            [attr.tabindex]="tabIndex"
-            icon="table-add"
-            [svgIcon]="addTableSVGIcon"
-            [disabled]="disabled"
-            (click)="toggle()"
-            (blur)="onBlur()"
-          ></button>
-        </ng-template>
-        <ng-template #popupTemplate>
-          <div #overflowElement
-            role="menuitem"
-            class="k-item k-menu-item"
-            [class.k-disabled]="disabled"
-            [attr.tabindex]="tabIndex"
-            (click)="openDialog()">
-            <span
-              class="k-link k-menu-link">
-              <kendo-icon-wrapper name="table-add" [svgIcon]="addTableSVGIcon"></kendo-icon-wrapper>
-              @if (title) {
-                <span class="k-menu-link-text">{{title}}</span>
-              }
-            </span>
-          </div>
-        </ng-template>
-        <ng-template #popupGridTemplate>
-          <kendo-popup-table-grid (cellClick)="onCellClick($event)"></kendo-popup-table-grid>
-        </ng-template>
-        <ng-template #sectionTemplate>
-          <button
-            type="button"
-            kendoButton
-            class="k-toolbar-button"
-            #element
-            [attr.title]="title"
-            [attr.tabindex]="tabIndex"
-            icon="table-add"
-            [svgIcon]="addTableSVGIcon"
-            [disabled]="disabled"
-            (click)="toggle()"
-            (blur)="onBlur()"
-          ></button>
-        </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorInsertTableButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorInsertTableButtonComponent) }],
-                    selector: 'kendo-editor-insert-table-button',
-                    template: `
-        <ng-template #toolbarTemplate>
-          <button
-            type="button"
-            kendoButton
-            class="k-toolbar-button"
-            #element
-            [attr.title]="title"
-            [attr.tabindex]="tabIndex"
-            icon="table-add"
-            [svgIcon]="addTableSVGIcon"
-            [disabled]="disabled"
-            (click)="toggle()"
-            (blur)="onBlur()"
-          ></button>
-        </ng-template>
-        <ng-template #popupTemplate>
-          <div #overflowElement
-            role="menuitem"
-            class="k-item k-menu-item"
-            [class.k-disabled]="disabled"
-            [attr.tabindex]="tabIndex"
-            (click)="openDialog()">
-            <span
-              class="k-link k-menu-link">
-              <kendo-icon-wrapper name="table-add" [svgIcon]="addTableSVGIcon"></kendo-icon-wrapper>
-              @if (title) {
-                <span class="k-menu-link-text">{{title}}</span>
-              }
-            </span>
-          </div>
-        </ng-template>
-        <ng-template #popupGridTemplate>
-          <kendo-popup-table-grid (cellClick)="onCellClick($event)"></kendo-popup-table-grid>
-        </ng-template>
-        <ng-template #sectionTemplate>
-          <button
-            type="button"
-            kendoButton
-            class="k-toolbar-button"
-            #element
-            [attr.title]="title"
-            [attr.tabindex]="tabIndex"
-            icon="table-add"
-            [svgIcon]="addTableSVGIcon"
-            [disabled]="disabled"
-            (click)="toggle()"
-            (blur)="onBlur()"
-          ></button>
-        </ng-template>
-        `,
-                    standalone: true,
-                    imports: [ButtonComponent, IconWrapperComponent, PopupTableGridComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.EditorLocalizationService }, { type: i2.PopupService }, { type: i3.DialogService }, { type: i4.ProviderService }, { type: i0.Renderer2 }], propDecorators: { element: [{
-                type: ViewChild,
-                args: ['element', { read: ElementRef }]
-            }], overflowElement: [{
-                type: ViewChild,
-                args: ['overflowElement', { read: ElementRef }]
-            }], popupGridTemplate: [{
-                type: ViewChild,
-                args: ['popupGridTemplate', { static: true }]
-            }] } });

package/esm2022/tools/tables/editor-merge-cells-button.directive.mjs

@@ -1,44 +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";
-/**
- * @hidden
- *
- * Configures an existing ToolBarButtonComponent as an Editor **MergeCells** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive predefines the `icon` and `click` event handlers of the button.
- * It also updates the `disabled` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorMergeCellsButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorMergeCellsButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('mergeCells', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorMergeCellsButtonDirective, 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: EditorMergeCellsButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorMergeCellsButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorMergeCellsButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorMergeCellsButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/tables/editor-split-cell-button.directive.mjs

@@ -1,44 +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";
-/**
- * @hidden
- *
- * Configures an existing ToolBarButtonComponent as an Editor SplitCell tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive predefines the `icon` and `click` event handlers of the button.
- * It also updates the `disabled` state of the button based on the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorSplitCellButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorSplitCellButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('splitCell', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorSplitCellButtonDirective, 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: EditorSplitCellButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSplitCellButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorSplitCellButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorSplitCellButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/tables/popup-table-grid.component.mjs

@@ -1,117 +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 { Component, Output, EventEmitter } from '@angular/core';
-import { tableWizardIcon } from '@progress/kendo-svg-icons';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { replaceMessagePlaceholder } from '../../util';
-import * as i0 from "@angular/core";
-import * as i1 from "../../localization/editor-localization.service";
-/**
- * @hidden
- */
-export class PopupTableGridComponent {
-    localization;
-    cellClick = new EventEmitter();
-    tableWizardClick = new EventEmitter();
-    tableWizardIcon = tableWizardIcon;
-    state = { rows: -1, cols: -1 };
-    rows = 6;
-    cols = 8;
-    constructor(localization) {
-        this.localization = localization;
-    }
-    get message() {
-        const { rows, cols } = this.state;
-        const localizationMsg = this.localization.get('insertTableHint') || '';
-        const rowReplacement = rows > -1 ? (rows + 1).toString() : '';
-        const colReplacement = cols > -1 ? (cols + 1).toString() : '';
-        const xReplacement = cols > -1 ? 'x' : '';
-        return replaceMessagePlaceholder(localizationMsg, [
-            { placeholder: 'rows', value: rowReplacement },
-            { placeholder: 'columns', value: colReplacement },
-            { placeholder: 'x', value: xReplacement }
-        ]);
-    }
-    get cells() {
-        return Array.from(Array(this.rows * this.cols).keys());
-    }
-    selected(index) {
-        const { rows, cols } = this.state;
-        const cellRow = Math.floor(index / this.cols);
-        const cellCol = index % this.cols;
-        return cellRow <= rows && cellCol <= cols;
-    }
-    setState(index) {
-        const rows = Math.floor(index / this.cols);
-        const cols = index % this.cols;
-        this.state = { rows: rows, cols: cols };
-    }
-    resetState() {
-        this.state = { rows: -1, cols: -1 };
-    }
-    insertTable() {
-        this.cellClick.emit(this.state);
-    }
-    openTableWizard() {
-        this.tableWizardClick.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupTableGridComponent, deps: [{ token: i1.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PopupTableGridComponent, isStandalone: true, selector: "kendo-popup-table-grid", outputs: { cellClick: "cellClick", tableWizardClick: "tableWizardClick" }, ngImport: i0, template: `
-        <div
-          [style.border-color]="'inherit'"
-          class="k-ct-popup"
-          (mouseleave)="resetState()"
-          (click)="insertTable()">
-          @for (i of cells; track i) {
-            <span
-              class="k-ct-cell"
-              [class.k-selected]="selected(i)"
-              [class.k-disabled]="!selected(i)"
-              (mouseenter)="setState(i)">
-            </span>
-          }
-        </div>
-        <div class="k-status" unselectable="on">{{ message }}</div>
-        <!-- uncomment when TableWizard is completed
-        <div class="k-editor-toolbar" unselectable="on">
-          <button type="button" kendoButton class="k-tool" [icon]="'table-wizard'" [svgIcon]="tableWizardIcon" (click)="openTableWizard()" title="Table Wizard">Table Wizard</button>
-        </div>
-        -->
-        `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupTableGridComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-popup-table-grid',
-                    template: `
-        <div
-          [style.border-color]="'inherit'"
-          class="k-ct-popup"
-          (mouseleave)="resetState()"
-          (click)="insertTable()">
-          @for (i of cells; track i) {
-            <span
-              class="k-ct-cell"
-              [class.k-selected]="selected(i)"
-              [class.k-disabled]="!selected(i)"
-              (mouseenter)="setState(i)">
-            </span>
-          }
-        </div>
-        <div class="k-status" unselectable="on">{{ message }}</div>
-        <!-- uncomment when TableWizard is completed
-        <div class="k-editor-toolbar" unselectable="on">
-          <button type="button" kendoButton class="k-tool" [icon]="'table-wizard'" [svgIcon]="tableWizardIcon" (click)="openTableWizard()" title="Table Wizard">Table Wizard</button>
-        </div>
-        -->
-        `,
-                    standalone: true,
-                    imports: []
-                }]
-        }], ctorParameters: () => [{ type: i1.EditorLocalizationService }], propDecorators: { cellClick: [{
-                type: Output
-            }], tableWizardClick: [{
-                type: Output
-            }] } });