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

package/common/apply-to-word-options.d.ts

@@ -6,17 +6,15 @@
  * The options for applying a command to the "word" the cursor is in.
  * Contains two properties: `before` and `after` representing regular expressions
  * which determine the text before and after the cursor that constitutes a separate
- * "word" the command will be applied to ([see example]({% slug toolbartools_editor %}#toc-applying-commands-to-custom-area-of-effect)).
+ * "word" the command will be applied to ([see example]({% slug toolbartools_editor %}#toc-customizing-word-delimiters)).
  */
 export interface ApplyToWordOptions {
     /**
      * The regular expression that sets the delimeters used to determine the start of the matching text relevant to the current cursor position.
-     * @default `/[^ !,?.\[\]{}()]+$/i`
      */
     before: RegExp;
     /**
      * The regular expression that sets the delimeters used to determine the end of the matching text relevant to the current cursor position.
-     * @default `/^[^ !,?.\[\]{}()]+/i`
      */
     after: RegExp;
 }

package/common/commands.d.ts

@@ -20,6 +20,21 @@ export declare type EditorInternalCommand = 'print';
  */
 export declare type EditorCommand = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'createLink' | 'unlink' | 'insertFile' | 'insertImage' | 'insertOrderedList' | 'insertUnorderedList' | 'insertText' | 'indent' | 'outdent' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'format' | 'fontFamily' | 'fontSize' | 'cleanFormat' | 'setHTML' | 'undo' | 'redo' | 'subscript' | 'superscript' | 'cleanFormatting' | 'foreColor' | 'backColor' | 'insertTable' | 'addColumnBefore' | 'addColumnAfter' | 'addRowBefore' | 'addRowAfter' | 'deleteRow' | 'deleteColumn' | 'mergeCells' | 'splitCell' | 'deleteTable' | 'selectAll' | 'blockquote';
 /**
- * The list of the dialog names that are accepted by the `openDialog` method.
+ * The list of the dialog commands that are accepted by the `openDialog` method.
+ *
+ * The supported dialog commands are:
+ * - `createLink`
+ * - `viewSource`
+ * - `insertFile`
+ * - `insertImage`
+ * - `tableWizard`
+ *
+ * ```ts
+ * // Opens a `createLink` dialog.
+ * editor.openDialog('createLink');
+ *
+ * // Opens a `viewSource` dialog.
+ * editor.openDialog('viewSource');
+ * ```
  */
 export declare type DialogCommand = 'createLink' | 'insertFile' | 'insertImage' | 'viewSource';

package/common/css-settings.interface.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * The settings for applying custom CSS styles to the Editor in iframe mode ([more information and example](todo)).
+ * The settings for applying custom CSS styles to the Editor in iframe mode ([see example]({% slug styling_editor %}#toc-encapsulated-mode)).
  */
 export interface EditorCssSettings {
     /**
@@ -16,8 +16,6 @@ export interface EditorCssSettings {
     path?: string;
     /**
      * Defines whether the custom styles will override or extend the built-in styles.
-     *
-     * @default true
      */
     keepBuiltInCss?: boolean;
 }

package/common/font-family-item.interface.d.ts

@@ -8,18 +8,10 @@
 export interface FontFamilyItem {
     /**
      * The value of the [`font-family`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family) CSS property.
-     * @example
-     * ```ts-no-run
-     * 'Arial,"Helvetica Neue",Helvetica,sans-serif'
-     * ```
      */
     fontName: string;
     /**
      * The text for the font name that will be displayed in the drop-down list.
-     * @example
-     * ```ts-no-run
-     * 'Arial'
-     * ```
      */
     text: string;
 }

package/common/font-size-item.interface.d.ts

@@ -8,18 +8,10 @@
 export interface FontSizeItem {
     /**
      * The value of the [`font-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) CSS property.
-     * @example
-     * ```ts-no-run
-     * '4px'
-     * ```
      */
     size: number | string;
     /**
      * The text for the font size that will be displayed in the drop-down list.
-     * @example
-     * ```ts-no-run
-     * 'Small'
-     * ```
      */
     text: string;
 }

package/common/format-item.interface.d.ts

@@ -8,18 +8,10 @@
 export interface FormatItem {
     /**
      * The tag which will be applied.
-     * @example
-     * ```ts-no-run
-     * 'h1'
-     * ```
      */
     tag: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /**
      * The text for the defined tag that will be displayed in the drop-down list.
-     * @example
-     * ```ts-no-run
-     * 'Heading 1'
-     * ```
      */
     text: string;
 }

package/common/paste-cleanup-settings.d.ts

@@ -8,8 +8,6 @@
 export interface PasteCleanupSettings {
     /**
      * If set to `true`, MS Word lists will be converted into HTML lists.
-     *
-     * @default false
      */
     convertMsLists?: boolean;
     /**
@@ -17,16 +15,13 @@ export interface PasteCleanupSettings {
      *
      * For example `<!-- comment --> <p> content </p>` will result in `<p> content </p>`
      *
-     * @default false
      */
     removeHtmlComments?: boolean;
     /**
      * Specifies a list of tags to be removed from the HTML.
-     * > Child nodes of removed tags will be kept in place.
      *
      * For example when `stripTags: ['span']`, `<p><span lang=EN-US>content</span></p>` will result in `<p>content</p>`
      *
-     * @default []
      */
     stripTags?: string[];
     /**
@@ -34,12 +29,9 @@ export interface PasteCleanupSettings {
      * When set to `'all'`, every HTML attribute will be removed.
      * To customize the list of attributes, set `removeAttributes` to an array of the desired values.
      *
-     * > If set to `'all'`, this option takes precedence over `removeMsClasses` and `removeMsStyles`.
-     *
      * For example when `removeAttributes: ['lang']`, `<p><span lang=EN-US>content</span></p>`
      * will result in `<p><span>content</span></p>`
      *
-     * @default []
      */
     removeAttributes?: string[] | 'all';
     /**
@@ -47,7 +39,6 @@ export interface PasteCleanupSettings {
      *
      * For example `<p class="MsoNormal">pasted from MS Word</p>` will result in `<p>pasted from MS Word</p>`
      *
-     * @default false
      */
     removeMsClasses?: boolean;
     /**
@@ -56,7 +47,6 @@ export interface PasteCleanupSettings {
      * For example `<p><span style="color:#7C7C7C; mso-themecolor:accent3; mso-themeshade:191;">content</span></p>`
      * will result in `<p><span style="color: #7C7C7C; background: silver;">content</span></p>`
      *
-     * @default false
      */
     removeMsStyles?: boolean;
     /**
@@ -64,7 +54,6 @@ export interface PasteCleanupSettings {
      *
      * For example `<p>content <o:p>, <w:sdtPr></p>` will result in `<p>content </p>`
      *
-     * @default true
      */
     removeInvalidHTML?: boolean;
 }

package/editor.component.d.ts

@@ -72,13 +72,6 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
      * 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: PluginsFn);
     get plugins(): PluginsFn;
@@ -208,67 +201,12 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
      * ([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: EditorCommand, attr?: any): void;
     /**
      * 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: DialogCommand): void;
     /**

package/editor.module.d.ts

@@ -72,40 +72,19 @@ import * as i66 from "@progress/kendo-angular-label";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Editor component.
  *
- * The package exports:
- * - `EditorComponent`—The `EditorComponent` class.
- * - `EditorButtonDirective`—The `EditorButton` directive class.
- * - `EditorDropDownDirective`—The `EditorDropDown` directive class.
- * - `EditorDialogDirective`—The `EditorDialog` directive class.
- * - `ToolBarDropDownListComponent`—The `ToolBarDropDownListComponent` directive class.
- * - `ButtonModule`—The `KendoButton` module.
- * - `ToolBarModule`—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);
- *
  * ```
  */
 export declare class EditorModule {

package/esm2020/editor.component.mjs

@@ -330,13 +330,6 @@ export 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) {
@@ -469,46 +462,7 @@ export 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
@@ -534,22 +488,6 @@ export 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 = {

package/esm2020/editor.module.mjs

@@ -160,40 +160,19 @@ const INTERNAL_COMPONENTS = [
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the Editor component.
  *
- * The package exports:
- * - `EditorComponent`—The `EditorComponent` class.
- * - `EditorButtonDirective`—The `EditorButton` directive class.
- * - `EditorDropDownDirective`—The `EditorDropDown` directive class.
- * - `EditorDialogDirective`—The `EditorDialog` directive class.
- * - `ToolBarDropDownListComponent`—The `ToolBarDropDownListComponent` directive class.
- * - `ButtonModule`—The `KendoButton` module.
- * - `ToolBarModule`—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);
- *
  * ```
  */
 export class EditorModule {

package/esm2020/localization/custom-messages.component.mjs

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * Custom component messages override default component messages
- * ([see example]({% slug globalization_editor %}#toc-localization)).
+ * ([see example]({% slug globalization_editor %}#toc-custom-messages)).
  */
 export class CustomMessagesComponent extends MessagesDirective {
     constructor(service) {

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1687444295,
-    version: '13.1.0-develop.6',
+    publishDate: 1688385076,
+    version: '13.1.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/tools/alignment/editor-align-center-button.directive.mjs

@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
 import * as i3 from "../../common/provider.service";
 import * as i4 from "../tools.service";
 /**
- * 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>
- * ```
  */
 export class EditorAlignCenterButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {

package/esm2020/tools/alignment/editor-align-justify-button.directive.mjs

@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
 import * as i3 from "../../common/provider.service";
 import * as i4 from "../tools.service";
 /**
- * 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>
- * ```
  */
 export class EditorAlignJustifyButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {

package/esm2020/tools/alignment/editor-align-left-button.directive.mjs

@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
 import * as i3 from "../../common/provider.service";
 import * as i4 from "../tools.service";
 /**
- * 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>
- * ```
  */
 export class EditorAlignLeftButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {

package/esm2020/tools/alignment/editor-align-right-button.directive.mjs

@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
 import * as i3 from "../../common/provider.service";
 import * as i4 from "../tools.service";
 /**
- * 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>
- * ```
  */
 export class EditorAlignRightButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {

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

@@ -14,21 +14,14 @@ import * as i2 from "../../localization/editor-localization.service";
 import * as i3 from "../../common/provider.service";
 import * as i4 from "../tools.service";
 /**
- * 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>
- * ```
  */
 export class EditorBlockquoteDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {

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

@@ -11,6 +11,10 @@ import * as i1 from "./editor-colorpicker.component";
  * 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>
+ * ```
  */
 export class EditorBackColorDirective {
     constructor(colorPicker) {

package/esm2020/tools/colorpicker/editor-colorpicker.component.mjs

@@ -23,7 +23,7 @@ import * as i6 from "@angular/common";
 /**
  * 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)).
  */
 export class EditorColorPickerComponent extends ToolBarToolComponent {
     constructor(localization, dialogService, ngZone, providerService, renderer) {
@@ -35,6 +35,8 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
         this.tabindex = -1;
         /**
          * Specifies if the component should be disabled.
+         *
+         * @default false
          */
         this.disabled = false;
         /**

package/esm2020/tools/colorpicker/editor-fore-color.directive.mjs

@@ -11,6 +11,10 @@ import * as i1 from "./editor-colorpicker.component";
  * 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>
+ * ```
  */
 export class EditorForeColorDirective {
     constructor(colorPicker) {

package/esm2020/tools/editor-clean-formatting-button.directive.mjs

@@ -14,21 +14,14 @@ import * as i2 from "../localization/editor-localization.service";
 import * as i3 from "../common/provider.service";
 import * as i4 from "./tools.service";
 /**
- * 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>
- * ```
  */
 export class EditorCleanFormattingButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {