@progress/kendo-angular-editor 13.0.0-develop.6 → 13.0.0-develop.7

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 (15) hide show
  1. package/editor.module.d.ts +1 -1
  2. package/esm2020/dialogs/colorpicker-dialog.component.mjs +20 -8
  3. package/esm2020/dialogs/file-link-dialog.component.mjs +119 -77
  4. package/esm2020/dialogs/font-family-dialog.component.mjs +20 -8
  5. package/esm2020/dialogs/font-size-dialog.component.mjs +20 -8
  6. package/esm2020/dialogs/format-dialog.component.mjs +20 -8
  7. package/esm2020/dialogs/image-dialog.component.mjs +115 -77
  8. package/esm2020/dialogs/insert-table-dialog.component.mjs +10 -4
  9. package/esm2020/dialogs/source-dialog.component.mjs +20 -6
  10. package/esm2020/editor.module.mjs +4 -1
  11. package/esm2020/package-metadata.mjs +2 -2
  12. package/fesm2015/progress-kendo-angular-editor.mjs +357 -206
  13. package/fesm2020/progress-kendo-angular-editor.mjs +357 -206
  14. package/package.json +14 -14
  15. package/schematics/ngAdd/index.js +3 -3
package/esm2020/dialogs/image-dialog.component.mjs CHANGED
@@ -13,8 +13,8 @@ import { TextBoxComponent } from '@progress/kendo-angular-inputs';
13
13
  import * as i0 from "@angular/core";
14
14
  import * as i1 from "@progress/kendo-angular-dialog";
15
15
  import * as i2 from "../localization/editor-localization.service";
16
- import * as i3 from "@progress/kendo-angular-label";
17
- import * as i4 from "@progress/kendo-angular-inputs";
16
+ import * as i3 from "@progress/kendo-angular-inputs";
17
+ import * as i4 from "@progress/kendo-angular-label";
18
18
  import * as i5 from "@progress/kendo-angular-buttons";
19
19
  import * as i6 from "@angular/forms";
