@progress/kendo-angular-editor 13.1.0 → 13.1.1-develop.1

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

@@ -40,8 +40,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1687932622,
-    version: '13.1.0',
+    publishDate: 1688385076,
+    version: '13.1.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -621,7 +621,18 @@ const conditionallyExecute = (fn) => (condition) => (param) => (condition ? fn(p
 const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x);
 // This re-declaration is neccessary for proper API generation
 /**
- * A method for extracting the text from the current editor state's selection
+ * A method for extracting the text from the current editor state's selection ([see example]({% slug plugins_editor %}#toc-popup-tools)).
+ *
+ * ```ts
+ * import {getSelectionText} from '@progress/kendo-angular-editor';
+ *
+ * export class AppComponent {
+ *     @ViewChild('editor') public editor;
+ *     public onClick(){
+ *         const selection = getSelectionText(this.editor.view.state)
+ *     }
+ * }
+ * ```
  * @param state
  * @returns
  */
@@ -1860,7 +1871,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The component associates a `kendo-dropdownlist` with an Editor command that changes the format of a content block and
- * automatically defines the options of the drop-down list and sets its values.
+ * automatically defines the options of the drop-down list and sets its values ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
  *
  * @example
  * ```ts-no-run
@@ -2401,22 +2412,15 @@ class EditorCommandButton extends EditorCommandBaseDirective {
 }
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Bold tool
+ * 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 `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorBoldButton ></kendo-toolbar-button>
- * ```
  */
 class EditorBoldButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2433,22 +2437,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.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 **Italic** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorItalicButton ></kendo-toolbar-button>
- * ```
  */
 class EditorItalicButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2465,22 +2462,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.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 **Underline** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorUnderlineButton ></kendo-toolbar-button>
- * ```
  */
 class EditorUnderlineButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2497,22 +2487,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AlignLeft 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 `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignLeftButton ></kendo-toolbar-button>
- * ```
  */
 class EditorAlignLeftButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2529,22 +2512,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AlignCenter 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 `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignCenterButton ></kendo-toolbar-button>
- * ```
  */
 class EditorAlignCenterButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2561,22 +2537,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AlignRight 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 `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignRightButton ></kendo-toolbar-button>
- * ```
  */
 class EditorAlignRightButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2593,22 +2562,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.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 **AlignJustify** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorAlignJustifyButton ></kendo-toolbar-button>
- * ```
  */
 class EditorAlignJustifyButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2625,22 +2587,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.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 **InsertUnorderedList** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorInsertUnorderedListButton ></kendo-toolbar-button>
- * ```
  */
 class EditorInsertUnorderedListButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2657,22 +2612,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.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 **InsertOrderedList** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorInsertOrderedListButton ></kendo-toolbar-button>
- * ```
  */
 class EditorInsertOrderedListButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2689,22 +2637,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.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 **Indent** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorIndentButton ></kendo-toolbar-button>
