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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/common/apply-to-word-options.d.ts +1 -3
  2. package/common/commands.d.ts +16 -1
  3. package/common/css-settings.interface.d.ts +1 -3
  4. package/common/font-family-item.interface.d.ts +0 -8
  5. package/common/font-size-item.interface.d.ts +0 -8
  6. package/common/format-item.interface.d.ts +0 -8
  7. package/common/paste-cleanup-settings.d.ts +0 -11
  8. package/editor.component.d.ts +1 -63
  9. package/editor.module.d.ts +4 -25
  10. package/esm2020/editor.component.mjs +1 -63
  11. package/esm2020/editor.module.mjs +4 -25
  12. package/esm2020/localization/custom-messages.component.mjs +1 -1
  13. package/esm2020/package-metadata.mjs +2 -2
  14. package/esm2020/tools/alignment/editor-align-center-button.directive.mjs +2 -9
  15. package/esm2020/tools/alignment/editor-align-justify-button.directive.mjs +2 -9
  16. package/esm2020/tools/alignment/editor-align-left-button.directive.mjs +2 -9
  17. package/esm2020/tools/alignment/editor-align-right-button.directive.mjs +2 -9
  18. package/esm2020/tools/blockquote/editor-blockquote-button.directive.mjs +2 -9
  19. package/esm2020/tools/colorpicker/editor-back-color.directive.mjs +4 -0
  20. package/esm2020/tools/colorpicker/editor-colorpicker.component.mjs +3 -1
  21. package/esm2020/tools/colorpicker/editor-fore-color.directive.mjs +4 -0
  22. package/esm2020/tools/editor-clean-formatting-button.directive.mjs +2 -9
  23. package/esm2020/tools/fontfamily/editor-fontfamily.component.mjs +1 -1
  24. package/esm2020/tools/fontsize/editor-fontsize.component.mjs +1 -3
  25. package/esm2020/tools/format/editor-format.component.mjs +1 -1
  26. package/esm2020/tools/history/editor-redo-button.directive.mjs +2 -9
  27. package/esm2020/tools/history/editor-undo-button.directive.mjs +2 -9
  28. package/esm2020/tools/image/editor-insert-image-button.directive.mjs +2 -9
  29. package/esm2020/tools/indentation/editor-indent-button.directive.mjs +2 -9
  30. package/esm2020/tools/indentation/editor-outdent-button.directive.mjs +2 -9
  31. package/esm2020/tools/link/editor-create-link-button.directive.mjs +2 -9
  32. package/esm2020/tools/link/editor-insert-file-button.directive.mjs +3 -3
  33. package/esm2020/tools/link/editor-unlink-button.directive.mjs +2 -9
  34. package/esm2020/tools/list/editor-insert-ordered-list-button.directive.mjs +2 -9
  35. package/esm2020/tools/list/editor-insert-unordered-list-button.directive.mjs +2 -9
  36. package/esm2020/tools/print/editor-print-button.directive.mjs +2 -9
  37. package/esm2020/tools/select-all/select-all-button.directive.mjs +2 -9
  38. package/esm2020/tools/source/editor-view-source-button.directive.mjs +2 -9
  39. package/esm2020/tools/tables/editor-add-column-after-button.directive.mjs +3 -3
  40. package/esm2020/tools/tables/editor-add-column-before-button.directive.mjs +3 -3
  41. package/esm2020/tools/tables/editor-add-row-after-button.directive.mjs +3 -3
  42. package/esm2020/tools/tables/editor-add-row-before-button.directive.mjs +3 -3
  43. package/esm2020/tools/tables/editor-delete-column-button.directive.mjs +3 -3
  44. package/esm2020/tools/tables/editor-delete-row-button.directive.mjs +3 -3
  45. package/esm2020/tools/tables/editor-delete-table-button.directive.mjs +3 -3
  46. package/esm2020/tools/typographical-emphasis/editor-bold-button.directive.mjs +2 -9
  47. package/esm2020/tools/typographical-emphasis/editor-italic-button.directive.mjs +2 -9
  48. package/esm2020/tools/typographical-emphasis/editor-strikethrough-button.directive.mjs +2 -9
  49. package/esm2020/tools/typographical-emphasis/editor-subscript-button.directive.mjs +2 -9
  50. package/esm2020/tools/typographical-emphasis/editor-superscript-button.directive.mjs +2 -9
  51. package/esm2020/tools/typographical-emphasis/editor-underline-button.directive.mjs +2 -9
  52. package/esm2020/util.mjs +12 -1
  53. package/fesm2015/progress-kendo-angular-editor.mjs +106 -338
  54. package/fesm2020/progress-kendo-angular-editor.mjs +106 -338
  55. package/index.d.ts +0 -1
  56. package/localization/custom-messages.component.d.ts +1 -1
  57. package/package.json +14 -14
  58. package/schematics/ngAdd/index.js +3 -3
  59. package/tools/alignment/editor-align-center-button.directive.d.ts +2 -9
  60. package/tools/alignment/editor-align-justify-button.directive.d.ts +2 -9
  61. package/tools/alignment/editor-align-left-button.directive.d.ts +2 -9
  62. package/tools/alignment/editor-align-right-button.directive.d.ts +2 -9
  63. package/tools/blockquote/editor-blockquote-button.directive.d.ts +2 -9
  64. package/tools/colorpicker/editor-back-color.directive.d.ts +4 -0
  65. package/tools/colorpicker/editor-colorpicker.component.d.ts +3 -1
  66. package/tools/colorpicker/editor-fore-color.directive.d.ts +4 -0
  67. package/tools/editor-clean-formatting-button.directive.d.ts +2 -9
  68. package/tools/fontfamily/editor-fontfamily.component.d.ts +1 -1
  69. package/tools/fontsize/editor-fontsize.component.d.ts +1 -3
  70. package/tools/format/editor-format.component.d.ts +1 -1
  71. package/tools/history/editor-redo-button.directive.d.ts +2 -9
  72. package/tools/history/editor-undo-button.directive.d.ts +2 -9
  73. package/tools/image/editor-insert-image-button.directive.d.ts +2 -9
  74. package/tools/indentation/editor-indent-button.directive.d.ts +2 -9
  75. package/tools/indentation/editor-outdent-button.directive.d.ts +2 -9
  76. package/tools/link/editor-create-link-button.directive.d.ts +2 -9
  77. package/tools/link/editor-insert-file-button.directive.d.ts +3 -3
  78. package/tools/link/editor-unlink-button.directive.d.ts +2 -9
  79. package/tools/list/editor-insert-ordered-list-button.directive.d.ts +2 -9
  80. package/tools/list/editor-insert-unordered-list-button.directive.d.ts +2 -9
  81. package/tools/print/editor-print-button.directive.d.ts +2 -9
  82. package/tools/select-all/select-all-button.directive.d.ts +2 -9
  83. package/tools/source/editor-view-source-button.directive.d.ts +2 -9
  84. package/tools/tables/editor-add-column-after-button.directive.d.ts +3 -3
  85. package/tools/tables/editor-add-column-before-button.directive.d.ts +3 -3
  86. package/tools/tables/editor-add-row-after-button.directive.d.ts +3 -3
  87. package/tools/tables/editor-add-row-before-button.directive.d.ts +3 -3
  88. package/tools/tables/editor-delete-column-button.directive.d.ts +3 -3
  89. package/tools/tables/editor-delete-row-button.directive.d.ts +3 -3
  90. package/tools/tables/editor-delete-table-button.directive.d.ts +3 -3
  91. package/tools/typographical-emphasis/editor-bold-button.directive.d.ts +2 -9
  92. package/tools/typographical-emphasis/editor-italic-button.directive.d.ts +2 -9
  93. package/tools/typographical-emphasis/editor-strikethrough-button.directive.d.ts +2 -9
  94. package/tools/typographical-emphasis/editor-subscript-button.directive.d.ts +2 -9
  95. package/tools/typographical-emphasis/editor-superscript-button.directive.d.ts +2 -9
  96. package/tools/typographical-emphasis/editor-underline-button.directive.d.ts +2 -9
  97. package/util.d.ts +12 -1
  98. package/esm2020/preventable-events/paste-event-data.mjs +0 -5
  99. package/preventable-events/paste-event-data.d.ts +0 -21
@@ -25,7 +25,7 @@ import * as i7 from "@angular/common";
25
25
  * A component which configures an existing `DropDownListComponent` as an Editor tool
26
26
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
27
27
  * The component associates a `kendo-toolbar-dropdownlist` with an Editor command that changes the font family of a content block and
28
- * automatically defines the options of the drop-down list and sets its values.
28
+ * automatically defines the options of the drop-down list and sets its values ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
29
29
  *
30
30
  * @example
31
31
  * ```ts-no-run
@@ -24,14 +24,12 @@ import * as i7 from "@angular/common";
24
24
  * A component which configures an existing `DropDownListComponent` as an Editor tool
25
25
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
26
26
  * The component associates a `kendo-dropdownlist` with an Editor command that changes the font size of a content block and
27
- * automatically defines the options of the drop-down list and sets its values.
27
+ * automatically defines the options of the drop-down list and sets its values ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
28
28
  *
29
29
  * @example
30
30
  * ```ts-no-run
31
31
  * <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
32
32
  * ```
33
- *
34
- * Use the FontSize tool to provide a custom list of font size options including any allowed units ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
35
33
  */
36
34
  export class EditorFontSizeComponent extends ToolBarToolComponent {
37
35
  constructor(dialogService, localization, providerService, toolsService, renderer) {
@@ -24,7 +24,7 @@ import * as i7 from "@angular/common";
24
24
  * A component which configures an existing `DropDownListComponent` as an Editor tool
25
25
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
26
26
  * The component associates a `kendo-dropdownlist` with an Editor command that changes the format of a content block and
27
- * automatically defines the options of the drop-down list and sets its values.
27
+ * automatically defines the options of the drop-down list and sets its values ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
28
28
  *
29
29
  * @example
30
30
  * ```ts-no-run
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Redo tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Redo** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorRedoButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorRedoButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Undo tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Undo** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorUndoButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorUndoButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,21 +14,14 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertImage tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertImage** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  *
21
21
  * @example
