@progress/kendo-angular-editor 18.0.1-develop.3 → 18.1.0-develop.10
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.
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/tools/colorpicker/editor-colorpicker.component.mjs +42 -2
- package/esm2022/tools/fontfamily/editor-fontfamily.component.mjs +28 -1
- package/esm2022/tools/fontsize/editor-fontsize.component.mjs +28 -0
- package/esm2022/tools/format/editor-format.component.mjs +28 -0
- package/esm2022/tools/tables/editor-insert-table-button.component.mjs +30 -0
- package/fesm2022/progress-kendo-angular-editor.mjs +158 -5
- package/package.json +15 -15
- package/schematics/ngAdd/index.js +4 -4
- package/tools/shared/editor-command-button.d.ts +2 -2
- package/tools/shared/editor-command-dialog.d.ts +1 -1
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '18.0
|
|
13
|
+
publishDate: 1738357531,
|
|
14
|
+
version: '18.1.0-develop.10',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
* Copyright © 2025 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
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
6
|
-
// eslint-disable no-forward-ref
|
|
7
5
|
import { Component, Input, forwardRef, ViewChild, ElementRef, NgZone, Renderer2 } from '@angular/core';
|
|
8
6
|
import { NgIf } from '@angular/common';
|
|
9
7
|
import { take } from 'rxjs/operators';
|
|
@@ -255,6 +253,27 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
255
253
|
</span>
|
|
256
254
|
</div>
|
|
257
255
|
</ng-template>
|
|
256
|
+
<ng-template #sectionTemplate>
|
|
257
|
+
<kendo-colorpicker
|
|
258
|
+
#colorpicker
|
|
259
|
+
[attr.title]="title"
|
|
260
|
+
[icon]="icon"
|
|
261
|
+
[svgIcon]="svgIcon"
|
|
262
|
+
[views]="views"
|
|
263
|
+
[format]="'hex'"
|
|
264
|
+
[value]="value"
|
|
265
|
+
[paletteSettings]="paletteSettings"
|
|
266
|
+
[disabled]="disabled"
|
|
267
|
+
[tabindex]="tabindex"
|
|
268
|
+
(valueChange)="handleValueChange($event)"
|
|
269
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
270
|
+
(activeColorClick)="handleActiveColorClick($event)"
|
|
271
|
+
(open)="onOpen(colorpicker)"
|
|
272
|
+
(close)="onClose(colorpicker)"
|
|
273
|
+
(activeViewChange)="onActiveViewChange($event)"
|
|
274
|
+
>
|
|
275
|
+
</kendo-colorpicker>
|
|
276
|
+
</ng-template>
|
|
258
277
|
`, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
259
278
|
}
|
|
260
279
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
|
|
@@ -303,6 +322,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
303
322
|
</span>
|
|
304
323
|
</div>
|
|
305
324
|
</ng-template>
|
|
325
|
+
<ng-template #sectionTemplate>
|
|
326
|
+
<kendo-colorpicker
|
|
327
|
+
#colorpicker
|
|
328
|
+
[attr.title]="title"
|
|
329
|
+
[icon]="icon"
|
|
330
|
+
[svgIcon]="svgIcon"
|
|
331
|
+
[views]="views"
|
|
332
|
+
[format]="'hex'"
|
|
333
|
+
[value]="value"
|
|
334
|
+
[paletteSettings]="paletteSettings"
|
|
335
|
+
[disabled]="disabled"
|
|
336
|
+
[tabindex]="tabindex"
|
|
337
|
+
(valueChange)="handleValueChange($event)"
|
|
338
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
339
|
+
(activeColorClick)="handleActiveColorClick($event)"
|
|
340
|
+
(open)="onOpen(colorpicker)"
|
|
341
|
+
(close)="onClose(colorpicker)"
|
|
342
|
+
(activeViewChange)="onActiveViewChange($event)"
|
|
343
|
+
>
|
|
344
|
+
</kendo-colorpicker>
|
|
345
|
+
</ng-template>
|
|
306
346
|
`,
|
|
307
347
|
standalone: true,
|
|
308
348
|
imports: [ColorPickerComponent, NgIf, IconWrapperComponent]
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
* Copyright © 2025 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
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
6
5
|
import { Component, ViewChild, ElementRef, forwardRef, Input, Output, EventEmitter, Renderer2 } from '@angular/core';
|
|
7
6
|
import { NgIf } from '@angular/common';
|
|
8
7
|
import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
|
|
@@ -207,6 +206,20 @@ export class EditorFontFamilyComponent extends ToolBarToolComponent {
|
|
|
207
206
|
</span>
|
|
208
207
|
</div>
|
|
209
208
|
</ng-template>
|
|
209
|
+
<ng-template #sectionTemplate>
|
|
210
|
+
<kendo-editor-fontfamily-dropdownlist
|
|
211
|
+
#element
|
|
212
|
+
[defaultItem]="defaultItem"
|
|
213
|
+
[data]="data"
|
|
214
|
+
[(value)]="value"
|
|
215
|
+
[itemDisabled]="itemDisabled"
|
|
216
|
+
[title]="title"
|
|
217
|
+
[disabled]="disabled"
|
|
218
|
+
[tabindex]="tabindex"
|
|
219
|
+
(valueChange)="onValueChange($event)"
|
|
220
|
+
>
|
|
221
|
+
</kendo-editor-fontfamily-dropdownlist>
|
|
222
|
+
</ng-template>
|
|
210
223
|
`, 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"] }] });
|
|
211
224
|
}
|
|
212
225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
|
|
@@ -244,6 +257,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
244
257
|
</span>
|
|
245
258
|
</div>
|
|
246
259
|
</ng-template>
|
|
260
|
+
<ng-template #sectionTemplate>
|
|
261
|
+
<kendo-editor-fontfamily-dropdownlist
|
|
262
|
+
#element
|
|
263
|
+
[defaultItem]="defaultItem"
|
|
264
|
+
[data]="data"
|
|
265
|
+
[(value)]="value"
|
|
266
|
+
[itemDisabled]="itemDisabled"
|
|
267
|
+
[title]="title"
|
|
268
|
+
[disabled]="disabled"
|
|
269
|
+
[tabindex]="tabindex"
|
|
270
|
+
(valueChange)="onValueChange($event)"
|
|
271
|
+
>
|
|
272
|
+
</kendo-editor-fontfamily-dropdownlist>
|
|
273
|
+
</ng-template>
|
|
247
274
|
`,
|
|
248
275
|
standalone: true,
|
|
249
276
|
imports: [FontFamilyDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -213,6 +213,20 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
|
|
|
213
213
|
</span>
|
|
214
214
|
</div>
|
|
215
215
|
</ng-template>
|
|
216
|
+
<ng-template #sectionTemplate>
|
|
217
|
+
<kendo-editor-fontsize-dropdownlist
|
|
218
|
+
#element
|
|
219
|
+
[defaultItem]="defaultItem"
|
|
220
|
+
[data]="data"
|
|
221
|
+
[(value)]="value"
|
|
222
|
+
[itemDisabled]="itemDisabled"
|
|
223
|
+
[title]="title"
|
|
224
|
+
[disabled]="disabled"
|
|
225
|
+
[tabindex]="tabindex"
|
|
226
|
+
(valueChange)="onValueChange($event)"
|
|
227
|
+
>
|
|
228
|
+
</kendo-editor-fontsize-dropdownlist>
|
|
229
|
+
</ng-template>
|
|
216
230
|
`, 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"] }] });
|
|
217
231
|
}
|
|
218
232
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontSizeComponent, decorators: [{
|
|
@@ -250,6 +264,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
250
264
|
</span>
|
|
251
265
|
</div>
|
|
252
266
|
</ng-template>
|
|
267
|
+
<ng-template #sectionTemplate>
|
|
268
|
+
<kendo-editor-fontsize-dropdownlist
|
|
269
|
+
#element
|
|
270
|
+
[defaultItem]="defaultItem"
|
|
271
|
+
[data]="data"
|
|
272
|
+
[(value)]="value"
|
|
273
|
+
[itemDisabled]="itemDisabled"
|
|
274
|
+
[title]="title"
|
|
275
|
+
[disabled]="disabled"
|
|
276
|
+
[tabindex]="tabindex"
|
|
277
|
+
(valueChange)="onValueChange($event)"
|
|
278
|
+
>
|
|
279
|
+
</kendo-editor-fontsize-dropdownlist>
|
|
280
|
+
</ng-template>
|
|
253
281
|
`,
|
|
254
282
|
standalone: true,
|
|
255
283
|
imports: [FontSizeDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -195,6 +195,20 @@ export class EditorFormatComponent extends ToolBarToolComponent {
|
|
|
195
195
|
</span>
|
|
196
196
|
</div>
|
|
197
197
|
</ng-template>
|
|
198
|
+
<ng-template #sectionTemplate>
|
|
199
|
+
<kendo-editor-format-dropdownlist
|
|
200
|
+
#formatDropDownList
|
|
201
|
+
[defaultItem]="defaultItem"
|
|
202
|
+
[data]="data"
|
|
203
|
+
[(value)]="value"
|
|
204
|
+
[itemDisabled]="itemDisabled"
|
|
205
|
+
[title]="title"
|
|
206
|
+
[disabled]="disabled"
|
|
207
|
+
[tabindex]="tabindex"
|
|
208
|
+
(valueChange)="onValueChange($event)"
|
|
209
|
+
>
|
|
210
|
+
</kendo-editor-format-dropdownlist>
|
|
211
|
+
</ng-template>
|
|
198
212
|
`, 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"] }] });
|
|
199
213
|
}
|
|
200
214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFormatComponent, decorators: [{
|
|
@@ -231,6 +245,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
231
245
|
</span>
|
|
232
246
|
</div>
|
|
233
247
|
</ng-template>
|
|
248
|
+
<ng-template #sectionTemplate>
|
|
249
|
+
<kendo-editor-format-dropdownlist
|
|
250
|
+
#formatDropDownList
|
|
251
|
+
[defaultItem]="defaultItem"
|
|
252
|
+
[data]="data"
|
|
253
|
+
[(value)]="value"
|
|
254
|
+
[itemDisabled]="itemDisabled"
|
|
255
|
+
[title]="title"
|
|
256
|
+
[disabled]="disabled"
|
|
257
|
+
[tabindex]="tabindex"
|
|
258
|
+
(valueChange)="onValueChange($event)"
|
|
259
|
+
>
|
|
260
|
+
</kendo-editor-format-dropdownlist>
|
|
261
|
+
</ng-template>
|
|
234
262
|
`,
|
|
235
263
|
standalone: true,
|
|
236
264
|
imports: [FormatDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -219,6 +219,21 @@ export class EditorInsertTableButtonComponent extends ToolBarToolComponent {
|
|
|
219
219
|
<ng-template #popupGridTemplate>
|
|
220
220
|
<kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
|
|
221
221
|
</ng-template>
|
|
222
|
+
<ng-template #sectionTemplate>
|
|
223
|
+
<button
|
|
224
|
+
type="button"
|
|
225
|
+
kendoButton
|
|
226
|
+
class="k-toolbar-button"
|
|
227
|
+
#element
|
|
228
|
+
[attr.title]="title"
|
|
229
|
+
[attr.tabindex]="tabIndex"
|
|
230
|
+
icon="table-add"
|
|
231
|
+
[svgIcon]="addTableSVGIcon"
|
|
232
|
+
[disabled]="disabled"
|
|
233
|
+
(click)="toggle()"
|
|
234
|
+
(blur)="onBlur()"
|
|
235
|
+
></button>
|
|
236
|
+
</ng-template>
|
|
222
237
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { 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"] }, { kind: "component", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }] });
|
|
223
238
|
}
|
|
224
239
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorInsertTableButtonComponent, decorators: [{
|
|
@@ -259,6 +274,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
259
274
|
<ng-template #popupGridTemplate>
|
|
260
275
|
<kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
|
|
261
276
|
</ng-template>
|
|
277
|
+
<ng-template #sectionTemplate>
|
|
278
|
+
<button
|
|
279
|
+
type="button"
|
|
280
|
+
kendoButton
|
|
281
|
+
class="k-toolbar-button"
|
|
282
|
+
#element
|
|
283
|
+
[attr.title]="title"
|
|
284
|
+
[attr.tabindex]="tabIndex"
|
|
285
|
+
icon="table-add"
|
|
286
|
+
[svgIcon]="addTableSVGIcon"
|
|
287
|
+
[disabled]="disabled"
|
|
288
|
+
(click)="toggle()"
|
|
289
|
+
(blur)="onBlur()"
|
|
290
|
+
></button>
|
|
291
|
+
</ng-template>
|
|
262
292
|
`,
|
|
263
293
|
standalone: true,
|
|
264
294
|
imports: [ButtonComponent, IconWrapperComponent, NgIf, PopupTableGridComponent]
|
|
@@ -36,8 +36,8 @@ const packageMetadata = {
|
|
|
36
36
|
productName: 'Kendo UI for Angular',
|
|
37
37
|
productCode: 'KENDOUIANGULAR',
|
|
38
38
|
productCodes: ['KENDOUIANGULAR'],
|
|
39
|
-
publishDate:
|
|
40
|
-
version: '18.0
|
|
39
|
+
publishDate: 1738357531,
|
|
40
|
+
version: '18.1.0-develop.10',
|
|
41
41
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -2586,6 +2586,20 @@ class EditorFormatComponent extends ToolBarToolComponent {
|
|
|
2586
2586
|
</span>
|
|
2587
2587
|
</div>
|
|
2588
2588
|
</ng-template>
|
|
2589
|
+
<ng-template #sectionTemplate>
|
|
2590
|
+
<kendo-editor-format-dropdownlist
|
|
2591
|
+
#formatDropDownList
|
|
2592
|
+
[defaultItem]="defaultItem"
|
|
2593
|
+
[data]="data"
|
|
2594
|
+
[(value)]="value"
|
|
2595
|
+
[itemDisabled]="itemDisabled"
|
|
2596
|
+
[title]="title"
|
|
2597
|
+
[disabled]="disabled"
|
|
2598
|
+
[tabindex]="tabindex"
|
|
2599
|
+
(valueChange)="onValueChange($event)"
|
|
2600
|
+
>
|
|
2601
|
+
</kendo-editor-format-dropdownlist>
|
|
2602
|
+
</ng-template>
|
|
2589
2603
|
`, 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"] }] });
|
|
2590
2604
|
}
|
|
2591
2605
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFormatComponent, decorators: [{
|
|
@@ -2622,6 +2636,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2622
2636
|
</span>
|
|
2623
2637
|
</div>
|
|
2624
2638
|
</ng-template>
|
|
2639
|
+
<ng-template #sectionTemplate>
|
|
2640
|
+
<kendo-editor-format-dropdownlist
|
|
2641
|
+
#formatDropDownList
|
|
2642
|
+
[defaultItem]="defaultItem"
|
|
2643
|
+
[data]="data"
|
|
2644
|
+
[(value)]="value"
|
|
2645
|
+
[itemDisabled]="itemDisabled"
|
|
2646
|
+
[title]="title"
|
|
2647
|
+
[disabled]="disabled"
|
|
2648
|
+
[tabindex]="tabindex"
|
|
2649
|
+
(valueChange)="onValueChange($event)"
|
|
2650
|
+
>
|
|
2651
|
+
</kendo-editor-format-dropdownlist>
|
|
2652
|
+
</ng-template>
|
|
2625
2653
|
`,
|
|
2626
2654
|
standalone: true,
|
|
2627
2655
|
imports: [FormatDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -4740,6 +4768,20 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
|
|
|
4740
4768
|
</span>
|
|
4741
4769
|
</div>
|
|
4742
4770
|
</ng-template>
|
|
4771
|
+
<ng-template #sectionTemplate>
|
|
4772
|
+
<kendo-editor-fontsize-dropdownlist
|
|
4773
|
+
#element
|
|
4774
|
+
[defaultItem]="defaultItem"
|
|
4775
|
+
[data]="data"
|
|
4776
|
+
[(value)]="value"
|
|
4777
|
+
[itemDisabled]="itemDisabled"
|
|
4778
|
+
[title]="title"
|
|
4779
|
+
[disabled]="disabled"
|
|
4780
|
+
[tabindex]="tabindex"
|
|
4781
|
+
(valueChange)="onValueChange($event)"
|
|
4782
|
+
>
|
|
4783
|
+
</kendo-editor-fontsize-dropdownlist>
|
|
4784
|
+
</ng-template>
|
|
4743
4785
|
`, 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"] }] });
|
|
4744
4786
|
}
|
|
4745
4787
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontSizeComponent, decorators: [{
|
|
@@ -4777,6 +4819,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4777
4819
|
</span>
|
|
4778
4820
|
</div>
|
|
4779
4821
|
</ng-template>
|
|
4822
|
+
<ng-template #sectionTemplate>
|
|
4823
|
+
<kendo-editor-fontsize-dropdownlist
|
|
4824
|
+
#element
|
|
4825
|
+
[defaultItem]="defaultItem"
|
|
4826
|
+
[data]="data"
|
|
4827
|
+
[(value)]="value"
|
|
4828
|
+
[itemDisabled]="itemDisabled"
|
|
4829
|
+
[title]="title"
|
|
4830
|
+
[disabled]="disabled"
|
|
4831
|
+
[tabindex]="tabindex"
|
|
4832
|
+
(valueChange)="onValueChange($event)"
|
|
4833
|
+
>
|
|
4834
|
+
</kendo-editor-fontsize-dropdownlist>
|
|
4835
|
+
</ng-template>
|
|
4780
4836
|
`,
|
|
4781
4837
|
standalone: true,
|
|
4782
4838
|
imports: [FontSizeDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -5000,7 +5056,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5000
5056
|
args: ['fontFamilyDropDownList', { read: FontFamilyDropDownListComponent, static: true }]
|
|
5001
5057
|
}] } });
|
|
5002
5058
|
|
|
5003
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
5004
5059
|
/**
|
|
5005
5060
|
* A component which configures an existing `DropDownListComponent` as an Editor tool
|
|
5006
5061
|
* ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
|
|
@@ -5188,6 +5243,20 @@ class EditorFontFamilyComponent extends ToolBarToolComponent {
|
|
|
5188
5243
|
</span>
|
|
5189
5244
|
</div>
|
|
5190
5245
|
</ng-template>
|
|
5246
|
+
<ng-template #sectionTemplate>
|
|
5247
|
+
<kendo-editor-fontfamily-dropdownlist
|
|
5248
|
+
#element
|
|
5249
|
+
[defaultItem]="defaultItem"
|
|
5250
|
+
[data]="data"
|
|
5251
|
+
[(value)]="value"
|
|
5252
|
+
[itemDisabled]="itemDisabled"
|
|
5253
|
+
[title]="title"
|
|
5254
|
+
[disabled]="disabled"
|
|
5255
|
+
[tabindex]="tabindex"
|
|
5256
|
+
(valueChange)="onValueChange($event)"
|
|
5257
|
+
>
|
|
5258
|
+
</kendo-editor-fontfamily-dropdownlist>
|
|
5259
|
+
</ng-template>
|
|
5191
5260
|
`, 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"] }] });
|
|
5192
5261
|
}
|
|
5193
5262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
|
|
@@ -5225,6 +5294,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5225
5294
|
</span>
|
|
5226
5295
|
</div>
|
|
5227
5296
|
</ng-template>
|
|
5297
|
+
<ng-template #sectionTemplate>
|
|
5298
|
+
<kendo-editor-fontfamily-dropdownlist
|
|
5299
|
+
#element
|
|
5300
|
+
[defaultItem]="defaultItem"
|
|
5301
|
+
[data]="data"
|
|
5302
|
+
[(value)]="value"
|
|
5303
|
+
[itemDisabled]="itemDisabled"
|
|
5304
|
+
[title]="title"
|
|
5305
|
+
[disabled]="disabled"
|
|
5306
|
+
[tabindex]="tabindex"
|
|
5307
|
+
(valueChange)="onValueChange($event)"
|
|
5308
|
+
>
|
|
5309
|
+
</kendo-editor-fontfamily-dropdownlist>
|
|
5310
|
+
</ng-template>
|
|
5228
5311
|
`,
|
|
5229
5312
|
standalone: true,
|
|
5230
5313
|
imports: [FontFamilyDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -5372,8 +5455,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5372
5455
|
args: ['colorpicker', { read: ColorPickerComponent, static: true }]
|
|
5373
5456
|
}] } });
|
|
5374
5457
|
|
|
5375
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
5376
|
-
// eslint-disable no-forward-ref
|
|
5377
5458
|
/**
|
|
5378
5459
|
* A component which configures an existing ColorPickerComponent as a ToolBar tool.
|
|
5379
5460
|
* To associate a `kendo-toolbar-colorpicker` with an Editor command that changes the
|
|
@@ -5610,6 +5691,27 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5610
5691
|
</span>
|
|
5611
5692
|
</div>
|
|
5612
5693
|
</ng-template>
|
|
5694
|
+
<ng-template #sectionTemplate>
|
|
5695
|
+
<kendo-colorpicker
|
|
5696
|
+
#colorpicker
|
|
5697
|
+
[attr.title]="title"
|
|
5698
|
+
[icon]="icon"
|
|
5699
|
+
[svgIcon]="svgIcon"
|
|
5700
|
+
[views]="views"
|
|
5701
|
+
[format]="'hex'"
|
|
5702
|
+
[value]="value"
|
|
5703
|
+
[paletteSettings]="paletteSettings"
|
|
5704
|
+
[disabled]="disabled"
|
|
5705
|
+
[tabindex]="tabindex"
|
|
5706
|
+
(valueChange)="handleValueChange($event)"
|
|
5707
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
5708
|
+
(activeColorClick)="handleActiveColorClick($event)"
|
|
5709
|
+
(open)="onOpen(colorpicker)"
|
|
5710
|
+
(close)="onClose(colorpicker)"
|
|
5711
|
+
(activeViewChange)="onActiveViewChange($event)"
|
|
5712
|
+
>
|
|
5713
|
+
</kendo-colorpicker>
|
|
5714
|
+
</ng-template>
|
|
5613
5715
|
`, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
5614
5716
|
}
|
|
5615
5717
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
|
|
@@ -5658,6 +5760,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5658
5760
|
</span>
|
|
5659
5761
|
</div>
|
|
5660
5762
|
</ng-template>
|
|
5763
|
+
<ng-template #sectionTemplate>
|
|
5764
|
+
<kendo-colorpicker
|
|
5765
|
+
#colorpicker
|
|
5766
|
+
[attr.title]="title"
|
|
5767
|
+
[icon]="icon"
|
|
5768
|
+
[svgIcon]="svgIcon"
|
|
5769
|
+
[views]="views"
|
|
5770
|
+
[format]="'hex'"
|
|
5771
|
+
[value]="value"
|
|
5772
|
+
[paletteSettings]="paletteSettings"
|
|
5773
|
+
[disabled]="disabled"
|
|
5774
|
+
[tabindex]="tabindex"
|
|
5775
|
+
(valueChange)="handleValueChange($event)"
|
|
5776
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
5777
|
+
(activeColorClick)="handleActiveColorClick($event)"
|
|
5778
|
+
(open)="onOpen(colorpicker)"
|
|
5779
|
+
(close)="onClose(colorpicker)"
|
|
5780
|
+
(activeViewChange)="onActiveViewChange($event)"
|
|
5781
|
+
>
|
|
5782
|
+
</kendo-colorpicker>
|
|
5783
|
+
</ng-template>
|
|
5661
5784
|
`,
|
|
5662
5785
|
standalone: true,
|
|
5663
5786
|
imports: [ColorPickerComponent, NgIf, IconWrapperComponent]
|
|
@@ -6056,6 +6179,21 @@ class EditorInsertTableButtonComponent extends ToolBarToolComponent {
|
|
|
6056
6179
|
<ng-template #popupGridTemplate>
|
|
6057
6180
|
<kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
|
|
6058
6181
|
</ng-template>
|
|
6182
|
+
<ng-template #sectionTemplate>
|
|
6183
|
+
<button
|
|
6184
|
+
type="button"
|
|
6185
|
+
kendoButton
|
|
6186
|
+
class="k-toolbar-button"
|
|
6187
|
+
#element
|
|
6188
|
+
[attr.title]="title"
|
|
6189
|
+
[attr.tabindex]="tabIndex"
|
|
6190
|
+
icon="table-add"
|
|
6191
|
+
[svgIcon]="addTableSVGIcon"
|
|
6192
|
+
[disabled]="disabled"
|
|
6193
|
+
(click)="toggle()"
|
|
6194
|
+
(blur)="onBlur()"
|
|
6195
|
+
></button>
|
|
6196
|
+
</ng-template>
|
|
6059
6197
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { 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"] }, { kind: "component", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }] });
|
|
6060
6198
|
}
|
|
6061
6199
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorInsertTableButtonComponent, decorators: [{
|
|
@@ -6096,6 +6234,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6096
6234
|
<ng-template #popupGridTemplate>
|
|
6097
6235
|
<kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
|
|
6098
6236
|
</ng-template>
|
|
6237
|
+
<ng-template #sectionTemplate>
|
|
6238
|
+
<button
|
|
6239
|
+
type="button"
|
|
6240
|
+
kendoButton
|
|
6241
|
+
class="k-toolbar-button"
|
|
6242
|
+
#element
|
|
6243
|
+
[attr.title]="title"
|
|
6244
|
+
[attr.tabindex]="tabIndex"
|
|
6245
|
+
icon="table-add"
|
|
6246
|
+
[svgIcon]="addTableSVGIcon"
|
|
6247
|
+
[disabled]="disabled"
|
|
6248
|
+
(click)="toggle()"
|
|
6249
|
+
(blur)="onBlur()"
|
|
6250
|
+
></button>
|
|
6251
|
+
</ng-template>
|
|
6099
6252
|
`,
|
|
6100
6253
|
standalone: true,
|
|
6101
6254
|
imports: [ButtonComponent, IconWrapperComponent, NgIf, PopupTableGridComponent]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-editor",
|
|
3
|
-
"version": "18.0
|
|
3
|
+
"version": "18.1.0-develop.10",
|
|
4
4
|
"description": "Kendo UI Editor for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"package": {
|
|
18
18
|
"productName": "Kendo UI for Angular",
|
|
19
19
|
"productCode": "KENDOUIANGULAR",
|
|
20
|
-
"publishDate":
|
|
20
|
+
"publishDate": 1738357531,
|
|
21
21
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
@@ -29,23 +29,23 @@
|
|
|
29
29
|
"@angular/platform-browser": "16 - 19",
|
|
30
30
|
"@progress/kendo-drawing": "^1.21.0",
|
|
31
31
|
"@progress/kendo-licensing": "^1.0.2",
|
|
32
|
-
"@progress/kendo-angular-buttons": "18.0
|
|
33
|
-
"@progress/kendo-angular-common": "18.0
|
|
34
|
-
"@progress/kendo-angular-dialog": "18.0
|
|
35
|
-
"@progress/kendo-angular-dropdowns": "18.0
|
|
36
|
-
"@progress/kendo-angular-inputs": "18.0
|
|
37
|
-
"@progress/kendo-angular-intl": "18.0
|
|
38
|
-
"@progress/kendo-angular-l10n": "18.0
|
|
39
|
-
"@progress/kendo-angular-label": "18.0
|
|
40
|
-
"@progress/kendo-angular-layout": "18.0
|
|
41
|
-
"@progress/kendo-angular-icons": "18.0
|
|
42
|
-
"@progress/kendo-angular-popup": "18.0
|
|
43
|
-
"@progress/kendo-angular-toolbar": "18.0
|
|
32
|
+
"@progress/kendo-angular-buttons": "18.1.0-develop.10",
|
|
33
|
+
"@progress/kendo-angular-common": "18.1.0-develop.10",
|
|
34
|
+
"@progress/kendo-angular-dialog": "18.1.0-develop.10",
|
|
35
|
+
"@progress/kendo-angular-dropdowns": "18.1.0-develop.10",
|
|
36
|
+
"@progress/kendo-angular-inputs": "18.1.0-develop.10",
|
|
37
|
+
"@progress/kendo-angular-intl": "18.1.0-develop.10",
|
|
38
|
+
"@progress/kendo-angular-l10n": "18.1.0-develop.10",
|
|
39
|
+
"@progress/kendo-angular-label": "18.1.0-develop.10",
|
|
40
|
+
"@progress/kendo-angular-layout": "18.1.0-develop.10",
|
|
41
|
+
"@progress/kendo-angular-icons": "18.1.0-develop.10",
|
|
42
|
+
"@progress/kendo-angular-popup": "18.1.0-develop.10",
|
|
43
|
+
"@progress/kendo-angular-toolbar": "18.1.0-develop.10",
|
|
44
44
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"tslib": "^2.3.1",
|
|
48
|
-
"@progress/kendo-angular-schematics": "18.0
|
|
48
|
+
"@progress/kendo-angular-schematics": "18.1.0-develop.10",
|
|
49
49
|
"@progress/kendo-editor-common": "1.12.1"
|
|
50
50
|
},
|
|
51
51
|
"schematics": "./schematics/collection.json",
|
|
@@ -4,12 +4,12 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'EditorModule', package: 'editor', peerDependencies: {
|
|
6
6
|
// peer dependencies of kendo-angular-dropdowns
|
|
7
|
-
'@progress/kendo-angular-navigation': '18.0
|
|
8
|
-
'@progress/kendo-angular-treeview': '18.0
|
|
7
|
+
'@progress/kendo-angular-navigation': '18.1.0-develop.10',
|
|
8
|
+
'@progress/kendo-angular-treeview': '18.1.0-develop.10',
|
|
9
9
|
// peer dependency of kendo-angular-layout
|
|
10
|
-
'@progress/kendo-angular-progressbar': '18.0
|
|
10
|
+
'@progress/kendo-angular-progressbar': '18.1.0-develop.10',
|
|
11
11
|
// peer dependency of kendo-angular-inputs
|
|
12
|
-
'@progress/kendo-angular-dialog': '18.0
|
|
12
|
+
'@progress/kendo-angular-dialog': '18.1.0-develop.10',
|
|
13
13
|
// Peer dependency of icons
|
|
14
14
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
15
15
|
} });
|
|
@@ -19,6 +19,6 @@ export declare abstract class EditorCommandButton extends EditorCommandBaseDirec
|
|
|
19
19
|
protected toolsService: EditorToolsService;
|
|
20
20
|
constructor(command: EditorCommand | EditorInternalCommand, button: ToolBarButtonComponent, localization: LocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
21
21
|
protected clickHandler(): void;
|
|
22
|
-
protected pointerdownHandler(e
|
|
23
|
-
protected onStateChange(toolBarState
|
|
22
|
+
protected pointerdownHandler(e?: PointerEvent): void;
|
|
23
|
+
protected onStateChange(toolBarState?: any): void;
|
|
24
24
|
}
|
|
@@ -19,5 +19,5 @@ export declare abstract class EditorCommandDialog extends EditorCommandBaseDirec
|
|
|
19
19
|
protected toolsService: EditorToolsService;
|
|
20
20
|
constructor(dialog: DialogCommand, button: ToolBarButtonComponent, localization: LocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
21
21
|
protected clickHandler(): void;
|
|
22
|
-
protected onStateChange(toolBarState
|
|
22
|
+
protected onStateChange(toolBarState?: any): void;
|
|
23
23
|
}
|