- * ```
  */
 class EditorIndentButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2721,22 +2662,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Outdent tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Outdent** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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 kendoEditorOutdentButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorOutdentButton ></kendo-toolbar-button>
- * ```
  */
 class EditorOutdentButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2776,22 +2710,15 @@ class EditorCommandDialog extends EditorCommandBaseDirective {
 }
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor CreateLink 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 `icon` and `click` event handlers of the button.
+ * 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>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorCreateLinkButton ></kendo-toolbar-button>
- * ```
  */
 class EditorCreateLinkButtonDirective extends EditorCommandDialog {
     constructor(button, localization, providerService, toolsService) {
@@ -2808,22 +2735,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.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 **Unlink** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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 kendoEditorUnlinkButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorUnlinkButton ></kendo-toolbar-button>
- * ```
  */
 class EditorUnlinkButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -2840,21 +2760,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertImage 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 `icon` and `click` event handlers of the button.
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
  *
  * @example
  * ```html
  * <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorInsertImageButton ></kendo-toolbar-button>
- * ```
  */
 class EditorInsertImageButtonDirective extends EditorCommandDialog {
     constructor(button, localization, providerService, toolsService) {
@@ -3151,13 +3064,6 @@ class EditorComponent {
      * Defines a function which determines the plugins that will be used when initializing the Editor.
      * It exposes the default plugins collection as an argument, and returns
      * the plugins collection that will be used when creating the Editor component. ([see example]({% slug plugins_editor %}))
-     *
-     * ```ts-no-run
-     *  pluginsCallback(defaultPlugins: Plugin[]): Plugin[] {
-     *    const myPlugin = new Plugin({/custom plugin code/});
-     *    return [...defaultPlugins, myPlugin];
-     *  }
-     * ```
      */
     set plugins(fn) {
         if (isDevMode) {
@@ -3290,46 +3196,7 @@ class EditorComponent {
      * ([more information and example]({% slug toolbartools_editor %}#toc-custom-tools)).
      *
      * @param {EditorCommand} commandName - The command that will be executed.
-     * @param {any} attr - Optional parameters for the command. Apart from the following list,
-     * the parameters do not expect specific attributes when you call them:
-     * - `format` - Accepts an object with the `tag` property.
-     * The supported tags are `p` and any of the `h1` to `h6` heading tags.
-     * - `createLink` - Accepts an object with the `href`, `title`, and `target` properties. The `href` property is mandatory.
-     * - `setHTML` - Accepts a `string` parameter.
-     * - `insertTable` - Accepts an object with the `rows` and `cols` properties. The number values are zero based.
-     *
-     * @example
-     * ```ts-no-run
-     * // Toggles the bold styling.
-     * editor.exec('bold');
-     *
-     * // Creates a bullet list.
-     * editor.exec('insertUnorderedList');
-     *
-     * // Creates a link.
-     * editor.exec('createLink', { href: 'www.progress.com', title: 'Progress', target: 'window' });
-     *
-     * // Inserts a file.
-     * editor.exec('insertFile', { href: 'www.progress.com/resources/myfile.doc', title: 'My file', target: 'window' });
-     *
-     * // Inserts a image.
-     * editor.exec('insertImage', { src: 'www.progress.com/resources/logo.jpg', title: 'Progress', target: 'window' });
-     *
-     * // Inserts a text at a given position. If no position is specified, the text will be inserted after the cursor.
-     * editor.exec('insertText', { text: 'Hello World!', from: 0, to: 0 });
-     *
-     * // Changes the format of a text block.
-     * editor.exec('format', { tag: 'h2' });
-     *
-     * // Changes the font size of the selected text.
-     * editor.exec('fontSize', 24);
-     *
-     * // Changes the content of the Editor.
-     * editor.exec('setHTML', '<p>HTML content</p>');
-     *
-     * // Creates and inserts a table with the specified number of rows and columns. Numbers are zero based.
-     * this.editor.exec("insertTable", { rows: 3, cols: 5 });
-     * ```
+     * @param {any} attr - Optional parameters for the command.
      */
     exec(commandName, attr) {
         // normalizes setHTML attributes
@@ -3355,22 +3222,6 @@ class EditorComponent {
     /**
      * Opens a dialog.
      * @param {DialogCommand} dialogName - The name of the dialog that will open.
-     *
-     * The supported values are:
-     * * `createLink`
-     * * `viewSource`
-     * * `insertFile`
-     * * `insertImage`
-     * * `tableWizard`
-     *
-     * @example
-     * ```ts-no-run
-     * // Opens a `createLink` dialog.
-     * editor.openDialog('createLink');
-     *
-     * // Opens a `viewSource` dialog.
-     * editor.openDialog('viewSource');
-     * ```
      */
     openDialog(dialogName) {
         const editorDialogs = {
@@ -4763,14 +4614,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The component associates a `kendo-dropdownlist` with an Editor command that changes the font size of a content block and
- * automatically defines the options of the drop-down list and sets its values.
+ * automatically defines the options of the drop-down list and sets its values ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
  *
  * @example
  * ```ts-no-run
  * <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
  * ```
- *
- * Use the FontSize tool to provide a custom list of font size options including any allowed units ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
  */
 class EditorFontSizeComponent extends ToolBarToolComponent {
     constructor(dialogService, localization, providerService, toolsService, renderer) {
@@ -5000,7 +4849,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
  * The component associates a `kendo-toolbar-dropdownlist` with an Editor command that changes the font family of a content block and
- * automatically defines the options of the drop-down list and sets its values.
+ * automatically defines the options of the drop-down list and sets its values ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
  *
  * @example
  * ```ts-no-run
@@ -5227,7 +5076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * A component which configures an existing ColorPickerComponent as a ToolBar tool.
  * To associate a `kendo-toolbar-colorpicker` with an Editor command that changes the
- * foreground or the background color of the text, use the `kendoEditorForeColor` or `kendoEditorBackColor` directive.
+ * foreground or the background color of the text, use the `kendoEditorForeColor` or `kendoEditorBackColor` directivе ([more information]({% slug toolbartools_editor %}#toc-colorpickers)).
  */
 class EditorColorPickerComponent extends ToolBarToolComponent {
     constructor(localization, dialogService, ngZone, providerService, renderer) {
@@ -5239,6 +5088,8 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
         this.tabindex = -1;
         /**
          * Specifies if the component should be disabled.
+         *
+         * @default false
          */
         this.disabled = false;
         /**
@@ -5741,21 +5592,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }] } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Blockquote** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
  *
  * @example
  * ```html
  * <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorBlockquoteButton ></kendo-toolbar-button>
- * ```
  */
 class EditorBlockquoteDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -5772,22 +5616,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Redo tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Redo** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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 kendoEditorRedoButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorRedoButton ></kendo-toolbar-button>
- * ```
  */
 class EditorRedoButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -5804,22 +5641,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Undo tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Undo** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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 kendoEditorUndoButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorUndoButton ></kendo-toolbar-button>
- * ```
  */
 class EditorUndoButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -5836,21 +5666,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor ViewSource tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **ViewSource** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
  *
  * @example
  * ```html
  * <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorViewSourceButton ></kendo-toolbar-button>
- * ```
  */
 class EditorViewSourceButtonDirective extends EditorCommandDialog {
     constructor(button, localization, providerService, toolsService) {
@@ -5867,22 +5690,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Strikethrough tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Strikethrough** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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 kendoEditorStrikethroughButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorStrikethroughButton ></kendo-toolbar-button>
- * ```
  */
 class EditorStrikethroughButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -5899,22 +5715,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Subscript tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Subscript** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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 kendoEditorSubscriptButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorSubscriptButton ></kendo-toolbar-button>
- * ```
  */
 class EditorSubscriptButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -5931,22 +5740,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Superscript tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Superscript** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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 kendoEditorSuperscriptButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorSuperscriptButton ></kendo-toolbar-button>
- * ```
  */
 class EditorSuperscriptButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -5963,12 +5765,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor 'Insert File' tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Insert File** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
  * ```
  */
@@ -5990,6 +5792,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * A directive which configures an `EditorColorPickerComponent`
  * for manipulating the foreground color of the text
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ *
+ * ```html
+ * <kendo-toolbar-colorpicker kendoEditorForeColor ></kendo-toolbar-colorpicker>
+ * ```
  */
 class EditorForeColorDirective {
     constructor(colorPicker) {
@@ -6012,6 +5818,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * A directive which configures an `EditorColorPickerComponent`
  * for manipulating the background color of the text
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ *
+ * ```html
+ * <kendo-toolbar-colorpicker kendoEditorBackColor view="gradient"> </kendo-toolbar-colorpicker>
+ * ```
  */
 class EditorBackColorDirective {
     constructor(colorPicker) {
@@ -6031,21 +5841,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: EditorColorPickerComponent }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Clean Formatting tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Clean Formatting** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
  *
  * @example
  * ```html
  * <kendo-toolbar-button kendoEditorCleanFormattingButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorCleanFormattingButton ></kendo-toolbar-button>
- * ```
  */
 class EditorCleanFormattingButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -6062,13 +5865,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddColumnBefore tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AddColumnBefore** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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
- * ```ts-no-run
+ * ```html
  * <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>
  * ```
  */
@@ -6087,13 +5890,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddColumnAfter tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AddColumnAfter** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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
- * ```ts-no-run
+ * ```html
  * <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>
  * ```
  */
@@ -6112,13 +5915,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddRowBefore tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AddRowBefore** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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
- * ```ts-no-run
+ * ```html
  * <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>
  * ```
  */
@@ -6137,13 +5940,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddRowAfter tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AddRowAfter** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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
- * ```ts-no-run
+ * ```html
  * <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>
  * ```
  */
@@ -6162,13 +5965,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteColumn tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **DeleteColumn** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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
- * ```ts-no-run
+ * ```html
  * <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>
  * ```
  */
@@ -6187,13 +5990,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteRow tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **DeleteRow** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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
- * ```ts-no-run
+ * ```html
  * <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>
  * ```
  */
@@ -6212,13 +6015,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteTable tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **DeleteTable** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * 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
- * ```ts-no-run
+ * ```html
  * <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>
  * ```
  */
@@ -6292,7 +6095,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Custom component messages override default component messages
- * ([see example]({% slug globalization_editor %}#toc-localization)).
+ * ([see example]({% slug globalization_editor %}#toc-custom-messages)).
  */
 class CustomMessagesComponent extends MessagesDirective {
     constructor(service) {
@@ -6325,9 +6128,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Print tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Print** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
  *
  * > The Editor Print tool is supported in the default [`iframe`](https://www.telerik.com/kendo-angular-ui-develop/components/editor/api/EditorComponent/#toc-iframe) mode only.
  *
@@ -6335,13 +6138,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * ```html
  * <kendo-toolbar-button kendoEditorPrintButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorPrintButton ></kendo-toolbar-button>
- * ```
  */
 class EditorPrintDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -6376,21 +6172,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }]; } });
 
 /**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor SelectAll tool
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **SelectAll** tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
  *
  * @example
  * ```html
  * <kendo-toolbar-button kendoEditorSelectAllButton></kendo-toolbar-button>
  * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorSelectAllButton ></kendo-toolbar-button>
- * ```
  */
 class EditorSelectAllButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
@@ -6500,40 +6289,19 @@ const INTERNAL_COMPONENTS = [
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Editor component.
  *
- * The package exports:
- * - `EditorComponent`&mdash;The `EditorComponent` class.
- * - `EditorButtonDirective`&mdash;The `EditorButton` directive class.
- * - `EditorDropDownDirective`&mdash;The `EditorDropDown` directive class.
- * - `EditorDialogDirective`&mdash;The `EditorDialog` directive class.
- * - `ToolBarDropDownListComponent`&mdash;The `ToolBarDropDownListComponent` directive class.
- * - `ButtonModule`&mdash;The `KendoButton` module.
- * - `ToolBarModule`&mdash;The `KendoToolBar` module.
- *
- *  * @example
- *
  * ```ts-no-run
- * // Import the Editor module
- * import { EditorModule } from '@progress/kendo-angular-editor';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { EditorModule } from '@progress/kendo-angular-editor';
+ * import { BrowserModule } from "@angular/platform-browser";
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
  * _@NgModule({
- *     declarations: [AppComponent], // declare the app component
- *     imports:      [BrowserModule, EditorModule], // import the Editor module
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, EditorModule],
  *     bootstrap:    [AppComponent]
  * })
  * export class AppModule {}
  *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 class EditorModule {