22
22
  * ```html
23
23
  * <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
24
24
  * ```
25
- *
26
- * The following example demonstrates how to change the default icon that is applied by the directive.
27
- *
28
- * @example
29
- * ```html
30
- * <kendo-toolbar-button kendoEditorInsertImageButton ></kendo-toolbar-button>
31
- * ```
32
25
  */
33
26
  export class EditorInsertImageButtonDirective extends EditorCommandDialog {
34
27
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Indent tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Indent** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorIndentButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorIndentButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Outdent tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Outdent** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorOutdentButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorOutdentButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor CreateLink tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **CreateLink** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorCreateLinkButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorCreateLinkButtonDirective extends EditorCommandDialog {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,12 +14,12 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor 'Insert File' tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Insert File** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  *
21
21
  * @example
22
- * ```ts-no-run
22
+ * ```html
23
23
  * <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
24
24
  * ```
25
25
  */
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Unlink tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Unlink** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorUnlinkButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorUnlinkButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertOrderedList tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertOrderedList** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorInsertOrderedListButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorInsertOrderedListButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertUnorderedList tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **InsertUnorderedList** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorInsertUnorderedListButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorInsertUnorderedListButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -15,9 +15,9 @@ import * as i2 from "../../localization/editor-localization.service";
15
15
  import * as i3 from "../../common/provider.service";
16
16
  import * as i4 from "../tools.service";
17
17
  /**
18
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Print tool
18
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Print** tool
19
19
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
20
- * The directive will predefine the `icon` and `click` event handlers of the button.
20
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
21
21
  *
22
22
  * > 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.
23
23
  *
@@ -25,13 +25,6 @@ import * as i4 from "../tools.service";
25
25
  * ```html
26
26
  * <kendo-toolbar-button kendoEditorPrintButton></kendo-toolbar-button>
27
27
  * ```
28
- *
29
- * The following example demonstrates how to change the default icon that is applied by the directive.
30
- *
31
- * @example
32
- * ```html
33
- * <kendo-toolbar-button kendoEditorPrintButton ></kendo-toolbar-button>
34
- * ```
35
28
  */
36
29
  export class EditorPrintDirective extends EditorCommandButton {
37
30
  constructor(button, localization, providerService, toolsService) {
@@ -14,21 +14,14 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor SelectAll tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **SelectAll** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  *
21
21
  * @example
22
22
  * ```html
23
23
  * <kendo-toolbar-button kendoEditorSelectAllButton></kendo-toolbar-button>
24
24
  * ```
25
- *
26
- * The following example demonstrates how to change the default icon that is applied by the directive.
27
- *
28
- * @example
29
- * ```html
30
- * <kendo-toolbar-button kendoEditorSelectAllButton ></kendo-toolbar-button>
31
- * ```
32
25
  */
33
26
  export class EditorSelectAllButtonDirective extends EditorCommandButton {
34
27
  constructor(button, localization, providerService, toolsService) {
@@ -14,21 +14,14 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor ViewSource tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **ViewSource** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  *
21
21
  * @example
22
22
  * ```html
23
23
  * <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>
24
24
  * ```
25
- *
26
- * The following example demonstrates how to change the default icon that is applied by the directive.
27
- *
28
- * @example
29
- * ```html
30
- * <kendo-toolbar-button kendoEditorViewSourceButton ></kendo-toolbar-button>
31
- * ```
32
25
  */
33
26
  export class EditorViewSourceButtonDirective extends EditorCommandDialog {
34
27
  constructor(button, localization, providerService, toolsService) {
@@ -14,13 +14,13 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddColumnAfter tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AddColumnAfter** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
- * ```ts-no-run
23
+ * ```html
24
24
  * <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>
25
25
  * ```
26
26
  */
@@ -14,13 +14,13 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddColumnBefore tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AddColumnBefore** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
- * ```ts-no-run
23
+ * ```html
24
24
  * <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>
25
25
  * ```
26
26
  */
@@ -14,13 +14,13 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddRowAfter tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AddRowAfter** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
- * ```ts-no-run
23
+ * ```html
24
24
  * <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>
25
25
  * ```
26
26
  */
@@ -14,13 +14,13 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddRowBefore tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **AddRowBefore** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
- * ```ts-no-run
23
+ * ```html
24
24
  * <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>
25
25
  * ```
26
26
  */
@@ -14,13 +14,13 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteColumn tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **DeleteColumn** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
- * ```ts-no-run
23
+ * ```html
24
24
  * <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>
25
25
  * ```
26
26
  */
@@ -14,13 +14,13 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteRow tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **DeleteRow** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
- * ```ts-no-run
23
+ * ```html
24
24
  * <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>
25
25
  * ```
26
26
  */
@@ -14,13 +14,13 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteTable tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **DeleteTable** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
- * ```ts-no-run
23
+ * ```html
24
24
  * <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>
25
25
  * ```
26
26
  */
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Bold tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Bold** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorBoldButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorBoldButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Italic tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Italic** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorItalicButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorItalicButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Strikethrough tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Strikethrough** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorStrikethroughButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorStrikethroughButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Subscript tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Subscript** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorSubscriptButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorSubscriptButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {
@@ -14,22 +14,15 @@ import * as i2 from "../../localization/editor-localization.service";
14
14
  import * as i3 from "../../common/provider.service";
15
15
  import * as i4 from "../tools.service";
16
16
  /**
17
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Superscript tool
17
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor **Superscript** tool
18
18
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * The directive will predefine the `icon` and `click` event handlers of the button.
19
+ * The directive will predefine the SVG icon and `click` event handlers of the button.
20
20
  * In addition, the directive updates the `selected` state of the button according to the cursor position in the editing area.
21
21
  *
22
22
  * @example
23
23
  * ```html
24
24
  * <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>
25
25
  * ```
26
- *
27
- * The following example demonstrates how to change the default icon that is applied by the directive.
28
- *
29
- * @example
30
- * ```html
31
- * <kendo-toolbar-button kendoEditorSuperscriptButton ></kendo-toolbar-button>
32
- * ```
33
26
  */
34
27
  export class EditorSuperscriptButtonDirective extends EditorCommandButton {
35
28
  constructor(button, localization, providerService, toolsService) {