@progress/kendo-angular-editor 17.0.0-develop.3 → 17.0.0-develop.30

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 (125) hide show
  1. package/README.md +26 -18
  2. package/common/commands.d.ts +5 -5
  3. package/common/direction.d.ts +1 -1
  4. package/common/plugins-function.d.ts +1 -1
  5. package/common/predicate.d.ts +1 -1
  6. package/config/utils.d.ts +2 -2
  7. package/dialogs/colorpicker-dialog.component.d.ts +1 -1
  8. package/dialogs/file-link-dialog.component.d.ts +1 -1
  9. package/dialogs/font-family-dialog.component.d.ts +1 -1
  10. package/dialogs/font-size-dialog.component.d.ts +1 -1
  11. package/dialogs/format-dialog.component.d.ts +1 -1
  12. package/dialogs/image-dialog.component.d.ts +1 -1
  13. package/dialogs/insert-table-dialog.component.d.ts +1 -1
  14. package/dialogs/source-dialog.component.d.ts +1 -1
  15. package/editor.component.d.ts +1 -1
  16. package/{esm2020 → esm2022}/common/provider.service.mjs +4 -3
  17. package/{esm2020 → esm2022}/dialogs/colorpicker-dialog.component.mjs +17 -5
  18. package/{esm2020 → esm2022}/dialogs/file-link-dialog.component.mjs +15 -10
  19. package/{esm2020 → esm2022}/dialogs/font-family-dialog.component.mjs +13 -6
  20. package/{esm2020 → esm2022}/dialogs/font-size-dialog.component.mjs +13 -6
  21. package/{esm2020 → esm2022}/dialogs/format-dialog.component.mjs +13 -6
  22. package/{esm2020 → esm2022}/dialogs/image-dialog.component.mjs +29 -21
  23. package/{esm2020 → esm2022}/dialogs/insert-table-dialog.component.mjs +8 -5
  24. package/{esm2020 → esm2022}/dialogs/source-dialog.component.mjs +10 -6
  25. package/{esm2020 → esm2022}/editor.component.mjs +222 -180
  26. package/{esm2020 → esm2022}/editor.module.mjs +4 -4
  27. package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +9 -8
  28. package/{esm2020 → esm2022}/localization/editor-localization.service.mjs +3 -3
  29. package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +7 -6
  30. package/esm2022/localization/messages.mjs +364 -0
  31. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  32. package/{esm2020 → esm2022}/preventable-events/paste-event.mjs +12 -0
  33. package/{esm2020 → esm2022}/preventable-events/preventable-event.mjs +1 -3
  34. package/{esm2020 → esm2022}/tools/alignment/editor-align-center-button.directive.mjs +3 -3
  35. package/{esm2020 → esm2022}/tools/alignment/editor-align-justify-button.directive.mjs +3 -3
  36. package/{esm2020 → esm2022}/tools/alignment/editor-align-left-button.directive.mjs +3 -3
  37. package/{esm2020 → esm2022}/tools/alignment/editor-align-right-button.directive.mjs +3 -3
  38. package/{esm2020 → esm2022}/tools/blockquote/editor-blockquote-button.directive.mjs +3 -3
  39. package/{esm2020 → esm2022}/tools/colorpicker/editor-back-color.directive.mjs +4 -3
  40. package/{esm2020 → esm2022}/tools/colorpicker/editor-colorpicker.component.mjs +59 -33
  41. package/{esm2020 → esm2022}/tools/colorpicker/editor-fore-color.directive.mjs +4 -3
  42. package/{esm2020 → esm2022}/tools/editor-clean-formatting-button.directive.mjs +3 -3
  43. package/{esm2020 → esm2022}/tools/fontfamily/editor-fontfamily-dropdownlist.component.mjs +14 -7
  44. package/{esm2020 → esm2022}/tools/fontfamily/editor-fontfamily.component.mjs +53 -41
  45. package/{esm2020 → esm2022}/tools/fontsize/editor-fontsize-dropdownlist.component.mjs +14 -7
  46. package/{esm2020 → esm2022}/tools/fontsize/editor-fontsize.component.mjs +48 -36
  47. package/{esm2020 → esm2022}/tools/format/editor-format-dropdownlist.component.mjs +14 -7
  48. package/{esm2020 → esm2022}/tools/format/editor-format.component.mjs +41 -36
  49. package/{esm2020 → esm2022}/tools/history/editor-redo-button.directive.mjs +3 -3
  50. package/{esm2020 → esm2022}/tools/history/editor-undo-button.directive.mjs +3 -3
  51. package/{esm2020 → esm2022}/tools/image/editor-insert-image-button.directive.mjs +3 -3
  52. package/{esm2020 → esm2022}/tools/indentation/editor-indent-button.directive.mjs +3 -3
  53. package/{esm2020 → esm2022}/tools/indentation/editor-outdent-button.directive.mjs +3 -3
  54. package/{esm2020 → esm2022}/tools/link/editor-create-link-button.directive.mjs +3 -3
  55. package/{esm2020 → esm2022}/tools/link/editor-insert-file-button.directive.mjs +3 -3
  56. package/{esm2020 → esm2022}/tools/link/editor-unlink-button.directive.mjs +3 -3
  57. package/{esm2020 → esm2022}/tools/list/editor-insert-ordered-list-button.directive.mjs +3 -3
  58. package/{esm2020 → esm2022}/tools/list/editor-insert-unordered-list-button.directive.mjs +3 -3
  59. package/{esm2020 → esm2022}/tools/print/editor-print-button.directive.mjs +3 -3
  60. package/{esm2020 → esm2022}/tools/select-all/select-all-button.directive.mjs +3 -3
  61. package/{esm2020 → esm2022}/tools/shared/dropdown-tool.directive.mjs +11 -9
  62. package/{esm2020 → esm2022}/tools/shared/editor-command-base.mjs +9 -3
  63. package/{esm2020 → esm2022}/tools/shared/editor-command-button.mjs +5 -0
  64. package/{esm2020 → esm2022}/tools/shared/editor-command-dialog.mjs +5 -0
  65. package/{esm2020 → esm2022}/tools/source/editor-view-source-button.directive.mjs +3 -3
  66. package/{esm2020 → esm2022}/tools/tables/editor-add-column-after-button.directive.mjs +3 -3
  67. package/{esm2020 → esm2022}/tools/tables/editor-add-column-before-button.directive.mjs +3 -3
  68. package/{esm2020 → esm2022}/tools/tables/editor-add-row-after-button.directive.mjs +3 -3
  69. package/{esm2020 → esm2022}/tools/tables/editor-add-row-before-button.directive.mjs +3 -3
  70. package/{esm2020 → esm2022}/tools/tables/editor-delete-column-button.directive.mjs +3 -3
  71. package/{esm2020 → esm2022}/tools/tables/editor-delete-row-button.directive.mjs +3 -3
  72. package/{esm2020 → esm2022}/tools/tables/editor-delete-table-button.directive.mjs +3 -3
  73. package/{esm2020 → esm2022}/tools/tables/editor-insert-table-button.component.mjs +27 -16
  74. package/{esm2020 → esm2022}/tools/tables/editor-merge-cells-button.directive.mjs +3 -3
  75. package/{esm2020 → esm2022}/tools/tables/editor-split-cell-button.directive.mjs +3 -3
  76. package/{esm2020 → esm2022}/tools/tables/popup-table-grid.component.mjs +11 -10
  77. package/{esm2020 → esm2022}/tools/tools.service.mjs +5 -4
  78. package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-bold-button.directive.mjs +3 -3
  79. package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-italic-button.directive.mjs +3 -3
  80. package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-strikethrough-button.directive.mjs +3 -3
  81. package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-subscript-button.directive.mjs +3 -3
  82. package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-superscript-button.directive.mjs +3 -3
  83. package/{esm2020 → esm2022}/tools/typographical-emphasis/editor-underline-button.directive.mjs +3 -3
  84. package/{fesm2020 → fesm2022}/progress-kendo-angular-editor.mjs +1040 -591
  85. package/localization/messages.d.ts +1 -1
  86. package/package.json +24 -30
  87. package/schematics/ngAdd/index.js +4 -4
  88. package/tools/colorpicker/editor-colorpicker.component.d.ts +2 -4
  89. package/tools/fontfamily/editor-fontfamily-dropdownlist.component.d.ts +1 -1
  90. package/tools/fontfamily/editor-fontfamily.component.d.ts +2 -4
  91. package/tools/fontsize/editor-fontsize-dropdownlist.component.d.ts +1 -1
  92. package/tools/fontsize/editor-fontsize.component.d.ts +2 -4
  93. package/tools/format/editor-format-dropdownlist.component.d.ts +1 -1
  94. package/tools/format/editor-format.component.d.ts +2 -4
  95. package/tools/tables/editor-insert-table-button.component.d.ts +0 -2
  96. package/esm2020/localization/messages.mjs +0 -132
  97. package/fesm2015/progress-kendo-angular-editor.mjs +0 -6403
  98. /package/{esm2020 → esm2022}/common/active-marks.mjs +0 -0
  99. /package/{esm2020 → esm2022}/common/apply-to-word-options.mjs +0 -0
  100. /package/{esm2020 → esm2022}/common/commands.mjs +0 -0
  101. /package/{esm2020 → esm2022}/common/css-settings.interface.mjs +0 -0
  102. /package/{esm2020 → esm2022}/common/direction.mjs +0 -0
  103. /package/{esm2020 → esm2022}/common/error-messages.mjs +0 -0
  104. /package/{esm2020 → esm2022}/common/font-family-item.interface.mjs +0 -0
  105. /package/{esm2020 → esm2022}/common/font-size-item.interface.mjs +0 -0
  106. /package/{esm2020 → esm2022}/common/format-item.interface.mjs +0 -0
  107. /package/{esm2020 → esm2022}/common/image-data.interface.mjs +0 -0
  108. /package/{esm2020 → esm2022}/common/link-data.interface.mjs +0 -0
  109. /package/{esm2020 → esm2022}/common/paste-cleanup-settings.mjs +0 -0
  110. /package/{esm2020 → esm2022}/common/plugins-function.mjs +0 -0
  111. /package/{esm2020 → esm2022}/common/predicate.mjs +0 -0
  112. /package/{esm2020 → esm2022}/common/resizable-options.interface.mjs +0 -0
  113. /package/{esm2020 → esm2022}/common/styles.mjs +0 -0
  114. /package/{esm2020 → esm2022}/common/table-data.interface.mjs +0 -0
  115. /package/{esm2020 → esm2022}/config/command-icons.mjs +0 -0
  116. /package/{esm2020 → esm2022}/config/commands.mjs +0 -0
  117. /package/{esm2020 → esm2022}/config/schema.mjs +0 -0
  118. /package/{esm2020 → esm2022}/config/semantic-nodes.mjs +0 -0
  119. /package/{esm2020 → esm2022}/config/table-commands.mjs +0 -0
  120. /package/{esm2020 → esm2022}/config/utils.mjs +0 -0
  121. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  122. /package/{esm2020 → esm2022}/editor-toolbar-state.mjs +0 -0
  123. /package/{esm2020 → esm2022}/index.mjs +0 -0
  124. /package/{esm2020 → esm2022}/progress-kendo-angular-editor.mjs +0 -0
  125. /package/{esm2020 → esm2022}/util.mjs +0 -0