20
20
  /**
@@ -92,46 +92,65 @@ ImageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
92
92
  <kendo-dialog-titlebar (close)="onCancelAction()">
93
93
  {{ textFor('insertImage') }}
94
94
  </kendo-dialog-titlebar>
95
- <div class="k-form k-form-md k-form-horizontal">
96
- <div class="k-form-field">
97
- <div class="k-form-label">
98
- <kendo-label [for]="srcInput" [text]="textFor('imageWebAddress')"></kendo-label>
99
- </div>
100
- <div class="k-form-field-wrap">
101
- <kendo-textbox #srcInput [formControl]="src"></kendo-textbox>
102
- </div>
103
- </div>
104
- <div class="k-form-field">
105
- <div class="k-form-label">
106
- <kendo-label [for]="altTextInput" [text]="textFor('imageAltText')"></kendo-label>
107
- </div>
108
- <div class="k-form-field-wrap">
109
- <kendo-textbox #altTextInput [formControl]="alt"></kendo-textbox>
110
- </div>
111
- </div>
112
- <div class="k-form-field">
113
- <div class="k-form-label">
114
- <kendo-label [for]="widthInput" [text]="textFor('imageWidth')"></kendo-label>
115
- </div>
116
- <div class="k-form-field-wrap">
117
- <kendo-textbox #widthInput [formControl]="width"></kendo-textbox>
118
- </div>
119
- </div>
120
- <div class="k-form-field">
121
- <div class="k-form-label">
122
- <kendo-label [for]="heightInput" [text]="textFor('imageHeight')"></kendo-label>
123
- </div>
124
- <div class="k-form-field-wrap">
125
- <kendo-textbox #heightInput [formControl]="height"></kendo-textbox>
126
- </div>
127
- </div>
95
+ <div class="k-form k-form-md k-form-vertical">
96
+ <kendo-formfield>
97
+ <kendo-label
98
+ labelCssClass="k-form-label"
99
+ [for]="srcInput"
100
+ [text]="textFor('imageWebAddress')"
101
+ ></kendo-label>
102
+ <kendo-textbox
103
+ #srcInput
104
+ [formControl]="src"
105
+ ></kendo-textbox>
106
+ </kendo-formfield>
107
+ <kendo-formfield>
108
+ <kendo-label
109
+ labelCssClass="k-form-label"
110
+ [for]="altTextInput"
111
+ [text]="textFor('imageAltText')"
112
+ ></kendo-label>
113
+ <kendo-textbox
114
+ #altTextInput
115
+ [formControl]="alt"
116
+ ></kendo-textbox>
117
+ </kendo-formfield>
118
+ <kendo-formfield>
119
+ <kendo-label
120
+ labelCssClass="k-form-label"
121
+ [for]="widthInput"
122
+ [text]="textFor('imageWidth')"
123
+ ></kendo-label>
124
+ <kendo-textbox
125
+ #widthInput
126
+ [formControl]="width"
127
+ ></kendo-textbox>
128
+ </kendo-formfield>
129
+ <kendo-formfield>
130
+ <kendo-label
131
+ [for]="heightInput"
132
+ [text]="textFor('imageHeight')"
133
+ labelCssClass="k-form-label"
134
+ ></kendo-label>
135
+ <kendo-textbox
136
+ #heightInput
137
+ [formControl]="height"
138
+ ></kendo-textbox>
139
+ </kendo-formfield>
128
140
  </div>
129
- <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'start'">
130
- <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
131
- <button kendoButton [disabled]="imageData.invalid"
132
- (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogInsert') }}</button>
141
+ <kendo-dialog-actions layout="start">
142
+ <button
143
+ kendoButton
144
+ [disabled]="imageData.invalid"
145
+ [primary]="true"
146
+ (click)="onConfirmAction()"
147
+ >{{ textFor('dialogInsert') }}</button>
148
+ <button
149
+ kendoButton
150
+ (click)="onCancelAction()"
151
+ >{{ textFor('dialogCancel') }}</button>
133
152
  </kendo-dialog-actions>
134
- `, 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
153
+ `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors"] }, { type: i4.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
135
154
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ImageDialogComponent, decorators: [{
136
155
  type: Component,
137
156
  args: [{
@@ -139,44 +158,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
139
158
  <kendo-dialog-titlebar (close)="onCancelAction()">
140
159
  {{ textFor('insertImage') }}
141
160
  </kendo-dialog-titlebar>
142
- <div class="k-form k-form-md k-form-horizontal">
143
- <div class="k-form-field">
144
- <div class="k-form-label">
145
- <kendo-label [for]="srcInput" [text]="textFor('imageWebAddress')"></kendo-label>
146
- </div>
147
- <div class="k-form-field-wrap">
148
- <kendo-textbox #srcInput [formControl]="src"></kendo-textbox>
149
- </div>
150
- </div>
151
- <div class="k-form-field">
152
- <div class="k-form-label">
153
- <kendo-label [for]="altTextInput" [text]="textFor('imageAltText')"></kendo-label>
154
- </div>
155
- <div class="k-form-field-wrap">
156
- <kendo-textbox #altTextInput [formControl]="alt"></kendo-textbox>
157
- </div>
158
- </div>
159
- <div class="k-form-field">
160
- <div class="k-form-label">
161
- <kendo-label [for]="widthInput" [text]="textFor('imageWidth')"></kendo-label>
162
- </div>
163
- <div class="k-form-field-wrap">
164
- <kendo-textbox #widthInput [formControl]="width"></kendo-textbox>
165
- </div>
166
- </div>
167
- <div class="k-form-field">
168
- <div class="k-form-label">
169
- <kendo-label [for]="heightInput" [text]="textFor('imageHeight')"></kendo-label>
170
- </div>
171
- <div class="k-form-field-wrap">
172
- <kendo-textbox #heightInput [formControl]="height"></kendo-textbox>
173
- </div>
174
- </div>
161
+ <div class="k-form k-form-md k-form-vertical">
162
+ <kendo-formfield>
163
+ <kendo-label
164
+ labelCssClass="k-form-label"
165
+ [for]="srcInput"
166
+ [text]="textFor('imageWebAddress')"
167
+ ></kendo-label>
168
+ <kendo-textbox
169
+ #srcInput
170
+ [formControl]="src"
171
+ ></kendo-textbox>
172
+ </kendo-formfield>
173
+ <kendo-formfield>
174
+ <kendo-label
175
+ labelCssClass="k-form-label"
176
+ [for]="altTextInput"
177
+ [text]="textFor('imageAltText')"
178
+ ></kendo-label>
179
+ <kendo-textbox
180
+ #altTextInput
181
+ [formControl]="alt"
182
+ ></kendo-textbox>
183
+ </kendo-formfield>
184
+ <kendo-formfield>
185
+ <kendo-label
186
+ labelCssClass="k-form-label"
187
+ [for]="widthInput"
188
+ [text]="textFor('imageWidth')"
189
+ ></kendo-label>
190
+ <kendo-textbox
191
+ #widthInput
192
+ [formControl]="width"
193
+ ></kendo-textbox>
194
+ </kendo-formfield>
195
+ <kendo-formfield>
196
+ <kendo-label
197
+ [for]="heightInput"
198
+ [text]="textFor('imageHeight')"
199
+ labelCssClass="k-form-label"
200
+ ></kendo-label>
201
+ <kendo-textbox
202
+ #heightInput
203
+ [formControl]="height"
204
+ ></kendo-textbox>
205
+ </kendo-formfield>
175
206
  </div>
176
- <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'start'">
177
- <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
178
- <button kendoButton [disabled]="imageData.invalid"
179
- (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogInsert') }}</button>
207
+ <kendo-dialog-actions layout="start">
208
+ <button
209
+ kendoButton
210
+ [disabled]="imageData.invalid"
211
+ [primary]="true"
212
+ (click)="onConfirmAction()"
213
+ >{{ textFor('dialogInsert') }}</button>
214
+ <button
215
+ kendoButton
216
+ (click)="onCancelAction()"
217
+ >{{ textFor('dialogCancel') }}</button>
180
218
  </kendo-dialog-actions>
181
219
  `
182
220
  }]
package/esm2020/dialogs/insert-table-dialog.component.mjs CHANGED
@@ -44,8 +44,11 @@ InsertTableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
44
44
  <div [style.text-align]="'center'">
45
45
  <kendo-popup-table-grid (cellClick)="onCellClick($event)"></kendo-popup-table-grid>
46
46
  </div>
47
- <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'start'">
48
- <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
47
+ <kendo-dialog-actions layout="start">
48
+ <button
49
+ kendoButton
50
+ (click)="onCancelAction()"
51
+ >{{ textFor('dialogCancel') }}</button>
49
52
  </kendo-dialog-actions>
50
53
  `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.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"] }] });
51
54
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InsertTableDialogComponent, decorators: [{
@@ -58,8 +61,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
58
61
  <div [style.text-align]="'center'">
59
62
  <kendo-popup-table-grid (cellClick)="onCellClick($event)"></kendo-popup-table-grid>
60
63
  </div>
61
- <kendo-dialog-actions class="k-actions-end k-actions-horizontal k-window-actions" [layout]="'start'">
62
- <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
64
+ <kendo-dialog-actions layout="start">
65
+ <button
66
+ kendoButton
67
+ (click)="onCancelAction()"
68
+ >{{ textFor('dialogCancel') }}</button>
63
69
  </kendo-dialog-actions>
64
70
  `
65
71
  }]
package/esm2020/dialogs/source-dialog.component.mjs CHANGED
@@ -65,9 +65,16 @@ SourceDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
65
65
  [value]="data"
66
66
  [style.height.%]="100"
67
67
  ></kendo-textarea>
68
- <kendo-dialog-actions>
69
- <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
70
- <button kendoButton (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogUpdate') }}</button>
68
+ <kendo-dialog-actions layout="start">
69
+ <button
70
+ kendoButton
71
+ [primary]="true"
72
+ (click)="onConfirmAction()"
73
+ >{{ textFor('dialogUpdate') }}</button>
74
+ <button
75
+ kendoButton
76
+ (click)="onCancelAction()"
77
+ >{{ textFor('dialogCancel') }}</button>
71
78
  </kendo-dialog-actions>
72
79
  `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.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"] }] });
73
80
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SourceDialogComponent, decorators: [{
@@ -85,9 +92,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
85
92
  [value]="data"
86
93
  [style.height.%]="100"
87
94
  ></kendo-textarea>
88
- <kendo-dialog-actions>
89
- <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
90
- <button kendoButton (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogUpdate') }}</button>
95
+ <kendo-dialog-actions layout="start">
96
+ <button
97
+ kendoButton
98
+ [primary]="true"
99
+ (click)="onConfirmAction()"
100
+ >{{ textFor('dialogUpdate') }}</button>
101
+ <button
102
+ kendoButton
103
+ (click)="onCancelAction()"
104
+ >{{ textFor('dialogCancel') }}</button>
91
105
  </kendo-dialog-actions>
92
106
  `
93
107
  }]
package/esm2020/editor.module.mjs CHANGED
@@ -9,7 +9,7 @@ import { ToolBarModule } from '@progress/kendo-angular-toolbar';
9
9
  import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
10
10
  import { DialogModule } from '@progress/kendo-angular-dialog';
11
11
  import { ButtonModule } from '@progress/kendo-angular-buttons';
12
- import { NumericTextBoxModule, TextBoxModule, TextAreaModule, ColorPickerModule, CheckBoxModule } from '@progress/kendo-angular-inputs';
12
+ import { NumericTextBoxModule, TextBoxModule, TextAreaModule, ColorPickerModule, CheckBoxModule, FormFieldModule } from '@progress/kendo-angular-inputs';
13
13
  import { LabelModule } from "@progress/kendo-angular-label";
14
14
  import { IconsModule } from '@progress/kendo-angular-icons';
15
15
  import { EditorComponent } from './editor.component';
@@ -290,6 +290,7 @@ EditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
290
290
  ToolBarModule,
291
291
  TextBoxModule,
292
292
  TextAreaModule,
293
+ FormFieldModule,
293
294
  LabelModule], exports: [EditorComponent,
294
295
  //alignment
295
296
  EditorAlignLeftButtonDirective,
@@ -373,6 +374,7 @@ EditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
373
374
  ToolBarModule,
374
375
  TextBoxModule,
375
376
  TextAreaModule,
377
+ FormFieldModule,
376
378
  LabelModule
377
379
  ], ToolBarModule,
378
380
  ButtonModule,
@@ -417,6 +419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
417
419
  ToolBarModule,
418
420
  TextBoxModule,
419
421
  TextAreaModule,
422
+ FormFieldModule,
420
423
  LabelModule
421
424
  ]
422
425
  }]
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-editor',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1685095225,
13
- version: '13.0.0-develop.6',
12
+ publishDate: 1685097014,
13
+ version: '13.0.0-develop.7',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };