@progress/kendo-angular-editor 16.5.0 → 16.6.0-develop.1

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

@@ -3,36 +3,30 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Injectable, Inject, Optional, Component, Input, ViewChild, InjectionToken, Directive, forwardRef, EventEmitter, Output, ElementRef, isDevMode, ViewContainerRef, HostBinding, ContentChild, NgModule } from '@angular/core';
-import * as i4 from '@angular/forms';
-import { FormControl, Validators, FormGroup, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Injectable, Inject, Optional, Component, Input, ViewChild, InjectionToken, Directive, EventEmitter, Output, forwardRef, ElementRef, isDevMode, ViewContainerRef, HostBinding, ContentChild, NgModule } from '@angular/core';
+import { NgIf, NgSwitch, NgSwitchCase, NgSwitchDefault, NgStyle, NgFor } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormControl, Validators, FormGroup, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { Subject, BehaviorSubject, zip, fromEvent, interval } from 'rxjs';
 import { take, map, filter as filter$1, concatMap, takeUntil } from 'rxjs/operators';
 import * as i1$2 from '@progress/kendo-angular-toolbar';
-import { ToolBarToolComponent, ToolBarComponent, ToolBarModule } from '@progress/kendo-angular-toolbar';
-import * as i7$1 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, guid, shouldShowValidationUI, hasObservers, KendoInput, isPresent as isPresent$1, Keys, WatermarkModule } from '@progress/kendo-angular-common';
+import { ToolBarToolComponent, ToolBarComponent, ToolBarButtonGroupComponent, ToolBarButtonComponent, KENDO_TOOLBAR } from '@progress/kendo-angular-toolbar';
+import { isDocumentAvailable, guid, shouldShowValidationUI, hasObservers, KendoInput, WatermarkOverlayComponent, isPresent as isPresent$1, Keys, ResizeBatchService } from '@progress/kendo-angular-common';
 import { marks as marks$1, nodes as nodes$1, Schema, createTable, insertNode, alignBlocks, alignRemoveRules, expandToWordWrap, toggleInlineFormat, bold, cleanFormatting, applyLink, applyInlineStyle, insertText, italic, strikethrough, subscript, superscript, underline, removeLink, link, selectAll, isAligned, alignCenterRules, alignJustifyRules, alignLeftRules, alignRightRules, formatBlockElements, getHtml, indent, insertImage, toggleOrderedList, toggleUnorderedList, outdent, redo, setHtml, undo, blockquote, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell, deleteTable, hasMark, activeNode, canIndentAsListItem, canBeIndented, indentRules, hasNode, canOutdentAsListItem, outdentRules, isIndented, getActiveMarks, expandSelection, getSelectionText as getSelectionText$1, getNodeFromSelection, getMark, removeComments, sanitize, removeAttribute, sanitizeStyleAttr, sanitizeClassAttr, pasteCleanup, parseContent, AllSelection, TextSelection, Plugin, PluginKey, history, keymap, buildListKeymap, buildKeymap, baseKeymap, gapCursor, imageResizing, tableResizing, tableEditing, caretColor, cspFix, placeholder, EditorState, EditorView } from '@progress/kendo-editor-common';
 export { Decoration, DecorationSet, EditorState, EditorView, InputRule, Mark, MarkType, Node, NodeType, Plugin, PluginKey, Schema, Transaction, baseKeymap, dropCursor, gapCursor, history, inputRules, keymap, tableNodes, textblockTypeInputRule, wrappingInputRule } from '@progress/kendo-editor-common';
 import { validatePackage } from '@progress/kendo-licensing';
-import * as i1$1 from '@progress/kendo-angular-dialog';
-import { DialogContentBase, DialogModule } from '@progress/kendo-angular-dialog';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
-import * as i3 from '@progress/kendo-angular-buttons';
-import { ButtonModule } from '@progress/kendo-angular-buttons';
-import * as i6 from '@progress/kendo-angular-inputs';
-import { ColorPickerComponent, ColorPickerModule, NumericTextBoxModule, CheckBoxModule, TextBoxModule, TextAreaModule, FormFieldModule } from '@progress/kendo-angular-inputs';
-import * as i7 from '@progress/kendo-angular-label';
-import { LabelModule } from '@progress/kendo-angular-label';
-import * as i5 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import * as i1$1 from '@progress/kendo-angular-dialog';
+import { DialogContentBase, DialogTitleBarComponent, DialogActionsComponent, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
+import { TextAreaComponent, FormFieldComponent, TextBoxComponent, CheckBoxDirective, ColorPickerComponent } from '@progress/kendo-angular-inputs';
+import { ButtonComponent } from '@progress/kendo-angular-buttons';
+import { LabelComponent, LabelDirective } from '@progress/kendo-angular-label';
 import { alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRightIcon, dropletIcon, rightDoubleQuotesIcon, boldIcon, clearCssIcon, linkIcon, foregroundColorIcon, indentIcon, fileAddIcon, fileImageIcon, listOrderedIcon, listUnorderedIcon, italicIcon, outdentIcon, printIcon, redoIcon, selectAllIcon, strikethroughIcon, subscriptIcon, supscriptIcon, underlineIcon, undoIcon, unlinkIcon, codeSnippetIcon, tableAddIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, tableRowDeleteIcon, tableColumnDeleteIcon, cellsMergeIcon, cellSplitHorizontallyIcon, tableDeleteIcon, applyFormatIcon, tableWizardIcon, fontSizeIcon, fontFamilyIcon } from '@progress/kendo-svg-icons';
-import * as i2 from '@progress/kendo-angular-dropdowns';
-import { DropDownListComponent, DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import * as i6$1 from '@progress/kendo-angular-icons';
-import { IconsModule } from '@progress/kendo-angular-icons';
-import * as i2$1 from '@progress/kendo-angular-popup';
+import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
+import { DropDownListComponent, ItemTemplateDirective } from '@progress/kendo-angular-dropdowns';
+import * as i2 from '@progress/kendo-angular-popup';
+import { PopupService } from '@progress/kendo-angular-popup';
 
 /**
  * @hidden
@@ -41,8 +35,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721814424,
-    version: '16.5.0',
+    publishDate: 1721828041,
+    version: '16.6.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -708,7 +702,7 @@ class SourceDialogComponent extends DialogContentBase {
     }
 }
 SourceDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SourceDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-SourceDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SourceDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+SourceDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SourceDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('viewSource') }}
         </kendo-dialog-titlebar>
@@ -731,7 +725,7 @@ SourceDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: i6.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SourceDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -758,7 +752,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `
+    `,
+                    standalone: true,
+                    imports: [DialogTitleBarComponent, TextAreaComponent, DialogActionsComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: EditorLocalizationService }]; }, propDecorators: { editor: [{
                 type: Input
@@ -833,7 +829,7 @@ class ImageDialogComponent extends DialogContentBase {
     }
 }
 ImageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ImageDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ImageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ImageDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "srcInput", first: true, predicate: ["srcInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+ImageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ImageDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "srcInput", first: true, predicate: ["srcInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('insertImage') }}
         </kendo-dialog-titlebar>
@@ -895,7 +891,7 @@ ImageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: i6.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i6.FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors"] }, { kind: "component", type: i7.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ImageDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -961,7 +957,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `
+    `,
+                    standalone: true,
+                    imports: [DialogTitleBarComponent, FormFieldComponent, LabelComponent, TextBoxComponent, ReactiveFormsModule, DialogActionsComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: EditorLocalizationService }]; }, propDecorators: { editor: [{
                 type: Input
@@ -1054,7 +1052,7 @@ class FileLinkDialogComponent extends DialogContentBase {
     }
 }
 FileLinkDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileLinkDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FileLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileLinkDialogComponent, selector: "ng-component", inputs: { editor: "editor", command: "command" }, viewQueries: [{ propertyName: "hrefInput", first: true, predicate: ["hrefInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+FileLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileLinkDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor", command: "command" }, viewQueries: [{ propertyName: "hrefInput", first: true, predicate: ["hrefInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ titleText }}
         </kendo-dialog-titlebar>
@@ -1120,7 +1118,7 @@ FileLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "directive", type: i6.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i6.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i6.FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors"] }, { kind: "directive", type: i7.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "component", type: i7.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileLinkDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -1190,7 +1188,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `
+    `,
+                    standalone: true,
+                    imports: [DialogTitleBarComponent, ReactiveFormsModule, FormFieldComponent, LabelComponent, TextBoxComponent, NgIf, CheckBoxDirective, LabelDirective, DialogActionsComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: EditorLocalizationService }]; }, propDecorators: { editor: [{
                 type: Input
@@ -1735,21 +1735,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 /**
  * @hidden
  */
-class EditorCommandButton extends EditorCommandBaseDirective {
-    constructor(command, button, localization, providerService, toolsService) {
-        super(command, button, localization, providerService, toolsService);
-        this.command = command;
+class EditorCommandDialog extends EditorCommandBaseDirective {
+    constructor(dialog, button, localization, providerService, toolsService) {
+        super(dialog, button, localization, providerService, toolsService);
+        this.dialog = dialog;
         this.button = button;
         this.localization = localization;
         this.providerService = providerService;
         this.toolsService = toolsService;
     }
     clickHandler() {
-        this.editor.exec(this.command, this.editor.applyToWord);
-        this.editor.focus();
-    }
-    pointerdownHandler(e) {
-        e.preventDefault();
+        this.editor.openDialog(this.dialog);
     }
     onStateChange(toolBarState) {
         this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
@@ -1760,119 +1756,48 @@ class EditorCommandButton extends EditorCommandBaseDirective {
 }
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AlignLeft** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the SVG icon and `click` event handlers of the button.
- * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
- * ```
- */
-class EditorAlignLeftButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignLeft', button, localization, providerService, toolsService);
-    }
-}
-EditorAlignLeftButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignLeftButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAlignLeftButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignLeftButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignLeftButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAlignLeftButton]'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
-
-/**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AlignCenter** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the SVG icon and `click` event handlers of the button.
- * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
- * ```
- */
-class EditorAlignCenterButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignCenter', button, localization, providerService, toolsService);
-    }
-}
-EditorAlignCenterButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignCenterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAlignCenterButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignCenterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignCenterButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAlignCenterButton]'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
-
-/**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AlignRight** tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the SVG icon and `click` event handlers of the button.
- * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
- * ```
- */
-class EditorAlignRightButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignRight', button, localization, providerService, toolsService);
-    }
-}
-EditorAlignRightButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignRightButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAlignRightButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignRightButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignRightButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAlignRightButton]'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
-
-/**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AlignJustify** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertImage** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
- * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
  * ```
  */
-class EditorAlignJustifyButtonDirective extends EditorCommandButton {
+class EditorInsertImageButtonDirective extends EditorCommandDialog {
     constructor(button, localization, providerService, toolsService) {
-        super('alignJustify', button, localization, providerService, toolsService);
+        super('insertImage', button, localization, providerService, toolsService);
     }
 }
-EditorAlignJustifyButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignJustifyButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAlignJustifyButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignJustifyButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignJustifyButtonDirective, decorators: [{
+EditorInsertImageButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertImageButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorInsertImageButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertImageButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertImageButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAlignJustifyButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorInsertImageButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
  * @hidden
  */
-class EditorCommandDialog extends EditorCommandBaseDirective {
-    constructor(dialog, button, localization, providerService, toolsService) {
-        super(dialog, button, localization, providerService, toolsService);
-        this.dialog = dialog;
+class EditorCommandButton extends EditorCommandBaseDirective {
+    constructor(command, button, localization, providerService, toolsService) {
+        super(command, button, localization, providerService, toolsService);
+        this.command = command;
         this.button = button;
         this.localization = localization;
         this.providerService = providerService;
         this.toolsService = toolsService;
     }
     clickHandler() {
-        this.editor.openDialog(this.dialog);
+        this.editor.exec(this.command, this.editor.applyToWord);
+        this.editor.focus();
+    }
+    pointerdownHandler(e) {
+        e.preventDefault();
     }
     onStateChange(toolBarState) {
         this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
@@ -1883,51 +1808,54 @@ class EditorCommandDialog extends EditorCommandBaseDirective {
 }
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertImage** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Unlink** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
+ * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
  * ```
  */
-class EditorInsertImageButtonDirective extends EditorCommandDialog {
+class EditorUnlinkButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
-        super('insertImage', button, localization, providerService, toolsService);
+        super('unlink', button, localization, providerService, toolsService);
     }
 }
-EditorInsertImageButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertImageButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorInsertImageButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertImageButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertImageButtonDirective, decorators: [{
+EditorUnlinkButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUnlinkButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorUnlinkButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorUnlinkButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUnlinkButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorInsertImageButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorUnlinkButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Indent** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **CreateLink** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
  * ```
  */
-class EditorIndentButtonDirective extends EditorCommandButton {
+class EditorCreateLinkButtonDirective extends EditorCommandDialog {
     constructor(button, localization, providerService, toolsService) {
-        super('indent', button, localization, providerService, toolsService);
+        super('createLink', button, localization, providerService, toolsService);
     }
 }
-EditorIndentButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorIndentButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorIndentButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorIndentButtonDirective, selector: "kendo-toolbar-button[kendoEditorIndentButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorIndentButtonDirective, decorators: [{
+EditorCreateLinkButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCreateLinkButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorCreateLinkButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorCreateLinkButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCreateLinkButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorIndentButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorCreateLinkButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -1948,368 +1876,228 @@ class EditorOutdentButtonDirective extends EditorCommandButton {
     }
 }
 EditorOutdentButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorOutdentButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorOutdentButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorOutdentButtonDirective, selector: "kendo-toolbar-button[kendoEditorOutdentButton]", usesInheritance: true, ngImport: i0 });
+EditorOutdentButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorOutdentButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorOutdentButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorOutdentButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorOutdentButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorOutdentButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **CreateLink** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Indent** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
  * ```
  */
-class EditorCreateLinkButtonDirective extends EditorCommandDialog {
+class EditorIndentButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
-        super('createLink', button, localization, providerService, toolsService);
+        super('indent', button, localization, providerService, toolsService);
     }
 }
-EditorCreateLinkButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCreateLinkButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorCreateLinkButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorCreateLinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCreateLinkButtonDirective, decorators: [{
+EditorIndentButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorIndentButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorIndentButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorIndentButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorIndentButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorIndentButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorCreateLinkButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorIndentButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Unlink** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertOrderedList** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
- * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
+ * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
  * ```
  */
-class EditorUnlinkButtonDirective extends EditorCommandButton {
+class EditorInsertOrderedListButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
-        super('unlink', button, localization, providerService, toolsService);
+        super('insertOrderedList', button, localization, providerService, toolsService);
     }
 }
-EditorUnlinkButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUnlinkButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorUnlinkButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorUnlinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUnlinkButtonDirective, decorators: [{
+EditorInsertOrderedListButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertOrderedListButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorInsertOrderedListButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertOrderedListButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertOrderedListButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertOrderedListButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorUnlinkButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorInsertOrderedListButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertOrderedList** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertUnorderedList** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
  * ```
  */
-class EditorInsertOrderedListButtonDirective extends EditorCommandButton {
+class EditorInsertUnorderedListButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
-        super('insertOrderedList', button, localization, providerService, toolsService);
+        super('insertUnorderedList', button, localization, providerService, toolsService);
     }
 }
-EditorInsertOrderedListButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertOrderedListButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorInsertOrderedListButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertOrderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertOrderedListButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertOrderedListButtonDirective, decorators: [{
+EditorInsertUnorderedListButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertUnorderedListButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorInsertUnorderedListButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertUnorderedListButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertUnorderedListButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorInsertOrderedListButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorInsertUnorderedListButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertUnorderedList** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AlignJustify** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
  * ```
  */
-class EditorInsertUnorderedListButtonDirective extends EditorCommandButton {
+class EditorAlignJustifyButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
-        super('insertUnorderedList', button, localization, providerService, toolsService);
+        super('alignJustify', button, localization, providerService, toolsService);
     }
 }
-EditorInsertUnorderedListButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertUnorderedListButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorInsertUnorderedListButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertUnorderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertUnorderedListButtonDirective, decorators: [{
+EditorAlignJustifyButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignJustifyButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorAlignJustifyButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignJustifyButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignJustifyButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorInsertUnorderedListButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorAlignJustifyButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Bold** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AlignRight** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
  * ```
  */
-class EditorBoldButtonDirective extends EditorCommandButton {
+class EditorAlignRightButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
-        super('bold', button, localization, providerService, toolsService);
+        super('alignRight', button, localization, providerService, toolsService);
     }
 }
-EditorBoldButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBoldButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorBoldButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorBoldButtonDirective, selector: "kendo-toolbar-button[kendoEditorBoldButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBoldButtonDirective, decorators: [{
+EditorAlignRightButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignRightButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorAlignRightButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignRightButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignRightButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorBoldButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorAlignRightButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Italic** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AlignCenter** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
  * ```
  */
-class EditorItalicButtonDirective extends EditorCommandButton {
+class EditorAlignCenterButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
-        super('italic', button, localization, providerService, toolsService);
+        super('alignCenter', button, localization, providerService, toolsService);
     }
 }
-EditorItalicButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorItalicButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorItalicButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorItalicButtonDirective, selector: "kendo-toolbar-button[kendoEditorItalicButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorItalicButtonDirective, decorators: [{
+EditorAlignCenterButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignCenterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorAlignCenterButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignCenterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignCenterButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorItalicButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorAlignCenterButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Underline** tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AlignLeft** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The directive will predefine the SVG icon and `click` event handlers of the button.
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
  *
  * @example
  * ```html
- * <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
+ * <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
  * ```
  */
-class EditorUnderlineButtonDirective extends EditorCommandButton {
+class EditorAlignLeftButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
-        super('underline', button, localization, providerService, toolsService);
+        super('alignLeft', button, localization, providerService, toolsService);
     }
 }
-EditorUnderlineButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUnderlineButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorUnderlineButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorUnderlineButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUnderlineButtonDirective, decorators: [{
+EditorAlignLeftButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignLeftButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorAlignLeftButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignLeftButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignLeftButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorUnderlineButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorAlignLeftButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
  * @hidden
  */
-class MessagesDirective extends ComponentMessages {
+class DropDownToolDirective {
+    constructor(hostEl, zone) {
+        this.hostEl = hostEl;
+        this.zone = zone;
+        this.preventDefault = (event) => {
+            event.preventDefault();
+        };
+    }
+    get hostElement() {
+        return this.hostEl.nativeElement;
+    }
+    ngAfterViewInit() {
+        this.zone.runOutsideAngular(() => {
+            this.hostElement.addEventListener('pointerdown', this.preventDefault);
+        });
+    }
+    ngOnDestroy() {
+        this.hostElement.removeEventListener('pointerdown', this.preventDefault);
+    }
 }
-MessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MessagesDirective, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", insertTableHint: "insertTableHint", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessagesDirective, decorators: [{
+DropDownToolDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownToolDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+DropDownToolDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropDownToolDirective, isStandalone: true, selector: "[kendoEditorDropDownTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownToolDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoEditorMessages]'
+                    selector: '[kendoEditorDropDownTool]',
+                    standalone: true
                 }]
-        }], propDecorators: { alignCenter: [{
-                type: Input
-            }], alignJustify: [{
-                type: Input
-            }], alignLeft: [{
-                type: Input
-            }], alignRight: [{
-                type: Input
-            }], backColor: [{
-                type: Input
-            }], blockquote: [{
-                type: Input
-            }], bold: [{
-                type: Input
-            }], cleanFormatting: [{
-                type: Input
-            }], createLink: [{
-                type: Input
-            }], fontFamily: [{
-                type: Input
-            }], fontSize: [{
-                type: Input
-            }], foreColor: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], indent: [{
-                type: Input
-            }], insertFile: [{
-                type: Input
-            }], insertImage: [{
-                type: Input
-            }], insertOrderedList: [{
-                type: Input
-            }], insertUnorderedList: [{
-                type: Input
-            }], italic: [{
-                type: Input
-            }], outdent: [{
-                type: Input
-            }], print: [{
-                type: Input
-            }], redo: [{
-                type: Input
-            }], selectAll: [{
-                type: Input
-            }], strikethrough: [{
-                type: Input
-            }], subscript: [{
-                type: Input
-            }], superscript: [{
-                type: Input
-            }], underline: [{
-                type: Input
-            }], undo: [{
-                type: Input
-            }], unlink: [{
-                type: Input
-            }], viewSource: [{
-                type: Input
-            }], insertTable: [{
-                type: Input
-            }], insertTableHint: [{
-                type: Input
-            }], addColumnBefore: [{
-                type: Input
-            }], addColumnAfter: [{
-                type: Input
-            }], addRowBefore: [{
-                type: Input
-            }], addRowAfter: [{
-                type: Input
-            }], deleteColumn: [{
-                type: Input
-            }], deleteRow: [{
-                type: Input
-            }], deleteTable: [{
-                type: Input
-            }], mergeCells: [{
-                type: Input
-            }], splitCell: [{
-                type: Input
-            }], dialogApply: [{
-                type: Input
-            }], dialogCancel: [{
-                type: Input
-            }], dialogInsert: [{
-                type: Input
-            }], dialogUpdate: [{
-                type: Input
-            }], fileText: [{
-                type: Input
-            }], fileTitle: [{
-                type: Input
-            }], fileWebAddress: [{
-                type: Input
-            }], imageAltText: [{
-                type: Input
-            }], imageHeight: [{
-                type: Input
-            }], imageWebAddress: [{
-                type: Input
-            }], imageWidth: [{
-                type: Input
-            }], linkOpenInNewWindow: [{
-                type: Input
-            }], linkText: [{
-                type: Input
-            }], linkTitle: [{
-                type: Input
-            }], linkWebAddress: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-class LocalizedMessagesDirective extends MessagesDirective {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-}
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoEditorLocalizedMessages]", providers: [{
-            provide: MessagesDirective,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [{
-                            provide: MessagesDirective,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }],
-                    selector: '[kendoEditorLocalizedMessages]'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
-
-/**
- * @hidden
- */
-class DropDownToolDirective {
-    constructor(hostEl, zone) {
-        this.hostEl = hostEl;
-        this.zone = zone;
-        this.preventDefault = (event) => {
-            event.preventDefault();
-        };
-    }
-    get hostElement() {
-        return this.hostEl.nativeElement;
-    }
-    ngAfterViewInit() {
-        this.zone.runOutsideAngular(() => {
-            this.hostElement.addEventListener('pointerdown', this.preventDefault);
-        });
-    }
-    ngOnDestroy() {
-        this.hostElement.removeEventListener('pointerdown', this.preventDefault);
-    }
-}
-DropDownToolDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownToolDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-DropDownToolDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownToolDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[kendoEditorDropDownTool]' }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
 /**
@@ -2327,7 +2115,7 @@ class FormatDropDownListComponent {
     }
 }
 FormatDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormatDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FormatDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
+FormatDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormatDropDownListComponent, isStandalone: true, selector: "kendo-editor-format-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
         <kendo-dropdownlist
             #element
             kendoEditorDropDownTool
@@ -2378,7 +2166,7 @@ FormatDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
                 </ng-container>
             </ng-template>
         </kendo-dropdownlist>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormatDropDownListComponent, decorators: [{
             type: Component,
             args: [{
@@ -2434,7 +2222,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </ng-container>
             </ng-template>
         </kendo-dropdownlist>
-    `
+    `,
+                    standalone: true,
+                    imports: [DropDownListComponent, DropDownToolDirective, ItemTemplateDirective, NgSwitch, NgSwitchCase, NgSwitchDefault]
                 }]
         }], propDecorators: { data: [{
                 type: Input
@@ -2491,7 +2281,7 @@ class FormatDialogComponent extends DialogContentBase {
     }
 }
 FormatDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormatDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FormatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormatDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true, read: FormatDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
+FormatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormatDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true, read: FormatDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('format') }}
         </kendo-dialog-titlebar>
@@ -2516,7 +2306,7 @@ FormatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormatDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -2545,7 +2335,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `
+    `,
+                    standalone: true,
+                    imports: [DialogTitleBarComponent, FormatDropDownListComponent, DialogActionsComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: EditorLocalizationService }]; }, propDecorators: { editor: [{
                 type: Input
@@ -2689,90 +2481,322 @@ class EditorFormatComponent extends ToolBarToolComponent {
         return false;
     }
 }
-EditorFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1$1.DialogService }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-EditorFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFormatComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #toolbarTemplate>
-            <kendo-editor-format-dropdownlist
-                #formatDropDownList
-                [defaultItem]="defaultItem"
-                [data]="data"
-                [(value)]="value"
-                [itemDisabled]="itemDisabled"
-                [title]="title"
-                [disabled]="disabled"
-                [tabindex]="tabindex"
-                (valueChange)="onValueChange($event)"
-            >
-            </kendo-editor-format-dropdownlist>
-        </ng-template>
-        <ng-template #popupTemplate>
-            <div #formatButton
-                role="menuitem"
-                class="k-item k-menu-item"
-                [class.k-disabled]="disabled"
-                [tabindex]="tabindex"
-                (click)="openDialog()">
-                <span
-                    class="k-link k-menu-link">
-                    <kendo-icon-wrapper name="apply-format" [svgIcon]="applyFormatSVGIcon"></kendo-icon-wrapper>
-                    <span *ngIf="title" class="k-menu-link-text">{{title}}</span>
-                </span>
-            </div>
-        </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFormatComponent, decorators: [{
-            type: Component,
+EditorFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1$1.DialogService }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+EditorFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFormatComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate>
+            <kendo-editor-format-dropdownlist
+                #formatDropDownList
+                [defaultItem]="defaultItem"
+                [data]="data"
+                [(value)]="value"
+                [itemDisabled]="itemDisabled"
+                [title]="title"
+                [disabled]="disabled"
+                [tabindex]="tabindex"
+                (valueChange)="onValueChange($event)"
+            >
+            </kendo-editor-format-dropdownlist>
+        </ng-template>
+        <ng-template #popupTemplate>
+            <div #formatButton
+                role="menuitem"
+                class="k-item k-menu-item"
+                [class.k-disabled]="disabled"
+                [tabindex]="tabindex"
+                (click)="openDialog()">
+                <span
+                    class="k-link k-menu-link">
+                    <kendo-icon-wrapper name="apply-format" [svgIcon]="applyFormatSVGIcon"></kendo-icon-wrapper>
+                    <span *ngIf="title" class="k-menu-link-text">{{title}}</span>
+                </span>
+            </div>
+        </ng-template>
+    `, isInline: true, dependencies: [{ kind: "component", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFormatComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }],
+                    selector: 'kendo-toolbar-dropdownlist[kendoEditorFormat]',
+                    template: `
+        <ng-template #toolbarTemplate>
+            <kendo-editor-format-dropdownlist
+                #formatDropDownList
+                [defaultItem]="defaultItem"
+                [data]="data"
+                [(value)]="value"
+                [itemDisabled]="itemDisabled"
+                [title]="title"
+                [disabled]="disabled"
+                [tabindex]="tabindex"
+                (valueChange)="onValueChange($event)"
+            >
+            </kendo-editor-format-dropdownlist>
+        </ng-template>
+        <ng-template #popupTemplate>
+            <div #formatButton
+                role="menuitem"
+                class="k-item k-menu-item"
+                [class.k-disabled]="disabled"
+                [tabindex]="tabindex"
+                (click)="openDialog()">
+                <span
+                    class="k-link k-menu-link">
+                    <kendo-icon-wrapper name="apply-format" [svgIcon]="applyFormatSVGIcon"></kendo-icon-wrapper>
+                    <span *ngIf="title" class="k-menu-link-text">{{title}}</span>
+                </span>
+            </div>
+        </ng-template>
+    `,
+                    standalone: true,
+                    imports: [FormatDropDownListComponent, IconWrapperComponent, NgIf]
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], toolbarTemplate: [{
+                type: ViewChild,
+                args: ['toolbarTemplate', { static: true }]
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate', { static: true }]
+            }], formatDropDownList: [{
+                type: ViewChild,
+                args: ['formatDropDownList']
+            }], formatButton: [{
+                type: ViewChild,
+                args: ['formatButton', { read: ElementRef }]
+            }] } });
+
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Underline** tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
+ * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
+ * ```
+ */
+class EditorUnderlineButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('underline', button, localization, providerService, toolsService);
+    }
+}
+EditorUnderlineButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUnderlineButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorUnderlineButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorUnderlineButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUnderlineButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorUnderlineButton]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
+
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Italic** tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
+ * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
+ * ```
+ */
+class EditorItalicButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('italic', button, localization, providerService, toolsService);
+    }
+}
+EditorItalicButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorItalicButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorItalicButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorItalicButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorItalicButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorItalicButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorItalicButton]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
+
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Bold** tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
+ * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```html
+ * <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
+ * ```
+ */
+class EditorBoldButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('bold', button, localization, providerService, toolsService);
+    }
+}
+EditorBoldButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBoldButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorBoldButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorBoldButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorBoldButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBoldButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorBoldButton]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
+
+/**
+ * @hidden
+ */
+class MessagesDirective extends ComponentMessages {
+}
+MessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MessagesDirective, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", insertTableHint: "insertTableHint", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoEditorMessages]'
+                }]
+        }], propDecorators: { alignCenter: [{
+                type: Input
+            }], alignJustify: [{
+                type: Input
+            }], alignLeft: [{
+                type: Input
+            }], alignRight: [{
+                type: Input
+            }], backColor: [{
+                type: Input
+            }], blockquote: [{
+                type: Input
+            }], bold: [{
+                type: Input
+            }], cleanFormatting: [{
+                type: Input
+            }], createLink: [{
+                type: Input
+            }], fontFamily: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], foreColor: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], indent: [{
+                type: Input
+            }], insertFile: [{
+                type: Input
+            }], insertImage: [{
+                type: Input
+            }], insertOrderedList: [{
+                type: Input
+            }], insertUnorderedList: [{
+                type: Input
+            }], italic: [{
+                type: Input
+            }], outdent: [{
+                type: Input
+            }], print: [{
+                type: Input
+            }], redo: [{
+                type: Input
+            }], selectAll: [{
+                type: Input
+            }], strikethrough: [{
+                type: Input
+            }], subscript: [{
+                type: Input
+            }], superscript: [{
+                type: Input
+            }], underline: [{
+                type: Input
+            }], undo: [{
+                type: Input
+            }], unlink: [{
+                type: Input
+            }], viewSource: [{
+                type: Input
+            }], insertTable: [{
+                type: Input
+            }], insertTableHint: [{
+                type: Input
+            }], addColumnBefore: [{
+                type: Input
+            }], addColumnAfter: [{
+                type: Input
+            }], addRowBefore: [{
+                type: Input
+            }], addRowAfter: [{
+                type: Input
+            }], deleteColumn: [{
+                type: Input
+            }], deleteRow: [{
+                type: Input
+            }], deleteTable: [{
+                type: Input
+            }], mergeCells: [{
+                type: Input
+            }], splitCell: [{
+                type: Input
+            }], dialogApply: [{
+                type: Input
+            }], dialogCancel: [{
+                type: Input
+            }], dialogInsert: [{
+                type: Input
+            }], dialogUpdate: [{
+                type: Input
+            }], fileText: [{
+                type: Input
+            }], fileTitle: [{
+                type: Input
+            }], fileWebAddress: [{
+                type: Input
+            }], imageAltText: [{
+                type: Input
+            }], imageHeight: [{
+                type: Input
+            }], imageWebAddress: [{
+                type: Input
+            }], imageWidth: [{
+                type: Input
+            }], linkOpenInNewWindow: [{
+                type: Input
+            }], linkText: [{
+                type: Input
+            }], linkTitle: [{
+                type: Input
+            }], linkWebAddress: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends MessagesDirective {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoEditorLocalizedMessages]", providers: [{
+            provide: MessagesDirective,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
             args: [{
-                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }],
-                    selector: 'kendo-toolbar-dropdownlist[kendoEditorFormat]',
-                    template: `
-        <ng-template #toolbarTemplate>
-            <kendo-editor-format-dropdownlist
-                #formatDropDownList
-                [defaultItem]="defaultItem"
-                [data]="data"
-                [(value)]="value"
-                [itemDisabled]="itemDisabled"
-                [title]="title"
-                [disabled]="disabled"
-                [tabindex]="tabindex"
-                (valueChange)="onValueChange($event)"
-            >
-            </kendo-editor-format-dropdownlist>
-        </ng-template>
-        <ng-template #popupTemplate>
-            <div #formatButton
-                role="menuitem"
-                class="k-item k-menu-item"
-                [class.k-disabled]="disabled"
-                [tabindex]="tabindex"
-                (click)="openDialog()">
-                <span
-                    class="k-link k-menu-link">
-                    <kendo-icon-wrapper name="apply-format" [svgIcon]="applyFormatSVGIcon"></kendo-icon-wrapper>
-                    <span *ngIf="title" class="k-menu-link-text">{{title}}</span>
-                </span>
-            </div>
-        </ng-template>
-    `
+                    providers: [{
+                            provide: MessagesDirective,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }],
+                    selector: '[kendoEditorLocalizedMessages]',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], toolbarTemplate: [{
-                type: ViewChild,
-                args: ['toolbarTemplate', { static: true }]
-            }], popupTemplate: [{
-                type: ViewChild,
-                args: ['popupTemplate', { static: true }]
-            }], formatDropDownList: [{
-                type: ViewChild,
-                args: ['formatDropDownList']
-            }], formatButton: [{
-                type: ViewChild,
-                args: ['formatButton', { read: ElementRef }]
-            }] } });
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 const EMPTY_PARAGRAPH = '<p></p>';
 const defaultPasteCleanupSettings = {
@@ -2835,23 +2859,23 @@ class EditorComponent {
         this.resizable = false;
         /**
          * Fires each time the value of the Editor is changed upon user interaction&mdash;
-         * for example, when the value is updated through typing in the content area or using some of the Editor tools ([see example]({% slug overview_editor %}#toc-events)).
+         * for example, when the value is updated through typing in the content area or using some of the Editor tools ([see example](slug:events_editor)).
          * When the value of the Editor is programmatically changed through its API (`ngModel`) or form binding (`formControl`),
          * the `valueChange` event is not triggered because it might cause a mix-up with the
          * built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
          */
         this.valueChange = new EventEmitter();
         /**
-         * Fires when the content area of the Editor is focused ([see example]({% slug overview_editor %}#toc-events)).
+         * Fires when the content area of the Editor is focused ([see example](slug:events_editor)).
          */
         this.onFocus = new EventEmitter();
         /**
-         * Fires when the user performs paste in the content area of the Editor ([see example]({% slug overview_editor %}#toc-events)).
+         * Fires when the user performs paste in the content area of the Editor ([see example](slug:events_editor)).
          * The event is preventable. If you cancel it, the Editor content will not change.
          */
         this.paste = new EventEmitter();
         /**
-         * Fires when the content area of the Editor is blurred ([see example]({% slug overview_editor %}#toc-events)).
+         * Fires when the content area of the Editor is blurred ([see example](slug:events_editor)).
          */
         this.onBlur = new EventEmitter();
         this.hostClass = true;
@@ -2953,7 +2977,7 @@ class EditorComponent {
         this.subs = zip(this.afterViewInit.asObservable(), this.contentAreaLoaded.asObservable()).subscribe(() => this.initialize());
     }
     /**
-     * Sets the value of the Editor ([see example]({% slug overview_editor %}#toc-basic-usage)).
+     * Sets the value of the Editor ([see example](slug:overview_editor)).
      */
     set value(value) {
         this.changeValue(value);
@@ -3524,7 +3548,7 @@ class EditorComponent {
     }
 }
 EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorComponent, deps: [{ token: i1$1.DialogService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorComponent, selector: "kendo-editor", inputs: { value: "value", disabled: "disabled", readonly: "readonly", iframe: "iframe", iframeCss: "iframeCss", applyToWord: "applyToWord", schema: "schema", plugins: "plugins", placeholder: "placeholder", preserveWhitespace: "preserveWhitespace", pasteCleanupSettings: "pasteCleanupSettings", resizable: "resizable" }, outputs: { valueChange: "valueChange", onFocus: "focus", paste: "paste", onBlur: "blur" }, host: { properties: { "class.k-editor": "this.hostClass", "class.k-editor-resizable": "this.resizableClass", "class.k-disabled": "this.isDisabled", "class.k-readonly": "this.isReadonly", "class.k-ie": "this.isIE", "attr.dir": "this.dir", "attr.ariaDisabled": "this.ariaDisabled", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
+EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorComponent, isStandalone: true, selector: "kendo-editor", inputs: { value: "value", disabled: "disabled", readonly: "readonly", iframe: "iframe", iframeCss: "iframeCss", applyToWord: "applyToWord", schema: "schema", plugins: "plugins", placeholder: "placeholder", preserveWhitespace: "preserveWhitespace", pasteCleanupSettings: "pasteCleanupSettings", resizable: "resizable" }, outputs: { valueChange: "valueChange", onFocus: "focus", paste: "paste", onBlur: "blur" }, host: { properties: { "class.k-editor": "this.hostClass", "class.k-editor-resizable": "this.resizableClass", "class.k-disabled": "this.isDisabled", "class.k-readonly": "this.isReadonly", "class.k-ie": "this.isIE", "attr.dir": "this.dir", "attr.ariaDisabled": "this.ariaDisabled", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
         EditorLocalizationService,
         ProviderService,
         EditorToolsService,
@@ -3704,7 +3728,7 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
         <ng-container #dialogsContainer></ng-container>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i1$2.ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: i1$2.ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "component", type: i7$1.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "directive", type: EditorAlignLeftButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]" }, { kind: "directive", type: EditorAlignCenterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]" }, { kind: "directive", type: EditorAlignRightButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]" }, { kind: "directive", type: EditorAlignJustifyButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]" }, { kind: "directive", type: EditorInsertImageButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]" }, { kind: "directive", type: EditorIndentButtonDirective, selector: "kendo-toolbar-button[kendoEditorIndentButton]" }, { kind: "directive", type: EditorOutdentButtonDirective, selector: "kendo-toolbar-button[kendoEditorOutdentButton]" }, { kind: "directive", type: EditorCreateLinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]" }, { kind: "directive", type: EditorUnlinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]" }, { kind: "directive", type: EditorInsertOrderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertOrderedListButton]" }, { kind: "directive", type: EditorInsertUnorderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]" }, { kind: "directive", type: EditorBoldButtonDirective, selector: "kendo-toolbar-button[kendoEditorBoldButton]" }, { kind: "directive", type: EditorItalicButtonDirective, selector: "kendo-toolbar-button[kendoEditorItalicButton]" }, { kind: "directive", type: EditorUnderlineButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]" }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoEditorLocalizedMessages]" }, { kind: "component", type: EditorFormatComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: ["data"], outputs: ["valueChange"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoEditorLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "directive", type: EditorBoldButtonDirective, selector: "kendo-toolbar-button[kendoEditorBoldButton]" }, { kind: "directive", type: EditorItalicButtonDirective, selector: "kendo-toolbar-button[kendoEditorItalicButton]" }, { kind: "directive", type: EditorUnderlineButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]" }, { kind: "component", type: EditorFormatComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: ["data"], outputs: ["valueChange"] }, { kind: "directive", type: EditorAlignLeftButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]" }, { kind: "directive", type: EditorAlignCenterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]" }, { kind: "directive", type: EditorAlignRightButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]" }, { kind: "directive", type: EditorAlignJustifyButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]" }, { kind: "directive", type: EditorInsertUnorderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]" }, { kind: "directive", type: EditorInsertOrderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertOrderedListButton]" }, { kind: "directive", type: EditorIndentButtonDirective, selector: "kendo-toolbar-button[kendoEditorIndentButton]" }, { kind: "directive", type: EditorOutdentButtonDirective, selector: "kendo-toolbar-button[kendoEditorOutdentButton]" }, { kind: "directive", type: EditorCreateLinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]" }, { kind: "directive", type: EditorUnlinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]" }, { kind: "directive", type: EditorInsertImageButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
             args: [{
@@ -3890,7 +3914,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <ng-container #dialogsContainer></ng-container>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `
+    `,
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, NgIf, ToolBarComponent, ToolBarButtonGroupComponent, ToolBarButtonComponent, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorUnderlineButtonDirective, EditorFormatComponent, EditorAlignLeftButtonDirective, EditorAlignCenterButtonDirective, EditorAlignRightButtonDirective, EditorAlignJustifyButtonDirective, EditorInsertUnorderedListButtonDirective, EditorInsertOrderedListButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorUnlinkButtonDirective, EditorInsertImageButtonDirective, WatermarkOverlayComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Renderer2 }]; }, propDecorators: { value: [{
                 type: Input
@@ -4020,7 +4046,7 @@ class ColorPickerDialogComponent extends DialogContentBase {
     }
 }
 ColorPickerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorPickerDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorPickerDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
+ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorPickerDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor(editorCommand) }}
         </kendo-dialog-titlebar>
@@ -4050,7 +4076,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i6.ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -4084,7 +4110,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `
+    `,
+                    standalone: true,
+                    imports: [DialogTitleBarComponent, ColorPickerComponent, DialogActionsComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: EditorLocalizationService }]; }, propDecorators: { editor: [{
                 type: Input
@@ -4108,7 +4136,7 @@ class FontFamilyDropDownListComponent {
     }
 }
 FontFamilyDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontFamilyDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
+FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontFamilyDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontfamily-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
         <kendo-dropdownlist
             #element
             kendoEditorDropDownTool
@@ -4131,7 +4159,7 @@ FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
                 </span>
             </ng-template>
         </kendo-dropdownlist>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontFamilyDropDownListComponent, decorators: [{
             type: Component,
             args: [{
@@ -4159,7 +4187,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </span>
             </ng-template>
         </kendo-dropdownlist>
-    `
+    `,
+                    standalone: true,
+                    imports: [DropDownListComponent, DropDownToolDirective, ItemTemplateDirective, NgStyle]
                 }]
         }], propDecorators: { data: [{
                 type: Input
@@ -4216,7 +4246,7 @@ class FontFamilyDialogComponent extends DialogContentBase {
     }
 }
 FontFamilyDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontFamilyDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FontFamilyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontFamilyDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "fontFamilyDropDownList", first: true, predicate: ["fontFamilyDropDownList"], descendants: true, read: FontFamilyDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
+FontFamilyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontFamilyDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "fontFamilyDropDownList", first: true, predicate: ["fontFamilyDropDownList"], descendants: true, read: FontFamilyDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('fontFamily') }}
         </kendo-dialog-titlebar>
@@ -4241,7 +4271,7 @@ FontFamilyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontFamilyDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -4270,7 +4300,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `
+    `,
+                    standalone: true,
+                    imports: [DialogTitleBarComponent, FontFamilyDropDownListComponent, DialogActionsComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: EditorLocalizationService }]; }, propDecorators: { editor: [{
                 type: Input
@@ -4329,7 +4361,7 @@ class PopupTableGridComponent {
     }
 }
 PopupTableGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopupTableGridComponent, deps: [{ token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-PopupTableGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: { cellClick: "cellClick", tableWizardClick: "tableWizardClick" }, ngImport: i0, template: `
+PopupTableGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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"
@@ -4348,7 +4380,7 @@ PopupTableGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             <button type="button" kendoButton class="k-tool" [icon]="'table-wizard'" [svgIcon]="tableWizardIcon" (click)="openTableWizard()" title="Table Wizard">Table Wizard</button>
         </div>
         -->
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopupTableGridComponent, decorators: [{
             type: Component,
             args: [{
@@ -4372,7 +4404,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             <button type="button" kendoButton class="k-tool" [icon]="'table-wizard'" [svgIcon]="tableWizardIcon" (click)="openTableWizard()" title="Table Wizard">Table Wizard</button>
         </div>
         -->
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor]
                 }]
         }], ctorParameters: function () { return [{ type: EditorLocalizationService }]; }, propDecorators: { cellClick: [{
                 type: Output
@@ -4406,7 +4440,7 @@ class InsertTableDialogComponent extends DialogContentBase {
     }
 }
 InsertTableDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InsertTableDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-InsertTableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: InsertTableDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, usesInheritance: true, ngImport: i0, template: `
+InsertTableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: InsertTableDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('insertTable') }}
         </kendo-dialog-titlebar>
@@ -4419,7 +4453,7 @@ InsertTableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InsertTableDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -4436,7 +4470,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `
+    `,
+                    standalone: true,
+                    imports: [DialogTitleBarComponent, PopupTableGridComponent, DialogActionsComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: EditorLocalizationService }]; }, propDecorators: { editor: [{
                 type: Input
@@ -4457,7 +4493,7 @@ class FontSizeDropDownListComponent {
     }
 }
 FontSizeDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontSizeDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FontSizeDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
+FontSizeDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontSizeDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontsize-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
         <kendo-dropdownlist
             #element
             kendoEditorDropDownTool
@@ -4475,7 +4511,7 @@ FontSizeDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
             [style.width.em]="13"
         >
         </kendo-dropdownlist>
-    `, isInline: true, dependencies: [{ kind: "component", type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontSizeDropDownListComponent, decorators: [{
             type: Component,
             args: [{
@@ -4498,7 +4534,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [style.width.em]="13"
         >
         </kendo-dropdownlist>
-    `
+    `,
+                    standalone: true,
+                    imports: [DropDownListComponent, DropDownToolDirective]
                 }]
         }], propDecorators: { data: [{
                 type: Input
@@ -4555,7 +4593,7 @@ class FontSizeDialogComponent extends DialogContentBase {
     }
 }
 FontSizeDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontSizeDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FontSizeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontSizeDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "fontSizeDropDownList", first: true, predicate: ["fontSizeDropDownList"], descendants: true, read: FontSizeDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
+FontSizeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontSizeDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "fontSizeDropDownList", first: true, predicate: ["fontSizeDropDownList"], descendants: true, read: FontSizeDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('fontSize') }}
         </kendo-dialog-titlebar>
@@ -4580,7 +4618,7 @@ FontSizeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontSizeDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -4609,7 +4647,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `
+    `,
+                    standalone: true,
+                    imports: [DialogTitleBarComponent, FontSizeDropDownListComponent, DialogActionsComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: EditorLocalizationService }]; }, propDecorators: { editor: [{
                 type: Input
@@ -4764,7 +4804,7 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
     }
 }
 EditorFontSizeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFontSizeComponent, deps: [{ token: i1$1.DialogService }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-EditorFontSizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFontSize]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontSizeComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontSizeDropDownList", first: true, predicate: ["element"], descendants: true, read: FontSizeDropDownListComponent }, { propertyName: "fontSizeButton", first: true, predicate: ["fontSizeButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+EditorFontSizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFontSizeComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontSize]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontSizeComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontSizeDropDownList", first: true, predicate: ["element"], descendants: true, read: FontSizeDropDownListComponent }, { propertyName: "fontSizeButton", first: true, predicate: ["fontSizeButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-editor-fontsize-dropdownlist
                 #element
@@ -4794,7 +4834,7 @@ EditorFontSizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 </span>
             </div>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFontSizeComponent, decorators: [{
             type: Component,
             args: [{
@@ -4830,7 +4870,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </span>
             </div>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [FontSizeDropDownListComponent, IconWrapperComponent, NgIf]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
                 type: Input
@@ -4993,7 +5035,7 @@ class EditorFontFamilyComponent extends ToolBarToolComponent {
     }
 }
 EditorFontFamilyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFontFamilyComponent, deps: [{ token: i1$1.DialogService }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-EditorFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+EditorFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-editor-fontfamily-dropdownlist
                 #element
@@ -5023,7 +5065,7 @@ EditorFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
                 </span>
             </div>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
             type: Component,
             args: [{
@@ -5059,7 +5101,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </span>
             </div>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [FontFamilyDropDownListComponent, IconWrapperComponent, NgIf]
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
                 type: Input
@@ -5248,7 +5292,7 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
     }
 }
 EditorColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorColorPickerComponent, deps: [{ token: EditorLocalizationService }, { token: i1$1.DialogService }, { token: i0.NgZone }, { token: ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorColorPickerComponent, selector: "kendo-toolbar-colorpicker", inputs: { value: "value", icon: "icon", svgIcon: "svgIcon", paletteSettings: "paletteSettings", editorCommand: "editorCommand", disabled: "disabled", views: "views", view: "view" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["colorpicker"], descendants: true, read: ElementRef }, { propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent }, { propertyName: "colorPickerButton", first: true, predicate: ["colorPickerButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorColorPickerComponent, isStandalone: true, selector: "kendo-toolbar-colorpicker", inputs: { value: "value", icon: "icon", svgIcon: "svgIcon", paletteSettings: "paletteSettings", editorCommand: "editorCommand", disabled: "disabled", views: "views", view: "view" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["colorpicker"], descendants: true, read: ElementRef }, { propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent }, { propertyName: "colorPickerButton", first: true, predicate: ["colorPickerButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
                 #colorpicker
@@ -5289,7 +5333,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
                 </span>
             </div>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -5336,7 +5380,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </span>
             </div>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [ColorPickerComponent, NgIf, IconWrapperComponent]
                 }]
         }], ctorParameters: function () { return [{ type: EditorLocalizationService }, { type: i1$1.DialogService }, { type: i0.NgZone }, { type: ProviderService }, { type: i0.Renderer2 }]; }, propDecorators: { value: [{
                 type: Input
@@ -5517,8 +5563,8 @@ class EditorInsertTableButtonComponent extends ToolBarToolComponent {
         return (_a = (this.overflows ? this.overflowElement : this.element)) === null || _a === void 0 ? void 0 : _a.nativeElement;
     }
 }
-EditorInsertTableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertTableButtonComponent, deps: [{ token: EditorLocalizationService }, { token: i2$1.PopupService }, { token: i1$1.DialogService }, { token: ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-EditorInsertTableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertTableButtonComponent, selector: "kendo-editor-insert-table-button", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorInsertTableButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { 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: `
+EditorInsertTableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertTableButtonComponent, deps: [{ token: EditorLocalizationService }, { token: i2.PopupService }, { token: i1$1.DialogService }, { token: ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+EditorInsertTableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertTableButtonComponent, isStandalone: true, selector: "kendo-editor-insert-table-button", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorInsertTableButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { 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"
@@ -5550,7 +5596,7 @@ EditorInsertTableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
         <ng-template #popupGridTemplate>
             <kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i6$1.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"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertTableButtonComponent, decorators: [{
             type: Component,
             args: [{
@@ -5588,9 +5634,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <ng-template #popupGridTemplate>
             <kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [ButtonComponent, IconWrapperComponent, NgIf, PopupTableGridComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: EditorLocalizationService }, { type: i2$1.PopupService }, { type: i1$1.DialogService }, { type: ProviderService }, { type: i0.Renderer2 }]; }, propDecorators: { toolbarTemplate: [{
+        }], ctorParameters: function () { return [{ type: EditorLocalizationService }, { type: i2.PopupService }, { type: i1$1.DialogService }, { type: ProviderService }, { type: i0.Renderer2 }]; }, propDecorators: { toolbarTemplate: [{
                 type: ViewChild,
                 args: ['toolbarTemplate', { static: true }]
             }], popupTemplate: [{
@@ -5623,11 +5671,12 @@ class EditorBlockquoteDirective extends EditorCommandButton {
     }
 }
 EditorBlockquoteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBlockquoteDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorBlockquoteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorBlockquoteDirective, selector: "kendo-toolbar-button[kendoEditorBlockquoteButton]", usesInheritance: true, ngImport: i0 });
+EditorBlockquoteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorBlockquoteDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorBlockquoteButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBlockquoteDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5648,11 +5697,12 @@ class EditorRedoButtonDirective extends EditorCommandButton {
     }
 }
 EditorRedoButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorRedoButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorRedoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorRedoButtonDirective, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
+EditorRedoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorRedoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorRedoButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorRedoButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorRedoButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5673,11 +5723,12 @@ class EditorUndoButtonDirective extends EditorCommandButton {
     }
 }
 EditorUndoButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUndoButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorUndoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorUndoButtonDirective, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
+EditorUndoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorUndoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUndoButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorUndoButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorUndoButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5697,11 +5748,12 @@ class EditorViewSourceButtonDirective extends EditorCommandDialog {
     }
 }
 EditorViewSourceButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorViewSourceButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorViewSourceButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorViewSourceButtonDirective, selector: "kendo-toolbar-button[kendoEditorViewSourceButton]", usesInheritance: true, ngImport: i0 });
+EditorViewSourceButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorViewSourceButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorViewSourceButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorViewSourceButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorViewSourceButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorViewSourceButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5722,11 +5774,12 @@ class EditorStrikethroughButtonDirective extends EditorCommandButton {
     }
 }
 EditorStrikethroughButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorStrikethroughButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorStrikethroughButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorStrikethroughButtonDirective, selector: "kendo-toolbar-button[kendoEditorStrikethroughButton]", usesInheritance: true, ngImport: i0 });
+EditorStrikethroughButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorStrikethroughButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorStrikethroughButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorStrikethroughButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorStrikethroughButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorStrikethroughButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5747,11 +5800,12 @@ class EditorSubscriptButtonDirective extends EditorCommandButton {
     }
 }
 EditorSubscriptButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSubscriptButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorSubscriptButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorSubscriptButtonDirective, selector: "kendo-toolbar-button[kendoEditorSubscriptButton]", usesInheritance: true, ngImport: i0 });
+EditorSubscriptButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorSubscriptButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSubscriptButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSubscriptButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorSubscriptButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorSubscriptButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5772,11 +5826,12 @@ class EditorSuperscriptButtonDirective extends EditorCommandButton {
     }
 }
 EditorSuperscriptButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSuperscriptButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorSuperscriptButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorSuperscriptButtonDirective, selector: "kendo-toolbar-button[kendoEditorSuperscriptButton]", usesInheritance: true, ngImport: i0 });
+EditorSuperscriptButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorSuperscriptButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSuperscriptButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSuperscriptButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorSuperscriptButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorSuperscriptButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5796,11 +5851,12 @@ class EditorInsertFileButtonDirective extends EditorCommandDialog {
     }
 }
 EditorInsertFileButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertFileButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorInsertFileButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertFileButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertFileButton]", usesInheritance: true, ngImport: i0 });
+EditorInsertFileButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertFileButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertFileButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertFileButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorInsertFileButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorInsertFileButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5822,11 +5878,12 @@ class EditorForeColorDirective {
     }
 }
 EditorForeColorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorForeColorDirective, deps: [{ token: EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
-EditorForeColorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorForeColorDirective, selector: "[kendoEditorForeColor]", ngImport: i0 });
+EditorForeColorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorForeColorDirective, isStandalone: true, selector: "[kendoEditorForeColor]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorForeColorDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoEditorForeColor]'
+                    selector: '[kendoEditorForeColor]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: EditorColorPickerComponent }]; } });
 
@@ -5848,11 +5905,12 @@ class EditorBackColorDirective {
     }
 }
 EditorBackColorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBackColorDirective, deps: [{ token: EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
-EditorBackColorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorBackColorDirective, selector: "[kendoEditorBackColor]", ngImport: i0 });
+EditorBackColorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorBackColorDirective, isStandalone: true, selector: "[kendoEditorBackColor]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBackColorDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoEditorBackColor]'
+                    selector: '[kendoEditorBackColor]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: EditorColorPickerComponent }]; } });
 
@@ -5872,11 +5930,12 @@ class EditorCleanFormattingButtonDirective extends EditorCommandButton {
     }
 }
 EditorCleanFormattingButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCleanFormattingButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorCleanFormattingButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorCleanFormattingButtonDirective, selector: "kendo-toolbar-button[kendoEditorCleanFormattingButton]", usesInheritance: true, ngImport: i0 });
+EditorCleanFormattingButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorCleanFormattingButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCleanFormattingButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCleanFormattingButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorCleanFormattingButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorCleanFormattingButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5897,11 +5956,12 @@ class EditorAddColumnBeforeButtonDirective extends EditorCommandButton {
     }
 }
 EditorAddColumnBeforeButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAddColumnBeforeButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAddColumnBeforeButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAddColumnBeforeButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddColumnBeforeButton]", usesInheritance: true, ngImport: i0 });
+EditorAddColumnBeforeButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAddColumnBeforeButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAddColumnBeforeButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAddColumnBeforeButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAddColumnBeforeButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorAddColumnBeforeButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5922,11 +5982,12 @@ class EditorAddColumnAfterButtonDirective extends EditorCommandButton {
     }
 }
 EditorAddColumnAfterButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAddColumnAfterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAddColumnAfterButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAddColumnAfterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddColumnAfterButton]", usesInheritance: true, ngImport: i0 });
+EditorAddColumnAfterButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAddColumnAfterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAddColumnAfterButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAddColumnAfterButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAddColumnAfterButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorAddColumnAfterButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5947,11 +6008,12 @@ class EditorAddRowBeforeButtonDirective extends EditorCommandButton {
     }
 }
 EditorAddRowBeforeButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAddRowBeforeButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAddRowBeforeButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAddRowBeforeButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddRowBeforeButton]", usesInheritance: true, ngImport: i0 });
+EditorAddRowBeforeButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAddRowBeforeButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAddRowBeforeButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAddRowBeforeButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAddRowBeforeButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorAddRowBeforeButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5972,11 +6034,12 @@ class EditorAddRowAfterButtonDirective extends EditorCommandButton {
     }
 }
 EditorAddRowAfterButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAddRowAfterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAddRowAfterButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAddRowAfterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddRowAfterButton]", usesInheritance: true, ngImport: i0 });
+EditorAddRowAfterButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAddRowAfterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAddRowAfterButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAddRowAfterButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorAddRowAfterButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorAddRowAfterButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -5997,11 +6060,12 @@ class EditorDeleteColumnButtonDirective extends EditorCommandButton {
     }
 }
 EditorDeleteColumnButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorDeleteColumnButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorDeleteColumnButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteColumnButton]", usesInheritance: true, ngImport: i0 });
+EditorDeleteColumnButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorDeleteColumnButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorDeleteColumnButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorDeleteColumnButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorDeleteColumnButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorDeleteColumnButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -6022,11 +6086,12 @@ class EditorDeleteRowButtonDirective extends EditorCommandButton {
     }
 }
 EditorDeleteRowButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorDeleteRowButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorDeleteRowButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteRowButton]", usesInheritance: true, ngImport: i0 });
+EditorDeleteRowButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorDeleteRowButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorDeleteRowButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorDeleteRowButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorDeleteRowButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorDeleteRowButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -6047,65 +6112,12 @@ class EditorDeleteTableButtonDirective extends EditorCommandButton {
     }
 }
 EditorDeleteTableButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorDeleteTableButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorDeleteTableButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorDeleteTableButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteTableButton]", usesInheritance: true, ngImport: i0 });
+EditorDeleteTableButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorDeleteTableButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorDeleteTableButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorDeleteTableButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorDeleteTableButton]'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
-
-/**
- * @hidden
- *
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor MergeCells tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
- * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-button kendoEditorMergeCellsButton></kendo-toolbar-button>
- * ```
- */
-class EditorMergeCellsButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('mergeCells', button, localization, providerService, toolsService);
-    }
-}
-EditorMergeCellsButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorMergeCellsButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorMergeCellsButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorMergeCellsButtonDirective, selector: "kendo-toolbar-button[kendoEditorMergeCellsButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorMergeCellsButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorMergeCellsButton]'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
-
-/**
- * @hidden
- *
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor SplitCell tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
- * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-button kendoEditorSplitCellButton></kendo-toolbar-button>
- * ```
- */
-class EditorSplitCellButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('splitCell', button, localization, providerService, toolsService);
-    }
-}
-EditorSplitCellButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSplitCellButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorSplitCellButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorSplitCellButtonDirective, selector: "kendo-toolbar-button[kendoEditorSplitCellButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSplitCellButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorSplitCellButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorDeleteTableButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -6123,7 +6135,7 @@ class CustomMessagesComponent extends MessagesDirective {
     }
 }
 CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-CustomMessagesComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, selector: "kendo-editor-messages", providers: [
+CustomMessagesComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-editor-messages", providers: [
         {
             provide: MessagesDirective,
             useExisting: forwardRef(() => CustomMessagesComponent)
@@ -6139,7 +6151,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         }
                     ],
                     // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendo-editor-messages'
+                    selector: 'kendo-editor-messages',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
@@ -6179,11 +6192,12 @@ class EditorPrintDirective extends EditorCommandButton {
     }
 }
 EditorPrintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorPrintDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorPrintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorPrintDirective, selector: "kendo-toolbar-button[kendoEditorPrintButton]", usesInheritance: true, ngImport: i0 });
+EditorPrintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorPrintDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorPrintButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorPrintDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorPrintButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorPrintButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
@@ -6207,51 +6221,100 @@ class EditorSelectAllButtonDirective extends EditorCommandButton {
     }
 }
 EditorSelectAllButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSelectAllButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorSelectAllButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorSelectAllButtonDirective, selector: "kendo-toolbar-button[kendoEditorSelectAllButton]", usesInheritance: true, ngImport: i0 });
+EditorSelectAllButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorSelectAllButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSelectAllButton]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSelectAllButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorSelectAllButton]'
+                    selector: 'kendo-toolbar-button[kendoEditorSelectAllButton]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
-const COMPONENT_DIRECTIVES = [
-    //alignment
+/**
+ * @hidden
+ *
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor SplitCell tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSplitCellButton></kendo-toolbar-button>
+ * ```
+ */
+class EditorSplitCellButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('splitCell', button, localization, providerService, toolsService);
+    }
+}
+EditorSplitCellButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSplitCellButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorSplitCellButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorSplitCellButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSplitCellButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorSplitCellButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorSplitCellButton]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
+
+/**
+ * @hidden
+ *
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor MergeCells tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorMergeCellsButton></kendo-toolbar-button>
+ * ```
+ */
+class EditorMergeCellsButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('mergeCells', button, localization, providerService, toolsService);
+    }
+}
+EditorMergeCellsButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorMergeCellsButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorMergeCellsButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorMergeCellsButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorMergeCellsButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorMergeCellsButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorMergeCellsButton]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
+
+/**
+ * Utility array that contains all `Editor` related components and directives
+ */
+const KENDO_EDITOR = [
+    EditorComponent,
     EditorAlignLeftButtonDirective,
     EditorAlignCenterButtonDirective,
     EditorAlignRightButtonDirective,
     EditorAlignJustifyButtonDirective,
-    //file
     EditorInsertFileButtonDirective,
-    //history
     EditorRedoButtonDirective,
     EditorUndoButtonDirective,
-    //image
     EditorInsertImageButtonDirective,
-    //indent
     EditorIndentButtonDirective,
     EditorOutdentButtonDirective,
-    //link
     EditorCreateLinkButtonDirective,
     EditorUnlinkButtonDirective,
-    //list
     EditorInsertOrderedListButtonDirective,
     EditorInsertUnorderedListButtonDirective,
-    //source
     EditorViewSourceButtonDirective,
-    //typographical emphasis
     EditorBoldButtonDirective,
     EditorItalicButtonDirective,
     EditorUnderlineButtonDirective,
     EditorStrikethroughButtonDirective,
     EditorSubscriptButtonDirective,
     EditorSuperscriptButtonDirective,
-    //color
     EditorForeColorDirective,
     EditorBackColorDirective,
-    //clear format
     EditorCleanFormattingButtonDirective,
-    //table
     EditorAddColumnBeforeButtonDirective,
     EditorAddColumnAfterButtonDirective,
     EditorAddRowBeforeButtonDirective,
@@ -6259,28 +6322,20 @@ const COMPONENT_DIRECTIVES = [
     EditorDeleteColumnButtonDirective,
     EditorDeleteRowButtonDirective,
     EditorDeleteTableButtonDirective,
-    EditorMergeCellsButtonDirective,
-    EditorSplitCellButtonDirective,
-    // EditorTableWizardButtonDirective,
-    //localization
     CustomMessagesComponent,
-    LocalizedMessagesDirective,
-    // dropdown tools
-    DropDownToolDirective,
-    // print
     EditorPrintDirective,
-    // select all
     EditorSelectAllButtonDirective,
-    // blockquote
-    EditorBlockquoteDirective
-];
-const TOOLBAR_TOOLS = [
+    EditorBlockquoteDirective,
     EditorFontSizeComponent,
     EditorFontFamilyComponent,
     EditorFormatComponent,
     EditorColorPickerComponent,
-    EditorInsertTableButtonComponent
+    EditorInsertTableButtonComponent,
+    EditorMergeCellsButtonDirective,
+    EditorSplitCellButtonDirective,
+    ...KENDO_TOOLBAR
 ];
+
 const TOOLBAR_DIALOGS = [
     FileLinkDialogComponent,
     ImageDialogComponent,
@@ -6296,12 +6351,7 @@ const TOOLBAR_DIALOGS = [
     // CellSettingsComponent,
     // AccessibilitySettingsComponent
 ];
-const INTERNAL_COMPONENTS = [
-    PopupTableGridComponent,
-    FormatDropDownListComponent,
-    FontFamilyDropDownListComponent,
-    FontSizeDropDownListComponent
-];
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Editor component.
  *
@@ -6323,231 +6373,17 @@ const INTERNAL_COMPONENTS = [
 class EditorModule {
 }
 EditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-EditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: EditorModule, declarations: [EditorComponent,
-        //alignment
-        EditorAlignLeftButtonDirective,
-        EditorAlignCenterButtonDirective,
-        EditorAlignRightButtonDirective,
-        EditorAlignJustifyButtonDirective,
-        //file
-        EditorInsertFileButtonDirective,
-        //history
-        EditorRedoButtonDirective,
-        EditorUndoButtonDirective,
-        //image
-        EditorInsertImageButtonDirective,
-        //indent
-        EditorIndentButtonDirective,
-        EditorOutdentButtonDirective,
-        //link
-        EditorCreateLinkButtonDirective,
-        EditorUnlinkButtonDirective,
-        //list
-        EditorInsertOrderedListButtonDirective,
-        EditorInsertUnorderedListButtonDirective,
-        //source
-        EditorViewSourceButtonDirective,
-        //typographical emphasis
-        EditorBoldButtonDirective,
-        EditorItalicButtonDirective,
-        EditorUnderlineButtonDirective,
-        EditorStrikethroughButtonDirective,
-        EditorSubscriptButtonDirective,
-        EditorSuperscriptButtonDirective,
-        //color
-        EditorForeColorDirective,
-        EditorBackColorDirective,
-        //clear format
-        EditorCleanFormattingButtonDirective,
-        //table
-        EditorAddColumnBeforeButtonDirective,
-        EditorAddColumnAfterButtonDirective,
-        EditorAddRowBeforeButtonDirective,
-        EditorAddRowAfterButtonDirective,
-        EditorDeleteColumnButtonDirective,
-        EditorDeleteRowButtonDirective,
-        EditorDeleteTableButtonDirective,
-        EditorMergeCellsButtonDirective,
-        EditorSplitCellButtonDirective,
-        // EditorTableWizardButtonDirective,
-        //localization
-        CustomMessagesComponent,
-        LocalizedMessagesDirective,
-        // dropdown tools
-        DropDownToolDirective,
-        // print
-        EditorPrintDirective,
-        // select all
-        EditorSelectAllButtonDirective,
-        // blockquote
-        EditorBlockquoteDirective, EditorFontSizeComponent,
-        EditorFontFamilyComponent,
-        EditorFormatComponent,
-        EditorColorPickerComponent,
-        EditorInsertTableButtonComponent, FileLinkDialogComponent,
-        ImageDialogComponent,
-        SourceDialogComponent,
-        FormatDialogComponent,
-        ColorPickerDialogComponent,
-        FontFamilyDialogComponent,
-        FontSizeDialogComponent,
-        InsertTableDialogComponent
-        // TableWizardDialogComponent
-        // Table Wizard Building Blocks
-        // TableSettingsComponent,
-        // CellSettingsComponent,
-        // AccessibilitySettingsComponent
-        ,
-        PopupTableGridComponent,
-        FormatDropDownListComponent,
-        FontFamilyDropDownListComponent,
-        FontSizeDropDownListComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        //Kendo UI Angular Modules
-        ButtonModule,
-        ColorPickerModule,
-        DialogModule,
-        DropDownsModule,
-        NumericTextBoxModule,
-        CheckBoxModule,
-        IconsModule,
-        ToolBarModule,
-        TextBoxModule,
-        TextAreaModule,
-        FormFieldModule,
-        LabelModule,
-        WatermarkModule], exports: [EditorComponent,
-        //alignment
-        EditorAlignLeftButtonDirective,
-        EditorAlignCenterButtonDirective,
-        EditorAlignRightButtonDirective,
-        EditorAlignJustifyButtonDirective,
-        //file
-        EditorInsertFileButtonDirective,
-        //history
-        EditorRedoButtonDirective,
-        EditorUndoButtonDirective,
-        //image
-        EditorInsertImageButtonDirective,
-        //indent
-        EditorIndentButtonDirective,
-        EditorOutdentButtonDirective,
-        //link
-        EditorCreateLinkButtonDirective,
-        EditorUnlinkButtonDirective,
-        //list
-        EditorInsertOrderedListButtonDirective,
-        EditorInsertUnorderedListButtonDirective,
-        //source
-        EditorViewSourceButtonDirective,
-        //typographical emphasis
-        EditorBoldButtonDirective,
-        EditorItalicButtonDirective,
-        EditorUnderlineButtonDirective,
-        EditorStrikethroughButtonDirective,
-        EditorSubscriptButtonDirective,
-        EditorSuperscriptButtonDirective,
-        //color
-        EditorForeColorDirective,
-        EditorBackColorDirective,
-        //clear format
-        EditorCleanFormattingButtonDirective,
-        //table
-        EditorAddColumnBeforeButtonDirective,
-        EditorAddColumnAfterButtonDirective,
-        EditorAddRowBeforeButtonDirective,
-        EditorAddRowAfterButtonDirective,
-        EditorDeleteColumnButtonDirective,
-        EditorDeleteRowButtonDirective,
-        EditorDeleteTableButtonDirective,
-        EditorMergeCellsButtonDirective,
-        EditorSplitCellButtonDirective,
-        // EditorTableWizardButtonDirective,
-        //localization
-        CustomMessagesComponent,
-        LocalizedMessagesDirective,
-        // dropdown tools
-        DropDownToolDirective,
-        // print
-        EditorPrintDirective,
-        // select all
-        EditorSelectAllButtonDirective,
-        // blockquote
-        EditorBlockquoteDirective, EditorFontSizeComponent,
-        EditorFontFamilyComponent,
-        EditorFormatComponent,
-        EditorColorPickerComponent,
-        EditorInsertTableButtonComponent, ToolBarModule,
-        ButtonModule,
-        FormsModule,
-        ReactiveFormsModule, PopupTableGridComponent,
-        FormatDropDownListComponent,
-        FontFamilyDropDownListComponent,
-        FontSizeDropDownListComponent] });
-EditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        //Kendo UI Angular Modules
-        ButtonModule,
-        ColorPickerModule,
-        DialogModule,
-        DropDownsModule,
-        NumericTextBoxModule,
-        CheckBoxModule,
-        IconsModule,
-        ToolBarModule,
-        TextBoxModule,
-        TextAreaModule,
-        FormFieldModule,
-        LabelModule,
-        WatermarkModule, ToolBarModule,
-        ButtonModule,
-        FormsModule,
-        ReactiveFormsModule] });
+EditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: EditorModule, imports: [EditorComponent, EditorAlignLeftButtonDirective, EditorAlignCenterButtonDirective, EditorAlignRightButtonDirective, EditorAlignJustifyButtonDirective, EditorInsertFileButtonDirective, EditorRedoButtonDirective, EditorUndoButtonDirective, EditorInsertImageButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorUnlinkButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertUnorderedListButtonDirective, EditorViewSourceButtonDirective, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorUnderlineButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorForeColorDirective, EditorBackColorDirective, EditorCleanFormattingButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddColumnAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, CustomMessagesComponent, EditorPrintDirective, EditorSelectAllButtonDirective, EditorBlockquoteDirective, EditorFontSizeComponent, EditorFontFamilyComponent, EditorFormatComponent, EditorColorPickerComponent, EditorInsertTableButtonComponent, EditorMergeCellsButtonDirective, EditorSplitCellButtonDirective, i1$2.ToolBarComponent, i1$2.ToolbarCustomMessagesComponent, i1$2.ToolBarButtonComponent, i1$2.ToolBarButtonGroupComponent, i1$2.ToolBarDropDownButtonComponent, i1$2.ToolBarSeparatorComponent, i1$2.ToolBarSpacerComponent, i1$2.ToolBarSplitButtonComponent, i1$2.ToolBarToolComponent], exports: [EditorComponent, EditorAlignLeftButtonDirective, EditorAlignCenterButtonDirective, EditorAlignRightButtonDirective, EditorAlignJustifyButtonDirective, EditorInsertFileButtonDirective, EditorRedoButtonDirective, EditorUndoButtonDirective, EditorInsertImageButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorUnlinkButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertUnorderedListButtonDirective, EditorViewSourceButtonDirective, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorUnderlineButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorForeColorDirective, EditorBackColorDirective, EditorCleanFormattingButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddColumnAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, CustomMessagesComponent, EditorPrintDirective, EditorSelectAllButtonDirective, EditorBlockquoteDirective, EditorFontSizeComponent, EditorFontFamilyComponent, EditorFormatComponent, EditorColorPickerComponent, EditorInsertTableButtonComponent, EditorMergeCellsButtonDirective, EditorSplitCellButtonDirective, i1$2.ToolBarComponent, i1$2.ToolbarCustomMessagesComponent, i1$2.ToolBarButtonComponent, i1$2.ToolBarButtonGroupComponent, i1$2.ToolBarDropDownButtonComponent, i1$2.ToolBarSeparatorComponent, i1$2.ToolBarSpacerComponent, i1$2.ToolBarSplitButtonComponent, i1$2.ToolBarToolComponent, FormsModule, ReactiveFormsModule] });
+EditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [EditorComponent, EditorFontSizeComponent, EditorFontFamilyComponent, EditorFormatComponent, EditorColorPickerComponent, EditorInsertTableButtonComponent, i1$2.ToolBarComponent, i1$2.ToolbarCustomMessagesComponent, i1$2.ToolBarButtonComponent, i1$2.ToolBarButtonGroupComponent, i1$2.ToolBarDropDownButtonComponent, i1$2.ToolBarSeparatorComponent, i1$2.ToolBarSpacerComponent, i1$2.ToolBarSplitButtonComponent, i1$2.ToolBarToolComponent, FormsModule, ReactiveFormsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        EditorComponent,
-                        COMPONENT_DIRECTIVES,
-                        TOOLBAR_TOOLS,
-                        TOOLBAR_DIALOGS,
-                        INTERNAL_COMPONENTS
-                    ],
                     entryComponents: [
                         TOOLBAR_DIALOGS
                     ],