@@ -17,16 +17,17 @@ import * as i1 from "./editor-colorpicker.component";
17
17
  * ```
18
18
  */
19
19
  export class EditorForeColorDirective {
20
+ colorPicker;
20
21
  constructor(colorPicker) {
21
22
  this.colorPicker = colorPicker;
22
23
  this.colorPicker.icon = commandIcons.foreColor;
23
24
  this.colorPicker.svgIcon = commandSVGIcons.foreColor;
24
25
  this.colorPicker.editorCommand = 'foreColor';
25
26
  }
27
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorForeColorDirective, deps: [{ token: i1.EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
28
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorForeColorDirective, isStandalone: true, selector: "[kendoEditorForeColor]", ngImport: i0 });
26
29
  }
27
- EditorForeColorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorForeColorDirective, deps: [{ token: i1.EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
28
- EditorForeColorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorForeColorDirective, isStandalone: true, selector: "[kendoEditorForeColor]", ngImport: i0 });
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorForeColorDirective, decorators: [{
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorForeColorDirective, decorators: [{
30
31
  type: Directive,
31
32
  args: [{
32
33
  selector: '[kendoEditorForeColor]',
@@ -27,10 +27,10 @@ export class EditorCleanFormattingButtonDirective extends EditorCommandButton {
27
27
  constructor(button, localization, providerService, toolsService) {
28
28
  super('cleanFormatting', button, localization, providerService, toolsService);
29
29
  }
30
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorCleanFormattingButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
31
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorCleanFormattingButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCleanFormattingButton]", usesInheritance: true, ngImport: i0 });
30
32
  }
31
- EditorCleanFormattingButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCleanFormattingButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
32
- EditorCleanFormattingButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorCleanFormattingButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCleanFormattingButton]", usesInheritance: true, ngImport: i0 });
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorCleanFormattingButtonDirective, decorators: [{
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorCleanFormattingButtonDirective, decorators: [{
34
34
  type: Directive,
35
35
  args: [{
36
36
  selector: 'kendo-toolbar-button[kendoEditorCleanFormattingButton]',
@@ -11,18 +11,24 @@ import * as i0 from "@angular/core";
11
11
  * @hidden
12
12
  */
13
13
  export class FontFamilyDropDownListComponent {
14
- constructor() {
15
- this.valueChange = new EventEmitter();
16
- }
14
+ data;
15
+ value;
16
+ defaultItem;
17
+ itemDisabled;
18
+ title;
19
+ disabled;
20
+ tabindex;
21
+ valueChange = new EventEmitter();
22
+ element;
23
+ dropDownList;
17
24
  onValueChange(tag) {
18
25
  this.valueChange.emit(tag);
19
26
  }
20
27
  focus() {
21
28
  this.dropDownList.focus();
22
29
  }
23
- }
24
- FontFamilyDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontFamilyDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
- FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontFamilyDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontfamily-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
30
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FontFamilyDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
31
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FontFamilyDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontfamily-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
26
32
  <kendo-dropdownlist
27
33
  #element
28
34
  kendoEditorDropDownTool
@@ -46,7 +52,8 @@ FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
46
52
  </ng-template>
47
53
  </kendo-dropdownlist>
48
54
  `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
49
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontFamilyDropDownListComponent, decorators: [{
55
+ }
56
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FontFamilyDropDownListComponent, decorators: [{
50
57
  type: Component,
51
58
  args: [{
52
59
  selector: 'kendo-editor-fontfamily-dropdownlist',
@@ -3,7 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /* eslint-disable @typescript-eslint/no-explicit-any */
6
- import { Component, TemplateRef, ViewChild, ElementRef, forwardRef, Input, Output, EventEmitter, Renderer2 } from '@angular/core';
6
+ import { Component, ViewChild, ElementRef, forwardRef, Input, Output, EventEmitter, Renderer2 } from '@angular/core';
7
7
  import { NgIf } from '@angular/common';
8
8
  import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
9
9
  import { DialogService } from '@progress/kendo-angular-dialog';
@@ -32,36 +32,13 @@ import * as i4 from "../tools.service";
32
32
  * ```
33
33
  */
34
34
  export class EditorFontFamilyComponent extends ToolBarToolComponent {
35
- constructor(dialogService, localization, providerService, toolsService, renderer) {
36
- super();
37
- this.dialogService = dialogService;
38
- this.localization = localization;
39
- this.toolsService = toolsService;
40
- this.renderer = renderer;
41
- this.disabled = false;
42
- this.tabindex = -1;
43
- /**
44
- * Fires when the user updates the value of the drop-down list.
45
- */
46
- this.valueChange = new EventEmitter();
47
- this.fontFamilySVGIcon = fontFamilyIcon;
48
- this._data = [
49
- { text: 'Arial', fontName: 'Arial,"Helvetica Neue",Helvetica,sans-serif' },
50
- { text: 'Courier New', fontName: '"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace' },
51
- { text: 'Georgia', fontName: 'Georgia,Times,"Times New Roman",serif' },
52
- {
53
- fontName: 'Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black","sans serif"',
54
- text: 'Impact'
55
- },
56
- { text: 'Lucida Console', fontName: '"Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace' },
57
- { text: 'Tahoma', fontName: 'Tahoma,Verdana,Segoe,sans-serif' },
58
- { text: 'Times New Roman', fontName: 'TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif' },
59
- { text: 'Trebuchet MS', fontName: '"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif' },
60
- { text: 'Verdana', fontName: 'Verdana,Geneva,sans-serif' }
61
- ];
62
- this.editor = providerService.editor;
63
- this.isBuiltInTool = true;
64
- }
35
+ dialogService;
36
+ localization;
37
+ toolsService;
38
+ renderer;
39
+ value;
40
+ disabled = false;
41
+ tabindex = -1;
65
42
  /**
66
43
  * Overrides the default font list.
67
44
  */
@@ -71,6 +48,47 @@ export class EditorFontFamilyComponent extends ToolBarToolComponent {
71
48
  get data() {
72
49
  return this._data;
73
50
  }
51
+ /**
52
+ * Fires when the user updates the value of the drop-down list.
53
+ */
54
+ valueChange = new EventEmitter();
55
+ element;
56
+ fontFamilyDropDownList;
57
+ fontFamilyButton;
58
+ /**
59
+ * @hidden
60
+ */
61
+ defaultItem;
62
+ /**
63
+ * @hidden
64
+ */
65
+ itemDisabled;
66
+ fontFamilySVGIcon = fontFamilyIcon;
67
+ subs;
68
+ editor;
69
+ _data = [
70
+ { text: 'Arial', fontName: 'Arial,"Helvetica Neue",Helvetica,sans-serif' },
71
+ { text: 'Courier New', fontName: '"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace' },
72
+ { text: 'Georgia', fontName: 'Georgia,Times,"Times New Roman",serif' },
73
+ {
74
+ fontName: 'Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black","sans serif"',
75
+ text: 'Impact'
76
+ },
77
+ { text: 'Lucida Console', fontName: '"Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace' },
78
+ { text: 'Tahoma', fontName: 'Tahoma,Verdana,Segoe,sans-serif' },
79
+ { text: 'Times New Roman', fontName: 'TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif' },
80
+ { text: 'Trebuchet MS', fontName: '"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif' },
81
+ { text: 'Verdana', fontName: 'Verdana,Geneva,sans-serif' }
82
+ ];
83
+ constructor(dialogService, localization, providerService, toolsService, renderer) {
84
+ super();
85
+ this.dialogService = dialogService;
86
+ this.localization = localization;
87
+ this.toolsService = toolsService;
88
+ this.renderer = renderer;
89
+ this.editor = providerService.editor;
90
+ this.isBuiltInTool = true;
91
+ }
74
92
  ngOnInit() {
75
93
  this.itemDisabled = (itemArgs) => {
76
94
  if (!this.overflows && this.fontFamilyDropDownList && !this.fontFamilyDropDownList.dropDownList.isOpen) {
@@ -158,9 +176,8 @@ export class EditorFontFamilyComponent extends ToolBarToolComponent {
158
176
  this.tabindex = -1;
159
177
  return false;
160
178
  }
161
- }
162
- EditorFontFamilyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFontFamilyComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
163
- EditorFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
179
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontFamilyComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
180
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
164
181
  <ng-template #toolbarTemplate>
165
182
  <kendo-editor-fontfamily-dropdownlist
166
183
  #element
@@ -191,7 +208,8 @@ EditorFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
191
208
  </div>
192
209
  </ng-template>
193
210
  `, isInline: true, dependencies: [{ kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
194
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
211
+ }
212
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
195
213
  type: Component,
196
214
  args: [{
197
215
  providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }],
@@ -234,12 +252,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
234
252
  type: Input
235
253
  }], valueChange: [{
236
254
  type: Output
237
- }], toolbarTemplate: [{
238
- type: ViewChild,
239
- args: ['toolbarTemplate', { static: true }]
240
- }], popupTemplate: [{
241
- type: ViewChild,
242
- args: ['popupTemplate', { static: true }]
243
255
  }], element: [{
244
256
  type: ViewChild,
245
257
  args: ['element']
@@ -10,18 +10,24 @@ import * as i0 from "@angular/core";
10
10
  * @hidden
11
11
  */
12
12
  export class FontSizeDropDownListComponent {
13
- constructor() {
14
- this.valueChange = new EventEmitter();
15
- }
13
+ data;
14
+ value;
15
+ defaultItem;
16
+ itemDisabled;
17
+ title;
18
+ disabled;
19
+ tabindex;
20
+ valueChange = new EventEmitter();
21
+ element;
22
+ dropDownList;
16
23
  onValueChange(size) {
17
24
  this.valueChange.emit(size);
18
25
  }
19
26
  focus() {
20
27
  this.dropDownList.focus();
21
28
  }
22
- }
23
- FontSizeDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontSizeDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
24
- FontSizeDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FontSizeDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontsize-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
29
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FontSizeDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
30
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FontSizeDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontsize-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
25
31
  <kendo-dropdownlist
26
32
  #element
27
33
  kendoEditorDropDownTool
@@ -40,7 +46,8 @@ FontSizeDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
40
46
  >
41
47
  </kendo-dropdownlist>
42
48
  `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }] });
43
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FontSizeDropDownListComponent, decorators: [{
49
+ }
50
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FontSizeDropDownListComponent, decorators: [{
44
51
  type: Component,
45
52
  args: [{
46
53
  selector: 'kendo-editor-fontsize-dropdownlist',
@@ -2,7 +2,7 @@
2
2
  * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Component, Input, TemplateRef, ViewChild, ElementRef, forwardRef, Output, EventEmitter, Renderer2 } from '@angular/core';
5
+ import { Component, Input, ViewChild, ElementRef, forwardRef, Output, EventEmitter, Renderer2 } from '@angular/core';
6
6
  import { NgIf } from '@angular/common';
7
7
  import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
8
8
  import { fontSizeIcon } from '@progress/kendo-svg-icons';
@@ -31,31 +31,13 @@ import * as i4 from "../tools.service";
31
31
  * ```
32
32
  */
33
33
  export class EditorFontSizeComponent extends ToolBarToolComponent {
34
- constructor(dialogService, localization, providerService, toolsService, renderer) {
35
- super();
36
- this.dialogService = dialogService;
37
- this.localization = localization;
38
- this.toolsService = toolsService;
39
- this.renderer = renderer;
40
- this.disabled = false;
41
- this.tabindex = -1;
42
- /**
43
- * Fires when the user updates the value of the drop-down list.
44
- */
45
- this.valueChange = new EventEmitter();
46
- this.fontSizeSVGIcon = fontSizeIcon;
47
- this._data = [
48
- { text: '8px', size: '8px' },
49
- { text: '10px', size: '10px' },
50
- { text: '12px', size: '12px' },
51
- { text: '14px', size: '14px' },
52
- { text: '18px', size: '18px' },
53
- { text: '24px', size: '24px' },
54
- { text: '36px', size: '36px' }
55
- ];
56
- this.editor = providerService.editor;
57
- this.isBuiltInTool = true;
58
- }
34
+ dialogService;
35
+ localization;
36
+ toolsService;
37
+ renderer;
38
+ value;
39
+ disabled = false;
40
+ tabindex = -1;
59
41
  /**
60
42
  * Overrides the default font size list.
61
43
  * Numeric values are treated as pixels.
@@ -75,6 +57,42 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
75
57
  get data() {
76
58
  return this._data;
77
59
  }
60
+ /**
61
+ * Fires when the user updates the value of the drop-down list.
62
+ */
63
+ valueChange = new EventEmitter();
64
+ element;
65
+ fontSizeDropDownList;
66
+ fontSizeButton;
67
+ /**
68
+ * @hidden
69
+ */
70
+ defaultItem;
71
+ fontSizeSVGIcon = fontSizeIcon;
72
+ /**
73
+ * @hidden
74
+ */
75
+ itemDisabled;
76
+ subs;
77
+ editor;
78
+ _data = [
79
+ { text: '8px', size: '8px' },
80
+ { text: '10px', size: '10px' },
81
+ { text: '12px', size: '12px' },
82
+ { text: '14px', size: '14px' },
83
+ { text: '18px', size: '18px' },
84
+ { text: '24px', size: '24px' },
85
+ { text: '36px', size: '36px' }
86
+ ];
87
+ constructor(dialogService, localization, providerService, toolsService, renderer) {
88
+ super();
89
+ this.dialogService = dialogService;
90
+ this.localization = localization;
91
+ this.toolsService = toolsService;
92
+ this.renderer = renderer;
93
+ this.editor = providerService.editor;
94
+ this.isBuiltInTool = true;
95
+ }
78
96
  ngOnInit() {
79
97
  this.itemDisabled = itemArgs => {
80
98
  if (!this.overflows && this.fontSizeDropDownList && !this.fontSizeDropDownList.dropDownList.isOpen) {
@@ -164,9 +182,8 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
164
182
  this.tabindex = -1;
165
183
  return false;
166
184
  }
167
- }
168
- EditorFontSizeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFontSizeComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
169
- EditorFontSizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFontSizeComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontSize]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontSizeComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontSizeDropDownList", first: true, predicate: ["element"], descendants: true, read: FontSizeDropDownListComponent }, { propertyName: "fontSizeButton", first: true, predicate: ["fontSizeButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
185
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontSizeComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
186
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorFontSizeComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontSize]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontSizeComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontSizeDropDownList", first: true, predicate: ["element"], descendants: true, read: FontSizeDropDownListComponent }, { propertyName: "fontSizeButton", first: true, predicate: ["fontSizeButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
170
187
  <ng-template #toolbarTemplate>
171
188
  <kendo-editor-fontsize-dropdownlist
172
189
  #element
@@ -197,7 +214,8 @@ EditorFontSizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
197
214
  </div>
198
215
  </ng-template>
199
216
  `, isInline: true, dependencies: [{ kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
200
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFontSizeComponent, decorators: [{
217
+ }
218
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontSizeComponent, decorators: [{
201
219
  type: Component,
202
220
  args: [{
203
221
  providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontSizeComponent) }],
@@ -240,12 +258,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
240
258
  type: Input
241
259
  }], valueChange: [{
242
260
  type: Output
243
- }], toolbarTemplate: [{
244
- type: ViewChild,
245
- args: ['toolbarTemplate', { static: true }]
246
- }], popupTemplate: [{
247
- type: ViewChild,
248
- args: ['popupTemplate', { static: true }]
249
261
  }], element: [{
250
262
  type: ViewChild,
251
263
  args: ['element']
@@ -11,18 +11,24 @@ import * as i0 from "@angular/core";
11
11
  * @hidden
12
12
  */
13
13
  export class FormatDropDownListComponent {
14
- constructor() {
15
- this.valueChange = new EventEmitter();
16
- }
14
+ data;
15
+ value;
16
+ defaultItem;
17
+ itemDisabled;
18
+ title;
19
+ disabled;
20
+ tabindex;
21
+ valueChange = new EventEmitter();
22
+ element;
23
+ dropDownList;
17
24
  onValueChange(tag) {
18
25
  this.valueChange.emit(tag);
19
26
  }
20
27
  focus() {
21
28
  this.dropDownList.focus();
22
29
  }
23
- }
24
- FormatDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormatDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
- FormatDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormatDropDownListComponent, isStandalone: true, selector: "kendo-editor-format-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
30
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
31
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormatDropDownListComponent, isStandalone: true, selector: "kendo-editor-format-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
26
32
  <kendo-dropdownlist
27
33
  #element
28
34
  kendoEditorDropDownTool
@@ -74,7 +80,8 @@ FormatDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
74
80
  </ng-template>
75
81
  </kendo-dropdownlist>
76
82
  `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
77
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormatDropDownListComponent, decorators: [{
83
+ }
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatDropDownListComponent, decorators: [{
78
85
  type: Component,
79
86
  args: [{
80
87
  selector: 'kendo-editor-format-dropdownlist',
@@ -2,7 +2,7 @@
2
2
  * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Component, TemplateRef, ViewChild, Input, forwardRef, Output, EventEmitter, ElementRef, Renderer2 } from '@angular/core';
5
+ import { Component, ViewChild, Input, forwardRef, Output, EventEmitter, ElementRef, Renderer2 } from '@angular/core';
6
6
  import { NgIf } from '@angular/common';
7
7
  import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
8
8
  import { DialogService } from '@progress/kendo-angular-dialog';
@@ -31,31 +31,15 @@ import * as i4 from "../tools.service";
31
31
  * ```
32
32
  */
33
33
  export class EditorFormatComponent extends ToolBarToolComponent {
34
- constructor(dialogService, localization, providerService, toolsService, renderer) {
35
- super();
36
- this.dialogService = dialogService;
37
- this.localization = localization;
38
- this.toolsService = toolsService;
39
- this.renderer = renderer;
40
- this.disabled = false;
41
- this.tabindex = -1;
42
- /**
43
- * Fires when the user updates the value of the drop-down list.
44
- */
45
- this.valueChange = new EventEmitter();
46
- this._data = [
47
- { text: 'Paragraph', tag: 'p' },
48
- { text: 'Heading 1', tag: 'h1' },
49
- { text: 'Heading 2', tag: 'h2' },
50
- { text: 'Heading 3', tag: 'h3' },
51
- { text: 'Heading 4', tag: 'h4' },
52
- { text: 'Heading 5', tag: 'h5' },
53
- { text: 'Heading 6', tag: 'h6' }
54
- ];
55
- this.applyFormatSVGIcon = applyFormatIcon;
56
- this.editor = providerService.editor;
57
- this.isBuiltInTool = true;
58
- }
34
+ dialogService;
35
+ localization;
36
+ toolsService;
37
+ renderer;
38
+ value;
39
+ defaultItem;
40
+ itemDisabled;
41
+ disabled = false;
42
+ tabindex = -1;
59
43
  /**
60
44
  * Overrides the default format items list.
61
45
  */
@@ -65,6 +49,33 @@ export class EditorFormatComponent extends ToolBarToolComponent {
65
49
  get data() {
66
50
  return this._data;
67
51
  }
52
+ /**
53
+ * Fires when the user updates the value of the drop-down list.
54
+ */
55
+ valueChange = new EventEmitter();
56
+ formatDropDownList;
57
+ formatButton;
58
+ subs;
59
+ _data = [
60
+ { text: 'Paragraph', tag: 'p' },
61
+ { text: 'Heading 1', tag: 'h1' },
62
+ { text: 'Heading 2', tag: 'h2' },
63
+ { text: 'Heading 3', tag: 'h3' },
64
+ { text: 'Heading 4', tag: 'h4' },
65
+ { text: 'Heading 5', tag: 'h5' },
66
+ { text: 'Heading 6', tag: 'h6' }
67
+ ];
68
+ applyFormatSVGIcon = applyFormatIcon;
69
+ editor;
70
+ constructor(dialogService, localization, providerService, toolsService, renderer) {
71
+ super();
72
+ this.dialogService = dialogService;
73
+ this.localization = localization;
74
+ this.toolsService = toolsService;
75
+ this.renderer = renderer;
76
+ this.editor = providerService.editor;
77
+ this.isBuiltInTool = true;
78
+ }
68
79
  ngOnInit() {
69
80
  this.itemDisabled = (itemArgs) => {
70
81
  if (!this.overflows && this.formatDropDownList && !this.formatDropDownList.dropDownList.isOpen) {
@@ -154,9 +165,8 @@ export class EditorFormatComponent extends ToolBarToolComponent {
154
165
  this.tabindex = -1;
155
166
  return false;
156
167
  }
157
- }
158
- EditorFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
159
- EditorFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorFormatComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
168
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
169
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorFormatComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
160
170
  <ng-template #toolbarTemplate>
161
171
  <kendo-editor-format-dropdownlist
162
172
  #formatDropDownList
@@ -186,7 +196,8 @@ EditorFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
186
196
  </div>
187
197
  </ng-template>
188
198
  `, isInline: true, dependencies: [{ kind: "component", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
189
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorFormatComponent, decorators: [{
199
+ }
200
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFormatComponent, decorators: [{
190
201
  type: Component,
191
202
  args: [{
192
203
  providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }],
@@ -228,12 +239,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
228
239
  type: Input
229
240
  }], valueChange: [{
230
241
  type: Output
231
- }], toolbarTemplate: [{
232
- type: ViewChild,
233
- args: ['toolbarTemplate', { static: true }]
234
- }], popupTemplate: [{
235
- type: ViewChild,
236
- args: ['popupTemplate', { static: true }]
237
242
  }], formatDropDownList: [{
238
243
  type: ViewChild,
239
244
  args: ['formatDropDownList']
@@ -28,10 +28,10 @@ export class EditorRedoButtonDirective extends EditorCommandButton {
28
28
  constructor(button, localization, providerService, toolsService) {
29
29
  super('redo', button, localization, providerService, toolsService);
30
30
  }
31
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorRedoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
32
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorRedoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
31
33
  }
32
- EditorRedoButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorRedoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
33
- EditorRedoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorRedoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorRedoButtonDirective, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorRedoButtonDirective, decorators: [{
35
35
  type: Directive,
36
36
  args: [{
37
37
  selector: 'kendo-toolbar-button[kendoEditorRedoButton]',
@@ -28,10 +28,10 @@ export class EditorUndoButtonDirective extends EditorCommandButton {
28
28
  constructor(button, localization, providerService, toolsService) {
29
29
  super('undo', button, localization, providerService, toolsService);
30
30
  }
31
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorUndoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
32
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorUndoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
31
33
  }
32
- EditorUndoButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUndoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
33
- EditorUndoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorUndoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorUndoButtonDirective, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorUndoButtonDirective, decorators: [{
35
35
  type: Directive,
36
36
  args: [{
37
37
  selector: 'kendo-toolbar-button[kendoEditorUndoButton]',
@@ -27,10 +27,10 @@ export class EditorInsertImageButtonDirective extends EditorCommandDialog {
27
27
  constructor(button, localization, providerService, toolsService) {
28
28
  super('insertImage', button, localization, providerService, toolsService);
29
29
  }
30
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorInsertImageButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
31
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorInsertImageButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]", usesInheritance: true, ngImport: i0 });
30
32
  }
31
- EditorInsertImageButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertImageButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
32
- EditorInsertImageButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorInsertImageButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]", usesInheritance: true, ngImport: i0 });
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorInsertImageButtonDirective, decorators: [{
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorInsertImageButtonDirective, decorators: [{
34
34
  type: Directive,
35
35
  args: [{
36
36
  selector: 'kendo-toolbar-button[kendoEditorInsertImageButton]',