@progress/kendo-angular-editor 11.0.0-develop.99 → 11.0.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 (43) hide show
  1. package/NOTICE.txt +17 -17
  2. package/config/command-icons.d.ts +4 -0
  3. package/dialogs/colorpicker-dialog.component.d.ts +2 -0
  4. package/dialogs/file-link-dialog.component.d.ts +2 -2
  5. package/dialogs/image-dialog.component.d.ts +2 -2
  6. package/dialogs/source-dialog.component.d.ts +2 -2
  7. package/editor.component.d.ts +3 -2
  8. package/editor.module.d.ts +4 -2
  9. package/esm2020/config/command-icons.mjs +45 -0
  10. package/esm2020/dialogs/colorpicker-dialog.component.mjs +29 -34
  11. package/esm2020/dialogs/file-link-dialog.component.mjs +79 -77
  12. package/esm2020/dialogs/font-family-dialog.component.mjs +20 -28
  13. package/esm2020/dialogs/font-size-dialog.component.mjs +20 -28
  14. package/esm2020/dialogs/format-dialog.component.mjs +20 -28
  15. package/esm2020/dialogs/image-dialog.component.mjs +74 -63
  16. package/esm2020/dialogs/insert-table-dialog.component.mjs +6 -14
  17. package/esm2020/dialogs/source-dialog.component.mjs +9 -7
  18. package/esm2020/editor.component.mjs +31 -10
  19. package/esm2020/editor.module.mjs +15 -4
  20. package/esm2020/package-metadata.mjs +2 -2
  21. package/esm2020/tools/colorpicker/editor-back-color.directive.mjs +2 -1
  22. package/esm2020/tools/colorpicker/editor-colorpicker.component.mjs +53 -37
  23. package/esm2020/tools/colorpicker/editor-fore-color.directive.mjs +2 -1
  24. package/esm2020/tools/fontfamily/editor-fontfamily.component.mjs +36 -31
  25. package/esm2020/tools/fontsize/editor-fontsize.component.mjs +35 -31
  26. package/esm2020/tools/format/editor-format.component.mjs +35 -33
  27. package/esm2020/tools/shared/editor-command-base.mjs +20 -13
  28. package/esm2020/tools/shared/editor-command-button.mjs +10 -2
  29. package/esm2020/tools/shared/editor-command-dialog.mjs +10 -2
  30. package/esm2020/tools/tables/editor-insert-table-button.component.mjs +36 -23
  31. package/esm2020/tools/tables/popup-table-grid.component.mjs +4 -2
  32. package/esm2020/tools/tools.service.mjs +5 -4
  33. package/fesm2015/progress-kendo-angular-editor.mjs +571 -464
  34. package/fesm2020/progress-kendo-angular-editor.mjs +570 -464
  35. package/package.json +16 -15
  36. package/schematics/ngAdd/index.js +5 -3
  37. package/tools/colorpicker/editor-colorpicker.component.d.ts +10 -3
  38. package/tools/fontfamily/editor-fontfamily.component.d.ts +5 -2
  39. package/tools/fontsize/editor-fontsize.component.d.ts +5 -2
  40. package/tools/format/editor-format.component.d.ts +5 -2
  41. package/tools/tables/editor-insert-table-button.component.d.ts +5 -2
  42. package/tools/tables/popup-table-grid.component.d.ts +2 -0
  43. package/tools/tools.service.d.ts +3 -0
@@ -2,19 +2,21 @@
2
2
  * Copyright © 2023 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, ViewChild, ElementRef } from '@angular/core';
5
+ import { Component, Input, ViewChild } from '@angular/core';
6
6
  import { FormGroup, FormControl, Validators } from '@angular/forms';
7
7
  import { DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
8
8
  import { getMark, getSelectionText, expandSelection } from '@progress/kendo-editor-common';
9
9
  import { isPresent } from '../util';
10
10
  import { EditorLocalizationService } from '../localization/editor-localization.service';
11
+ import { TextBoxComponent } from '@progress/kendo-angular-inputs';
11
12
  import * as i0 from "@angular/core";
12
13
  import * as i1 from "@progress/kendo-angular-dialog";
13
14
  import * as i2 from "../localization/editor-localization.service";
14
- import * as i3 from "@progress/kendo-angular-buttons";
15
- import * as i4 from "@angular/forms";
16
- import * as i5 from "@angular/common";
17
- import * as i6 from "@progress/kendo-angular-inputs";
15
+ import * as i3 from "@progress/kendo-angular-label";
16
+ import * as i4 from "@progress/kendo-angular-inputs";
17
+ import * as i5 from "@progress/kendo-angular-buttons";
18
+ import * as i6 from "@angular/forms";
19
+ import * as i7 from "@angular/common";
18
20
  /**
19
21
  * @hidden
20
22
  */
@@ -31,7 +33,7 @@ export class FileLinkDialogComponent extends DialogContentBase {
31
33
  }
32
34
  ngAfterViewInit() {
33
35
  Promise.resolve(null).then(() => {
34
- this.hrefInput.nativeElement.focus();
36
+ this.hrefInput.focus();
35
37
  });
36
38
  }
37
39
  onCancelAction() {
@@ -104,52 +106,52 @@ export class FileLinkDialogComponent extends DialogContentBase {
104
106
  }
105
107
  }
106
108
  FileLinkDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileLinkDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
107
- FileLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FileLinkDialogComponent, selector: "ng-component", inputs: { editor: "editor", command: "command" }, viewQueries: [{ propertyName: "hrefInput", first: true, predicate: ["hrefInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: `
109
+ FileLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FileLinkDialogComponent, selector: "ng-component", inputs: { editor: "editor", command: "command" }, viewQueries: [{ propertyName: "hrefInput", first: true, predicate: ["hrefInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
108
110
  <kendo-dialog-titlebar (close)="onCancelAction()">
109
111
  {{ titleText }}
110
112
  </kendo-dialog-titlebar>
111
- <div class="k-editor-dialog">
112
- <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
113
- <div class="k-edit-form-container k-window-content">
114
- <form novalidate [formGroup]="linkForm">
115
- <div class="k-edit-label">
116
- <label (click)="hrefInput.focus()">{{ textForWithPrefix('WebAddress') }}</label>
117
- </div>
118
- <div class="k-edit-field">
119
- <input #hrefInput formControlName="href" type="text" class="k-textbox k-input k-rounded-md" />
120
- </div>
121
-
122
- <div class="k-edit-label">
123
- <label (click)="textInput.focus()">{{ textForWithPrefix('Text') }}</label>
124
- </div>
125
- <div class="k-edit-field">
126
- <input #textInput formControlName="text" type="text" class="k-textbox k-input k-rounded-md" />
127
- </div>
128
-
129
- <div class="k-edit-label">
130
- <label (click)="titleInput.focus()">{{ textForWithPrefix('Title') }}</label>
131
- </div>
132
- <div class="k-edit-field">
133
- <input #titleInput formControlName="title" type="text" class="k-textbox k-input k-rounded-md" />
134
- </div>
135
- <ng-container *ngIf="command === 'createLink'">
136
- <div class="k-edit-label"></div>
137
- <div class="k-edit-field">
138
- <input type="checkbox" id="k-target-blank" kendoCheckBox formControlName="target" />
139
- <label class="k-checkbox-label" for="k-target-blank">{{ textForWithPrefix('OpenInNewWindow') }}</label>
140
- </div>
141
- </ng-container>
142
- </form>
113
+ <form class="k-form k-form-md k-form-horizontal" novalidate [formGroup]="linkForm">
114
+ <div class="k-form-field">
115
+ <div class="k-form-label">
116
+ <kendo-label [for]="hrefInput" [text]="textForWithPrefix('WebAddress')"></kendo-label>
117
+ </div>
118
+ <div class="k-form-field-wrap">
119
+ <kendo-textbox #hrefInput formControlName="href"></kendo-textbox>
120
+ </div>
121
+ </div>
122
+ <div class="k-form-field">
123
+ <div class="k-form-label">
124
+ <kendo-label [for]="textInput" [text]="textForWithPrefix('Text')"></kendo-label>
125
+ </div>
126
+ <div class="k-form-field-wrap">
127
+ <kendo-textbox #textInput formControlName="text"></kendo-textbox>
143
128
  </div>
144
129
  </div>
145
- </div>
146
- <kendo-dialog-actions>
130
+ <div class="k-form-field">
131
+ <div class="k-form-label">
132
+ <kendo-label [for]="titleInput" [text]="textForWithPrefix('Title')"></kendo-label>
133
+ </div>
134
+ <div class="k-form-field-wrap">
135
+ <kendo-textbox #titleInput formControlName="title"></kendo-textbox>
136
+ </div>
137
+ </div>
138
+ <ng-container *ngIf="command === 'createLink'">
139
+ <div class="k-form-field">
140
+ <div class="k-form-label"></div>
141
+ <div class="k-form-field-wrap">
142
+ <input type="checkbox" id="k-target-blank" kendoCheckBox formControlName="target" />
143
+ <label class="k-checkbox-label" for="k-target-blank" [style.display]="'inline'">{{ textForWithPrefix('OpenInNewWindow') }}</label>
144
+ </div>
145
+ </div>
146
+ </ng-container>
147
+ </form>
148
+ <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'normal'">
147
149
  <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
148
150
  <button kendoButton [disabled]="linkForm.invalid" (click)="onConfirmAction()" [primary]="true">
149
151
  {{ textFor('dialogInsert') }}
150
152
  </button>
151
153
  </kendo-dialog-actions>
152
- `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i3.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i6.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }] });
154
+ `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i4.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i5.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i4.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i3.LabelDirective, selector: "label[for]", inputs: ["for"] }] });
153
155
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileLinkDialogComponent, decorators: [{
154
156
  type: Component,
155
157
  args: [{
@@ -157,42 +159,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
157
159
  <kendo-dialog-titlebar (close)="onCancelAction()">
158
160
  {{ titleText }}
159
161
  </kendo-dialog-titlebar>
160
- <div class="k-editor-dialog">
161
- <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
162
- <div class="k-edit-form-container k-window-content">
163
- <form novalidate [formGroup]="linkForm">
164
- <div class="k-edit-label">
165
- <label (click)="hrefInput.focus()">{{ textForWithPrefix('WebAddress') }}</label>
166
- </div>
167
- <div class="k-edit-field">
168
- <input #hrefInput formControlName="href" type="text" class="k-textbox k-input k-rounded-md" />
169
- </div>
170
-
171
- <div class="k-edit-label">
172
- <label (click)="textInput.focus()">{{ textForWithPrefix('Text') }}</label>
173
- </div>
174
- <div class="k-edit-field">
175
- <input #textInput formControlName="text" type="text" class="k-textbox k-input k-rounded-md" />
176
- </div>
177
-
178
- <div class="k-edit-label">
179
- <label (click)="titleInput.focus()">{{ textForWithPrefix('Title') }}</label>
180
- </div>
181
- <div class="k-edit-field">
182
- <input #titleInput formControlName="title" type="text" class="k-textbox k-input k-rounded-md" />
183
- </div>
184
- <ng-container *ngIf="command === 'createLink'">
185
- <div class="k-edit-label"></div>
186
- <div class="k-edit-field">
187
- <input type="checkbox" id="k-target-blank" kendoCheckBox formControlName="target" />
188
- <label class="k-checkbox-label" for="k-target-blank">{{ textForWithPrefix('OpenInNewWindow') }}</label>
189
- </div>
190
- </ng-container>
191
- </form>
162
+ <form class="k-form k-form-md k-form-horizontal" novalidate [formGroup]="linkForm">
163
+ <div class="k-form-field">
164
+ <div class="k-form-label">
165
+ <kendo-label [for]="hrefInput" [text]="textForWithPrefix('WebAddress')"></kendo-label>
166
+ </div>
167
+ <div class="k-form-field-wrap">
168
+ <kendo-textbox #hrefInput formControlName="href"></kendo-textbox>
169
+ </div>
170
+ </div>
171
+ <div class="k-form-field">
172
+ <div class="k-form-label">
173
+ <kendo-label [for]="textInput" [text]="textForWithPrefix('Text')"></kendo-label>
174
+ </div>
175
+ <div class="k-form-field-wrap">
176
+ <kendo-textbox #textInput formControlName="text"></kendo-textbox>
192
177
  </div>
193
178
  </div>
194
- </div>
195
- <kendo-dialog-actions>
179
+ <div class="k-form-field">
180
+ <div class="k-form-label">
181
+ <kendo-label [for]="titleInput" [text]="textForWithPrefix('Title')"></kendo-label>
182
+ </div>
183
+ <div class="k-form-field-wrap">
184
+ <kendo-textbox #titleInput formControlName="title"></kendo-textbox>
185
+ </div>
186
+ </div>
187
+ <ng-container *ngIf="command === 'createLink'">
188
+ <div class="k-form-field">
189
+ <div class="k-form-label"></div>
190
+ <div class="k-form-field-wrap">
191
+ <input type="checkbox" id="k-target-blank" kendoCheckBox formControlName="target" />
192
+ <label class="k-checkbox-label" for="k-target-blank" [style.display]="'inline'">{{ textForWithPrefix('OpenInNewWindow') }}</label>
193
+ </div>
194
+ </div>
195
+ </ng-container>
196
+ </form>
197
+ <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'normal'">
196
198
  <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
197
199
  <button kendoButton [disabled]="linkForm.invalid" (click)="onConfirmAction()" [primary]="true">
198
200
  {{ textFor('dialogInsert') }}
@@ -206,5 +208,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
206
208
  type: Input
207
209
  }], hrefInput: [{
208
210
  type: ViewChild,
209
- args: ['hrefInput', { read: ElementRef, static: true }]
211
+ args: ['hrefInput']
210
212
  }] } });
@@ -52,21 +52,17 @@ FontFamilyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
52
52
  <kendo-dialog-titlebar (close)="onCancelAction()">
53
53
  {{ textFor('fontFamily') }}
54
54
  </kendo-dialog-titlebar>
55
- <div class="k-editor-dialog">
56
- <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
57
- <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
58
- <kendo-editor-fontfamily-dropdownlist
59
- #fontFamilyDropDownList
60
- [defaultItem]="defaultItem"
61
- [data]="data"
62
- [(value)]="value"
63
- [itemDisabled]="itemDisabled"
64
- >
65
- </kendo-editor-fontfamily-dropdownlist>
66
- </div>
67
- </div>
55
+ <div [style.text-align]="'center'">
56
+ <kendo-editor-fontfamily-dropdownlist
57
+ #fontFamilyDropDownList
58
+ [defaultItem]="defaultItem"
59
+ [data]="data"
60
+ [(value)]="value"
61
+ [itemDisabled]="itemDisabled"
62
+ >
63
+ </kendo-editor-fontfamily-dropdownlist>
68
64
  </div>
69
- <kendo-dialog-actions>
65
+ <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'normal'">
70
66
  <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
71
67
  <button kendoButton
72
68
  (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
@@ -79,21 +75,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
79
75
  <kendo-dialog-titlebar (close)="onCancelAction()">
80
76
  {{ textFor('fontFamily') }}
81
77
  </kendo-dialog-titlebar>
82
- <div class="k-editor-dialog">
83
- <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
84
- <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
85
- <kendo-editor-fontfamily-dropdownlist
86
- #fontFamilyDropDownList
87
- [defaultItem]="defaultItem"
88
- [data]="data"
89
- [(value)]="value"
90
- [itemDisabled]="itemDisabled"
91
- >
92
- </kendo-editor-fontfamily-dropdownlist>
93
- </div>
94
- </div>
78
+ <div [style.text-align]="'center'">
79
+ <kendo-editor-fontfamily-dropdownlist
80
+ #fontFamilyDropDownList
81
+ [defaultItem]="defaultItem"
82
+ [data]="data"
83
+ [(value)]="value"
84
+ [itemDisabled]="itemDisabled"
85
+ >
86
+ </kendo-editor-fontfamily-dropdownlist>
95
87
  </div>
96
- <kendo-dialog-actions>
88
+ <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'normal'">
97
89
  <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
98
90
  <button kendoButton
99
91
  (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
@@ -52,21 +52,17 @@ FontSizeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
52
52
  <kendo-dialog-titlebar (close)="onCancelAction()">
53
53
  {{ textFor('fontSize') }}
54
54
  </kendo-dialog-titlebar>
55
- <div class="k-editor-dialog">
56
- <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
57
- <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
58
- <kendo-editor-fontsize-dropdownlist
59
- #fontSizeDropDownList
60
- [defaultItem]="defaultItem"
61
- [data]="data"
62
- [(value)]="value"
63
- [itemDisabled]="itemDisabled"
64
- >
65
- </kendo-editor-fontsize-dropdownlist>
66
- </div>
67
- </div>
55
+ <div [style.text-align]="'center'">
56
+ <kendo-editor-fontsize-dropdownlist
57
+ #fontSizeDropDownList
58
+ [defaultItem]="defaultItem"
59
+ [data]="data"
60
+ [(value)]="value"
61
+ [itemDisabled]="itemDisabled"
62
+ >
63
+ </kendo-editor-fontsize-dropdownlist>
68
64
  </div>
69
- <kendo-dialog-actions>
65
+ <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'normal'">
70
66
  <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
71
67
  <button kendoButton
72
68
  (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
@@ -79,21 +75,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
79
75
  <kendo-dialog-titlebar (close)="onCancelAction()">
80
76
  {{ textFor('fontSize') }}
81
77
  </kendo-dialog-titlebar>
82
- <div class="k-editor-dialog">
83
- <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
84
- <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
85
- <kendo-editor-fontsize-dropdownlist
86
- #fontSizeDropDownList
87
- [defaultItem]="defaultItem"
88
- [data]="data"
89
- [(value)]="value"
90
- [itemDisabled]="itemDisabled"
91
- >
92
- </kendo-editor-fontsize-dropdownlist>
93
- </div>
94
- </div>
78
+ <div [style.text-align]="'center'">
79
+ <kendo-editor-fontsize-dropdownlist
80
+ #fontSizeDropDownList
81
+ [defaultItem]="defaultItem"
82
+ [data]="data"
83
+ [(value)]="value"
84
+ [itemDisabled]="itemDisabled"
85
+ >
86
+ </kendo-editor-fontsize-dropdownlist>
95
87
  </div>
96
- <kendo-dialog-actions>
88
+ <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'normal'">
97
89
  <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
98
90
  <button kendoButton
99
91
  (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
@@ -51,21 +51,17 @@ FormatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
51
51
  <kendo-dialog-titlebar (close)="onCancelAction()">
52
52
  {{ textFor('format') }}
53
53
  </kendo-dialog-titlebar>
54
- <div class="k-editor-dialog">
55
- <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
56
- <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
57
- <kendo-editor-format-dropdownlist
58
- #formatDropDownList
59
- [defaultItem]="defaultItem"
60
- [data]="data"
61
- [(value)]="value"
62
- [itemDisabled]="itemDisabled"
63
- >
64
- </kendo-editor-format-dropdownlist>
65
- </div>
66
- </div>
54
+ <div [style.text-align]="'center'">
55
+ <kendo-editor-format-dropdownlist
56
+ #formatDropDownList
57
+ [defaultItem]="defaultItem"
58
+ [data]="data"
59
+ [(value)]="value"
60
+ [itemDisabled]="itemDisabled"
61
+ >
62
+ </kendo-editor-format-dropdownlist>
67
63
  </div>
68
- <kendo-dialog-actions>
64
+ <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'normal'">
69
65
  <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
70
66
  <button kendoButton
71
67
  (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
@@ -78,21 +74,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
78
74
  <kendo-dialog-titlebar (close)="onCancelAction()">
79
75
  {{ textFor('format') }}
80
76
  </kendo-dialog-titlebar>
81
- <div class="k-editor-dialog">
82
- <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
83
- <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
84
- <kendo-editor-format-dropdownlist
85
- #formatDropDownList
86
- [defaultItem]="defaultItem"
87
- [data]="data"
88
- [(value)]="value"
89
- [itemDisabled]="itemDisabled"
90
- >
91
- </kendo-editor-format-dropdownlist>
92
- </div>
93
- </div>
77
+ <div [style.text-align]="'center'">
78
+ <kendo-editor-format-dropdownlist
79
+ #formatDropDownList
80
+ [defaultItem]="defaultItem"
81
+ [data]="data"
82
+ [(value)]="value"
83
+ [itemDisabled]="itemDisabled"
84
+ >
85
+ </kendo-editor-format-dropdownlist>
94
86
  </div>
95
- <kendo-dialog-actions>
87
+ <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'normal'">
96
88
  <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
97
89
  <button kendoButton
98
90
  (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>