-                    exports: [
-                        EditorComponent,
-                        COMPONENT_DIRECTIVES,
-                        TOOLBAR_TOOLS,
-                        ToolBarModule,
-                        ButtonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        //needed for unit tests
-                        INTERNAL_COMPONENTS
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        //Kendo UI Angular Modules
-                        ButtonModule,
-                        ColorPickerModule,
-                        DialogModule,
-                        DropDownsModule,
-                        NumericTextBoxModule,
-                        CheckBoxModule,
-                        IconsModule,
-                        ToolBarModule,
-                        TextBoxModule,
-                        TextAreaModule,
-                        FormFieldModule,
-                        LabelModule,
-                        WatermarkModule
-                    ]
+                    exports: [...KENDO_EDITOR, FormsModule, ReactiveFormsModule],
+                    imports: [...KENDO_EDITOR],
+                    providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService]
                 }]
         }] });
 
@@ -6555,5 +6391,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CustomMessagesComponent, DropDownToolDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBackColorDirective, EditorBlockquoteDirective, EditorBoldButtonDirective, EditorCleanFormattingButtonDirective, EditorColorPickerComponent, EditorComponent, EditorCreateLinkButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorFontFamilyComponent, EditorFontSizeComponent, EditorForeColorDirective, EditorFormatComponent, EditorIndentButtonDirective, EditorInsertFileButtonDirective, EditorInsertImageButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertTableButtonComponent, EditorInsertUnorderedListButtonDirective, EditorItalicButtonDirective, EditorLocalizationService, EditorMergeCellsButtonDirective, EditorModule, EditorOutdentButtonDirective, EditorPasteEvent, EditorPrintDirective, EditorRedoButtonDirective, EditorSelectAllButtonDirective, EditorSplitCellButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorUndoButtonDirective, EditorUnlinkButtonDirective, EditorViewSourceButtonDirective, FontFamilyDropDownListComponent, FontSizeDropDownListComponent, FormatDropDownListComponent, LocalizedMessagesDirective, PopupTableGridComponent, PreventableEvent, getSelectionText, schema };
+export { CustomMessagesComponent, DropDownToolDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBackColorDirective, EditorBlockquoteDirective, EditorBoldButtonDirective, EditorCleanFormattingButtonDirective, EditorColorPickerComponent, EditorComponent, EditorCreateLinkButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorFontFamilyComponent, EditorFontSizeComponent, EditorForeColorDirective, EditorFormatComponent, EditorIndentButtonDirective, EditorInsertFileButtonDirective, EditorInsertImageButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertTableButtonComponent, EditorInsertUnorderedListButtonDirective, EditorItalicButtonDirective, EditorLocalizationService, EditorMergeCellsButtonDirective, EditorModule, EditorOutdentButtonDirective, EditorPasteEvent, EditorPrintDirective, EditorRedoButtonDirective, EditorSelectAllButtonDirective, EditorSplitCellButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorUndoButtonDirective, EditorUnlinkButtonDirective, EditorViewSourceButtonDirective, FontFamilyDropDownListComponent, FontSizeDropDownListComponent, FormatDropDownListComponent, KENDO_EDITOR, LocalizedMessagesDirective, PopupTableGridComponent, PreventableEvent, getSelectionText, schema };