@progress/kendo-angular-editor 11.0.1-develop.1 → 11.0.1-develop.3
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/dialogs/colorpicker-dialog.component.d.ts +1 -0
- package/esm2020/dialogs/colorpicker-dialog.component.mjs +7 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/tools/colorpicker/editor-colorpicker.component.mjs +12 -1
- package/fesm2015/progress-kendo-angular-editor.mjs +21 -4
- package/fesm2020/progress-kendo-angular-editor.mjs +21 -4
- package/package.json +13 -13
- package/schematics/ngAdd/index.js +3 -3
- package/tools/colorpicker/editor-colorpicker.component.d.ts +4 -0
|
@@ -27,6 +27,7 @@ export declare class ColorPickerDialogComponent extends DialogContentBase {
|
|
|
27
27
|
constructor(dialog: DialogRef, localization: EditorLocalizationService);
|
|
28
28
|
ngAfterViewInit(): void;
|
|
29
29
|
handleActiveColorClick(event: ActiveColorClickEvent): void;
|
|
30
|
+
handleClearButtonClick(): void;
|
|
30
31
|
onCancelAction(): void;
|
|
31
32
|
onConfirmAction(): void;
|
|
32
33
|
setData(args: any): void;
|
|
@@ -2,6 +2,7 @@
|
|
|
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
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
5
6
|
import { Component, Input, ViewChild } from '@angular/core';
|
|
6
7
|
import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
|
|
7
8
|
import { EditorLocalizationService } from '../localization/editor-localization.service';
|
|
@@ -30,6 +31,9 @@ export class ColorPickerDialogComponent extends DialogContentBase {
|
|
|
30
31
|
event.preventOpen();
|
|
31
32
|
this.value = event.color;
|
|
32
33
|
}
|
|
34
|
+
handleClearButtonClick() {
|
|
35
|
+
this.editor.exec(this.editorCommand, undefined);
|
|
36
|
+
}
|
|
33
37
|
onCancelAction() {
|
|
34
38
|
this.dialog.close();
|
|
35
39
|
}
|
|
@@ -69,6 +73,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
69
73
|
[(value)]="value"
|
|
70
74
|
[paletteSettings]="paletteSettings"
|
|
71
75
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
76
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
72
77
|
>
|
|
73
78
|
</kendo-colorpicker>
|
|
74
79
|
</div>
|
|
@@ -77,7 +82,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
77
82
|
<button kendoButton
|
|
78
83
|
(click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
|
|
79
84
|
</kendo-dialog-actions>
|
|
80
|
-
`, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { 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"] }] });
|
|
85
|
+
`, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.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"] }, { 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"] }] });
|
|
81
86
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
|
|
82
87
|
type: Component,
|
|
83
88
|
args: [{
|
|
@@ -96,6 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
96
101
|
[(value)]="value"
|
|
97
102
|
[paletteSettings]="paletteSettings"
|
|
98
103
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
104
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
99
105
|
>
|
|
100
106
|
</kendo-colorpicker>
|
|
101
107
|
</div>
|
|
@@ -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:
|
|
13
|
-
version: '11.0.1-develop.
|
|
12
|
+
publishDate: 1674112824,
|
|
13
|
+
version: '11.0.1-develop.3',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -107,6 +107,15 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
107
107
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
|
|
108
108
|
this.activeView = this.view;
|
|
109
109
|
}
|
|
110
|
+
/**
|
|
111
|
+
* @hidden
|
|
112
|
+
*/
|
|
113
|
+
handleClearButtonClick() {
|
|
114
|
+
this.editor.exec(this.editorCommand, undefined);
|
|
115
|
+
if (this.activeView === 'palette') {
|
|
116
|
+
this.editor.view.focus();
|
|
117
|
+
}
|
|
118
|
+
}
|
|
110
119
|
/**
|
|
111
120
|
* @hidden
|
|
112
121
|
*/
|
|
@@ -185,6 +194,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
185
194
|
[disabled]="disabled"
|
|
186
195
|
[tabindex]="tabindex"
|
|
187
196
|
(valueChange)="handleValueChange($event)"
|
|
197
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
188
198
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
189
199
|
(open)="onOpen(colorpicker)"
|
|
190
200
|
(close)="onClose(colorpicker)"
|
|
@@ -211,7 +221,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
211
221
|
</span>
|
|
212
222
|
</div>
|
|
213
223
|
</ng-template>
|
|
214
|
-
`, isInline: true, components: [{ type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
224
|
+
`, isInline: true, components: [{ type: i4.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"] }, { type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
215
225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
|
|
216
226
|
type: Component,
|
|
217
227
|
args: [{
|
|
@@ -231,6 +241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
231
241
|
[disabled]="disabled"
|
|
232
242
|
[tabindex]="tabindex"
|
|
233
243
|
(valueChange)="handleValueChange($event)"
|
|
244
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
234
245
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
235
246
|
(open)="onOpen(colorpicker)"
|
|
236
247
|
(close)="onClose(colorpicker)"
|
|
@@ -40,8 +40,8 @@ const packageMetadata = {
|
|
|
40
40
|
name: '@progress/kendo-angular-editor',
|
|
41
41
|
productName: 'Kendo UI for Angular',
|
|
42
42
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
43
|
-
publishDate:
|
|
44
|
-
version: '11.0.1-develop.
|
|
43
|
+
publishDate: 1674112824,
|
|
44
|
+
version: '11.0.1-develop.3',
|
|
45
45
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
46
46
|
};
|
|
47
47
|
|
|
@@ -3996,6 +3996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
3996
3996
|
args: ['defaultToolbar', { read: ToolBarComponent, static: false }]
|
|
3997
3997
|
}] } });
|
|
3998
3998
|
|
|
3999
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
3999
4000
|
/**
|
|
4000
4001
|
* @hidden
|
|
4001
4002
|
*/
|
|
@@ -4014,6 +4015,9 @@ class ColorPickerDialogComponent extends DialogContentBase {
|
|
|
4014
4015
|
event.preventOpen();
|
|
4015
4016
|
this.value = event.color;
|
|
4016
4017
|
}
|
|
4018
|
+
handleClearButtonClick() {
|
|
4019
|
+
this.editor.exec(this.editorCommand, undefined);
|
|
4020
|
+
}
|
|
4017
4021
|
onCancelAction() {
|
|
4018
4022
|
this.dialog.close();
|
|
4019
4023
|
}
|
|
@@ -4053,6 +4057,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
4053
4057
|
[(value)]="value"
|
|
4054
4058
|
[paletteSettings]="paletteSettings"
|
|
4055
4059
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
4060
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
4056
4061
|
>
|
|
4057
4062
|
</kendo-colorpicker>
|
|
4058
4063
|
</div>
|
|
@@ -4061,7 +4066,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
4061
4066
|
<button kendoButton
|
|
4062
4067
|
(click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
|
|
4063
4068
|
</kendo-dialog-actions>
|
|
4064
|
-
`, isInline: true, components: [{ type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4$1.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"] }] });
|
|
4069
|
+
`, isInline: true, components: [{ type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.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"] }, { type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4$1.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"] }] });
|
|
4065
4070
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
|
|
4066
4071
|
type: Component,
|
|
4067
4072
|
args: [{
|
|
@@ -4080,6 +4085,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
4080
4085
|
[(value)]="value"
|
|
4081
4086
|
[paletteSettings]="paletteSettings"
|
|
4082
4087
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
4088
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
4083
4089
|
>
|
|
4084
4090
|
</kendo-colorpicker>
|
|
4085
4091
|
</div>
|
|
@@ -5137,6 +5143,15 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5137
5143
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
|
|
5138
5144
|
this.activeView = this.view;
|
|
5139
5145
|
}
|
|
5146
|
+
/**
|
|
5147
|
+
* @hidden
|
|
5148
|
+
*/
|
|
5149
|
+
handleClearButtonClick() {
|
|
5150
|
+
this.editor.exec(this.editorCommand, undefined);
|
|
5151
|
+
if (this.activeView === 'palette') {
|
|
5152
|
+
this.editor.view.focus();
|
|
5153
|
+
}
|
|
5154
|
+
}
|
|
5140
5155
|
/**
|
|
5141
5156
|
* @hidden
|
|
5142
5157
|
*/
|
|
@@ -5216,6 +5231,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
5216
5231
|
[disabled]="disabled"
|
|
5217
5232
|
[tabindex]="tabindex"
|
|
5218
5233
|
(valueChange)="handleValueChange($event)"
|
|
5234
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
5219
5235
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
5220
5236
|
(open)="onOpen(colorpicker)"
|
|
5221
5237
|
(close)="onClose(colorpicker)"
|
|
@@ -5242,7 +5258,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
5242
5258
|
</span>
|
|
5243
5259
|
</div>
|
|
5244
5260
|
</ng-template>
|
|
5245
|
-
`, isInline: true, components: [{ type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5261
|
+
`, isInline: true, components: [{ type: i4.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"] }, { type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5246
5262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
|
|
5247
5263
|
type: Component,
|
|
5248
5264
|
args: [{
|
|
@@ -5262,6 +5278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
5262
5278
|
[disabled]="disabled"
|
|
5263
5279
|
[tabindex]="tabindex"
|
|
5264
5280
|
(valueChange)="handleValueChange($event)"
|
|
5281
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
5265
5282
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
5266
5283
|
(open)="onOpen(colorpicker)"
|
|
5267
5284
|
(close)="onClose(colorpicker)"
|
|
@@ -40,8 +40,8 @@ const packageMetadata = {
|
|
|
40
40
|
name: '@progress/kendo-angular-editor',
|
|
41
41
|
productName: 'Kendo UI for Angular',
|
|
42
42
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
43
|
-
publishDate:
|
|
44
|
-
version: '11.0.1-develop.
|
|
43
|
+
publishDate: 1674112824,
|
|
44
|
+
version: '11.0.1-develop.3',
|
|
45
45
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
46
46
|
};
|
|
47
47
|
|
|
@@ -3998,6 +3998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
3998
3998
|
args: ['defaultToolbar', { read: ToolBarComponent, static: false }]
|
|
3999
3999
|
}] } });
|
|
4000
4000
|
|
|
4001
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
4001
4002
|
/**
|
|
4002
4003
|
* @hidden
|
|
4003
4004
|
*/
|
|
@@ -4016,6 +4017,9 @@ class ColorPickerDialogComponent extends DialogContentBase {
|
|
|
4016
4017
|
event.preventOpen();
|
|
4017
4018
|
this.value = event.color;
|
|
4018
4019
|
}
|
|
4020
|
+
handleClearButtonClick() {
|
|
4021
|
+
this.editor.exec(this.editorCommand, undefined);
|
|
4022
|
+
}
|
|
4019
4023
|
onCancelAction() {
|
|
4020
4024
|
this.dialog.close();
|
|
4021
4025
|
}
|
|
@@ -4055,6 +4059,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
4055
4059
|
[(value)]="value"
|
|
4056
4060
|
[paletteSettings]="paletteSettings"
|
|
4057
4061
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
4062
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
4058
4063
|
>
|
|
4059
4064
|
</kendo-colorpicker>
|
|
4060
4065
|
</div>
|
|
@@ -4063,7 +4068,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
4063
4068
|
<button kendoButton
|
|
4064
4069
|
(click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
|
|
4065
4070
|
</kendo-dialog-actions>
|
|
4066
|
-
`, isInline: true, components: [{ type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4$1.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"] }] });
|
|
4071
|
+
`, isInline: true, components: [{ type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.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"] }, { type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4$1.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"] }] });
|
|
4067
4072
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
|
|
4068
4073
|
type: Component,
|
|
4069
4074
|
args: [{
|
|
@@ -4082,6 +4087,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
4082
4087
|
[(value)]="value"
|
|
4083
4088
|
[paletteSettings]="paletteSettings"
|
|
4084
4089
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
4090
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
4085
4091
|
>
|
|
4086
4092
|
</kendo-colorpicker>
|
|
4087
4093
|
</div>
|
|
@@ -5139,6 +5145,15 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5139
5145
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
|
|
5140
5146
|
this.activeView = this.view;
|
|
5141
5147
|
}
|
|
5148
|
+
/**
|
|
5149
|
+
* @hidden
|
|
5150
|
+
*/
|
|
5151
|
+
handleClearButtonClick() {
|
|
5152
|
+
this.editor.exec(this.editorCommand, undefined);
|
|
5153
|
+
if (this.activeView === 'palette') {
|
|
5154
|
+
this.editor.view.focus();
|
|
5155
|
+
}
|
|
5156
|
+
}
|
|
5142
5157
|
/**
|
|
5143
5158
|
* @hidden
|
|
5144
5159
|
*/
|
|
@@ -5217,6 +5232,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
5217
5232
|
[disabled]="disabled"
|
|
5218
5233
|
[tabindex]="tabindex"
|
|
5219
5234
|
(valueChange)="handleValueChange($event)"
|
|
5235
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
5220
5236
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
5221
5237
|
(open)="onOpen(colorpicker)"
|
|
5222
5238
|
(close)="onClose(colorpicker)"
|
|
@@ -5243,7 +5259,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
5243
5259
|
</span>
|
|
5244
5260
|
</div>
|
|
5245
5261
|
</ng-template>
|
|
5246
|
-
`, isInline: true, components: [{ type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5262
|
+
`, isInline: true, components: [{ type: i4.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"] }, { type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5247
5263
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
|
|
5248
5264
|
type: Component,
|
|
5249
5265
|
args: [{
|
|
@@ -5263,6 +5279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
5263
5279
|
[disabled]="disabled"
|
|
5264
5280
|
[tabindex]="tabindex"
|
|
5265
5281
|
(valueChange)="handleValueChange($event)"
|
|
5282
|
+
(clearButtonClick)="handleClearButtonClick()"
|
|
5266
5283
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
5267
5284
|
(open)="onOpen(colorpicker)"
|
|
5268
5285
|
(close)="onClose(colorpicker)"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-editor",
|
|
3
|
-
"version": "11.0.1-develop.
|
|
3
|
+
"version": "11.0.1-develop.3",
|
|
4
4
|
"description": "Kendo UI Editor for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -22,22 +22,22 @@
|
|
|
22
22
|
"@angular/platform-browser": "13 - 15",
|
|
23
23
|
"@progress/kendo-drawing": "^1.17.2",
|
|
24
24
|
"@progress/kendo-licensing": "^1.0.2",
|
|
25
|
-
"@progress/kendo-angular-buttons": "11.0.1-develop.
|
|
26
|
-
"@progress/kendo-angular-common": "11.0.1-develop.
|
|
27
|
-
"@progress/kendo-angular-dialog": "11.0.1-develop.
|
|
28
|
-
"@progress/kendo-angular-dropdowns": "11.0.1-develop.
|
|
29
|
-
"@progress/kendo-angular-inputs": "11.0.1-develop.
|
|
30
|
-
"@progress/kendo-angular-intl": "11.0.1-develop.
|
|
31
|
-
"@progress/kendo-angular-l10n": "11.0.1-develop.
|
|
32
|
-
"@progress/kendo-angular-layout": "11.0.1-develop.
|
|
33
|
-
"@progress/kendo-angular-icons": "11.0.1-develop.
|
|
34
|
-
"@progress/kendo-angular-popup": "11.0.1-develop.
|
|
35
|
-
"@progress/kendo-angular-toolbar": "11.0.1-develop.
|
|
25
|
+
"@progress/kendo-angular-buttons": "11.0.1-develop.3",
|
|
26
|
+
"@progress/kendo-angular-common": "11.0.1-develop.3",
|
|
27
|
+
"@progress/kendo-angular-dialog": "11.0.1-develop.3",
|
|
28
|
+
"@progress/kendo-angular-dropdowns": "11.0.1-develop.3",
|
|
29
|
+
"@progress/kendo-angular-inputs": "11.0.1-develop.3",
|
|
30
|
+
"@progress/kendo-angular-intl": "11.0.1-develop.3",
|
|
31
|
+
"@progress/kendo-angular-l10n": "11.0.1-develop.3",
|
|
32
|
+
"@progress/kendo-angular-layout": "11.0.1-develop.3",
|
|
33
|
+
"@progress/kendo-angular-icons": "11.0.1-develop.3",
|
|
34
|
+
"@progress/kendo-angular-popup": "11.0.1-develop.3",
|
|
35
|
+
"@progress/kendo-angular-toolbar": "11.0.1-develop.3",
|
|
36
36
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"tslib": "^2.3.1",
|
|
40
|
-
"@progress/kendo-angular-schematics": "11.0.1-develop.
|
|
40
|
+
"@progress/kendo-angular-schematics": "11.0.1-develop.3",
|
|
41
41
|
"@progress/kendo-editor-common": "1.9.3"
|
|
42
42
|
},
|
|
43
43
|
"schematics": "./schematics/collection.json",
|
|
@@ -4,11 +4,11 @@ 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 dependency of kendo-angular-dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '11.0.1-develop.
|
|
7
|
+
'@progress/kendo-angular-treeview': '11.0.1-develop.3',
|
|
8
8
|
// peer dependency of kendo-angular-layout
|
|
9
|
-
'@progress/kendo-angular-progressbar': '11.0.1-develop.
|
|
9
|
+
'@progress/kendo-angular-progressbar': '11.0.1-develop.3',
|
|
10
10
|
// peer dependency of kendo-angular-inputs
|
|
11
|
-
'@progress/kendo-angular-dialog': '11.0.1-develop.
|
|
11
|
+
'@progress/kendo-angular-dialog': '11.0.1-develop.3',
|
|
12
12
|
// Peer dependency of icons
|
|
13
13
|
'@progress/kendo-svg-icons': '^1.0.0'
|
|
14
14
|
} });
|