@progress/kendo-angular-editor 18.1.0-develop.3 → 18.1.0-develop.31
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/dialogs/colorpicker-dialog.component.mjs +1 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/tools/colorpicker/editor-colorpicker.component.mjs +43 -1
- package/esm2022/tools/fontfamily/editor-fontfamily.component.mjs +28 -0
- 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 +160 -4
- package/package.json +16 -16
- package/schematics/ngAdd/index.js +4 -4
|
@@ -93,7 +93,7 @@ export class ColorPickerDialogComponent extends DialogContentBase {
|
|
|
93
93
|
(click)="onCancelAction()"
|
|
94
94
|
>{{ textFor('dialogCancel') }}</button>
|
|
95
95
|
</kendo-dialog-actions>
|
|
96
|
-
`, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { 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: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { 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"] }] });
|
|
96
|
+
`, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "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: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { 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"] }] });
|
|
97
97
|
}
|
|
98
98
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
@@ -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.1.0-develop.
|
|
13
|
+
publishDate: 1739264580,
|
|
14
|
+
version: '18.1.0-develop.31',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -253,7 +253,28 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
253
253
|
</span>
|
|
254
254
|
</div>
|
|
255
255
|
</ng-template>
|
|
256
|
-
|
|
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>
|
|
277
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "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"] }] });
|
|
257
278
|
}
|
|
258
279
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
|
|
259
280
|
type: Component,
|
|
@@ -301,6 +322,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
301
322
|
</span>
|
|
302
323
|
</div>
|
|
303
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>
|
|
304
346
|
`,
|
|
305
347
|
standalone: true,
|
|
306
348
|
imports: [ColorPickerComponent, NgIf, IconWrapperComponent]
|
|
@@ -206,6 +206,20 @@ export class EditorFontFamilyComponent extends ToolBarToolComponent {
|
|
|
206
206
|
</span>
|
|
207
207
|
</div>
|
|
208
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>
|
|
209
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"] }] });
|
|
210
224
|
}
|
|
211
225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
|
|
@@ -243,6 +257,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
243
257
|
</span>
|
|
244
258
|
</div>
|
|
245
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>
|
|
246
274
|
`,
|
|
247
275
|
standalone: true,
|
|
248
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.1.0-develop.
|
|
39
|
+
publishDate: 1739264580,
|
|
40
|
+
version: '18.1.0-develop.31',
|
|
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]
|
|
@@ -5187,6 +5243,20 @@ class EditorFontFamilyComponent extends ToolBarToolComponent {
|
|
|
5187
5243
|
</span>
|
|
5188
5244
|
</div>
|
|
5189
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>
|
|
5190
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"] }] });
|
|
5191
5261
|
}
|
|
5192
5262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
|
|
@@ -5224,6 +5294,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5224
5294
|
</span>
|
|
5225
5295
|
</div>
|
|
5226
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>
|
|
5227
5311
|
`,
|
|
5228
5312
|
standalone: true,
|
|
5229
5313
|
imports: [FontFamilyDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -5325,7 +5409,7 @@ class ColorPickerDialogComponent extends DialogContentBase {
|
|
|
5325
5409
|
(click)="onCancelAction()"
|
|
5326
5410
|
>{{ textFor('dialogCancel') }}</button>
|
|
5327
5411
|
</kendo-dialog-actions>
|
|
5328
|
-
`, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { 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: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { 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"] }] });
|
|
5412
|
+
`, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "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: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { 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"] }] });
|
|
5329
5413
|
}
|
|
5330
5414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
|
|
5331
5415
|
type: Component,
|
|
@@ -5607,7 +5691,28 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5607
5691
|
</span>
|
|
5608
5692
|
</div>
|
|
5609
5693
|
</ng-template>
|
|
5610
|
-
|
|
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>
|
|
5715
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "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"] }] });
|
|
5611
5716
|
}
|
|
5612
5717
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
|
|
5613
5718
|
type: Component,
|
|
@@ -5655,6 +5760,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5655
5760
|
</span>
|
|
5656
5761
|
</div>
|
|
5657
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>
|
|
5658
5784
|
`,
|
|
5659
5785
|
standalone: true,
|
|
5660
5786
|
imports: [ColorPickerComponent, NgIf, IconWrapperComponent]
|
|
@@ -6053,6 +6179,21 @@ class EditorInsertTableButtonComponent extends ToolBarToolComponent {
|
|
|
6053
6179
|
<ng-template #popupGridTemplate>
|
|
6054
6180
|
<kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
|
|
6055
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>
|
|
6056
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"] }] });
|
|
6057
6198
|
}
|
|
6058
6199
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorInsertTableButtonComponent, decorators: [{
|
|
@@ -6093,6 +6234,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6093
6234
|
<ng-template #popupGridTemplate>
|
|
6094
6235
|
<kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
|
|
6095
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>
|
|
6096
6252
|
`,
|
|
6097
6253
|
standalone: true,
|
|
6098
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.1.0-develop.
|
|
3
|
+
"version": "18.1.0-develop.31",
|
|
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": 1739264580,
|
|
21
21
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
@@ -28,24 +28,24 @@
|
|
|
28
28
|
"@angular/forms": "16 - 19",
|
|
29
29
|
"@angular/platform-browser": "16 - 19",
|
|
30
30
|
"@progress/kendo-drawing": "^1.21.0",
|
|
31
|
-
"@progress/kendo-licensing": "^1.0
|
|
32
|
-
"@progress/kendo-angular-buttons": "18.1.0-develop.
|
|
33
|
-
"@progress/kendo-angular-common": "18.1.0-develop.
|
|
34
|
-
"@progress/kendo-angular-dialog": "18.1.0-develop.
|
|
35
|
-
"@progress/kendo-angular-dropdowns": "18.1.0-develop.
|
|
36
|
-
"@progress/kendo-angular-inputs": "18.1.0-develop.
|
|
37
|
-
"@progress/kendo-angular-intl": "18.1.0-develop.
|
|
38
|
-
"@progress/kendo-angular-l10n": "18.1.0-develop.
|
|
39
|
-
"@progress/kendo-angular-label": "18.1.0-develop.
|
|
40
|
-
"@progress/kendo-angular-layout": "18.1.0-develop.
|
|
41
|
-
"@progress/kendo-angular-icons": "18.1.0-develop.
|
|
42
|
-
"@progress/kendo-angular-popup": "18.1.0-develop.
|
|
43
|
-
"@progress/kendo-angular-toolbar": "18.1.0-develop.
|
|
31
|
+
"@progress/kendo-licensing": "^1.4.0",
|
|
32
|
+
"@progress/kendo-angular-buttons": "18.1.0-develop.31",
|
|
33
|
+
"@progress/kendo-angular-common": "18.1.0-develop.31",
|
|
34
|
+
"@progress/kendo-angular-dialog": "18.1.0-develop.31",
|
|
35
|
+
"@progress/kendo-angular-dropdowns": "18.1.0-develop.31",
|
|
36
|
+
"@progress/kendo-angular-inputs": "18.1.0-develop.31",
|
|
37
|
+
"@progress/kendo-angular-intl": "18.1.0-develop.31",
|
|
38
|
+
"@progress/kendo-angular-l10n": "18.1.0-develop.31",
|
|
39
|
+
"@progress/kendo-angular-label": "18.1.0-develop.31",
|
|
40
|
+
"@progress/kendo-angular-layout": "18.1.0-develop.31",
|
|
41
|
+
"@progress/kendo-angular-icons": "18.1.0-develop.31",
|
|
42
|
+
"@progress/kendo-angular-popup": "18.1.0-develop.31",
|
|
43
|
+
"@progress/kendo-angular-toolbar": "18.1.0-develop.31",
|
|
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.1.0-develop.
|
|
48
|
+
"@progress/kendo-angular-schematics": "18.1.0-develop.31",
|
|
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.1.0-develop.
|
|
8
|
-
'@progress/kendo-angular-treeview': '18.1.0-develop.
|
|
7
|
+
'@progress/kendo-angular-navigation': '18.1.0-develop.31',
|
|
8
|
+
'@progress/kendo-angular-treeview': '18.1.0-develop.31',
|
|
9
9
|
// peer dependency of kendo-angular-layout
|
|
10
|
-
'@progress/kendo-angular-progressbar': '18.1.0-develop.
|
|
10
|
+
'@progress/kendo-angular-progressbar': '18.1.0-develop.31',
|
|
11
11
|
// peer dependency of kendo-angular-inputs
|
|
12
|
-
'@progress/kendo-angular-dialog': '18.1.0-develop.
|
|
12
|
+
'@progress/kendo-angular-dialog': '18.1.0-develop.31',
|
|
13
13
|
// Peer dependency of icons
|
|
14
14
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
15
15
|
} });
|