@progress/kendo-angular-editor 20.1.0-develop.26 → 20.1.0-develop.28
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 +12 -25
- package/fesm2022/progress-kendo-angular-editor.mjs +13 -26
- package/package.json +15 -15
- package/schematics/ngAdd/index.js +4 -4
- package/tools/colorpicker/editor-colorpicker.component.d.ts +2 -7
|
@@ -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: '20.1.0-develop.
|
|
13
|
+
publishDate: 1760435464,
|
|
14
|
+
version: '20.1.0-develop.28',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -10,7 +10,7 @@ import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
|
|
|
10
10
|
import { DialogService } from '@progress/kendo-angular-dialog';
|
|
11
11
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
12
12
|
import { EditorLocalizationService } from '../../localization/editor-localization.service';
|
|
13
|
-
import { outerWidth } from '../../util';
|
|
13
|
+
import { outerWidth, getUniqueStyleValues } from '../../util';
|
|
14
14
|
import { ColorPickerDialogComponent } from '../../dialogs/colorpicker-dialog.component';
|
|
15
15
|
import { ProviderService } from '../../common/provider.service';
|
|
16
16
|
import * as i0 from "@angular/core";
|
|
@@ -92,7 +92,6 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
92
92
|
colorPicker;
|
|
93
93
|
colorPickerButton;
|
|
94
94
|
subs;
|
|
95
|
-
valueCache;
|
|
96
95
|
editor;
|
|
97
96
|
activeView;
|
|
98
97
|
constructor(localization, dialogService, ngZone, providerService, renderer) {
|
|
@@ -106,6 +105,8 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
106
105
|
}
|
|
107
106
|
ngOnInit() {
|
|
108
107
|
this.subs = this.editor.stateChange.subscribe(({ style }) => {
|
|
108
|
+
const cssProperty = this.editorCommand === 'foreColor' ? 'color' : 'background-color';
|
|
109
|
+
this.value = getUniqueStyleValues(style.selected, cssProperty) || null;
|
|
109
110
|
this.disabled = style.disabled;
|
|
110
111
|
});
|
|
111
112
|
this.activeView = this.view;
|
|
@@ -134,17 +135,7 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
134
135
|
/**
|
|
135
136
|
* @hidden
|
|
136
137
|
*/
|
|
137
|
-
|
|
138
|
-
this.valueCache = picker.value;
|
|
139
|
-
picker.reset();
|
|
140
|
-
}
|
|
141
|
-
/**
|
|
142
|
-
* @hidden
|
|
143
|
-
*/
|
|
144
|
-
onClose(picker) {
|
|
145
|
-
if (!picker.value) {
|
|
146
|
-
picker.value = this.valueCache;
|
|
147
|
-
}
|
|
138
|
+
onClose() {
|
|
148
139
|
this.editor.shouldEmitFocus = true;
|
|
149
140
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
|
|
150
141
|
this.activeView = this.view;
|
|
@@ -231,15 +222,14 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
231
222
|
[svgIcon]="svgIcon"
|
|
232
223
|
[views]="views"
|
|
233
224
|
[format]="'hex'"
|
|
234
|
-
[value]="value"
|
|
225
|
+
[(value)]="value"
|
|
235
226
|
[paletteSettings]="paletteSettings"
|
|
236
227
|
[disabled]="disabled"
|
|
237
228
|
[tabindex]="tabindex"
|
|
238
229
|
(valueChange)="handleValueChange($event)"
|
|
239
230
|
(clearButtonClick)="handleClearButtonClick()"
|
|
240
231
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
241
|
-
(
|
|
242
|
-
(close)="onClose(colorpicker)"
|
|
232
|
+
(close)="onClose()"
|
|
243
233
|
(activeViewChange)="onActiveViewChange($event)"
|
|
244
234
|
>
|
|
245
235
|
</kendo-colorpicker>
|
|
@@ -271,15 +261,14 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
271
261
|
[svgIcon]="svgIcon"
|
|
272
262
|
[views]="views"
|
|
273
263
|
[format]="'hex'"
|
|
274
|
-
[value]="value"
|
|
264
|
+
[(value)]="value"
|
|
275
265
|
[paletteSettings]="paletteSettings"
|
|
276
266
|
[disabled]="disabled"
|
|
277
267
|
[tabindex]="tabindex"
|
|
278
268
|
(valueChange)="handleValueChange($event)"
|
|
279
269
|
(clearButtonClick)="handleClearButtonClick()"
|
|
280
270
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
281
|
-
(
|
|
282
|
-
(close)="onClose(colorpicker)"
|
|
271
|
+
(close)="onClose()"
|
|
283
272
|
(activeViewChange)="onActiveViewChange($event)"
|
|
284
273
|
>
|
|
285
274
|
</kendo-colorpicker>
|
|
@@ -300,15 +289,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
300
289
|
[svgIcon]="svgIcon"
|
|
301
290
|
[views]="views"
|
|
302
291
|
[format]="'hex'"
|
|
303
|
-
[value]="value"
|
|
292
|
+
[(value)]="value"
|
|
304
293
|
[paletteSettings]="paletteSettings"
|
|
305
294
|
[disabled]="disabled"
|
|
306
295
|
[tabindex]="tabindex"
|
|
307
296
|
(valueChange)="handleValueChange($event)"
|
|
308
297
|
(clearButtonClick)="handleClearButtonClick()"
|
|
309
298
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
310
|
-
(
|
|
311
|
-
(close)="onClose(colorpicker)"
|
|
299
|
+
(close)="onClose()"
|
|
312
300
|
(activeViewChange)="onActiveViewChange($event)"
|
|
313
301
|
>
|
|
314
302
|
</kendo-colorpicker>
|
|
@@ -340,15 +328,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
340
328
|
[svgIcon]="svgIcon"
|
|
341
329
|
[views]="views"
|
|
342
330
|
[format]="'hex'"
|
|
343
|
-
[value]="value"
|
|
331
|
+
[(value)]="value"
|
|
344
332
|
[paletteSettings]="paletteSettings"
|
|
345
333
|
[disabled]="disabled"
|
|
346
334
|
[tabindex]="tabindex"
|
|
347
335
|
(valueChange)="handleValueChange($event)"
|
|
348
336
|
(clearButtonClick)="handleClearButtonClick()"
|
|
349
337
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
350
|
-
(
|
|
351
|
-
(close)="onClose(colorpicker)"
|
|
338
|
+
(close)="onClose()"
|
|
352
339
|
(activeViewChange)="onActiveViewChange($event)"
|
|
353
340
|
>
|
|
354
341
|
</kendo-colorpicker>
|
|
@@ -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: '20.1.0-develop.
|
|
39
|
+
publishDate: 1760435464,
|
|
40
|
+
version: '20.1.0-develop.28',
|
|
41
41
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -5553,7 +5553,6 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5553
5553
|
colorPicker;
|
|
5554
5554
|
colorPickerButton;
|
|
5555
5555
|
subs;
|
|
5556
|
-
valueCache;
|
|
5557
5556
|
editor;
|
|
5558
5557
|
activeView;
|
|
5559
5558
|
constructor(localization, dialogService, ngZone, providerService, renderer) {
|
|
@@ -5567,6 +5566,8 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5567
5566
|
}
|
|
5568
5567
|
ngOnInit() {
|
|
5569
5568
|
this.subs = this.editor.stateChange.subscribe(({ style }) => {
|
|
5569
|
+
const cssProperty = this.editorCommand === 'foreColor' ? 'color' : 'background-color';
|
|
5570
|
+
this.value = getUniqueStyleValues(style.selected, cssProperty) || null;
|
|
5570
5571
|
this.disabled = style.disabled;
|
|
5571
5572
|
});
|
|
5572
5573
|
this.activeView = this.view;
|
|
@@ -5595,17 +5596,7 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5595
5596
|
/**
|
|
5596
5597
|
* @hidden
|
|
5597
5598
|
*/
|
|
5598
|
-
|
|
5599
|
-
this.valueCache = picker.value;
|
|
5600
|
-
picker.reset();
|
|
5601
|
-
}
|
|
5602
|
-
/**
|
|
5603
|
-
* @hidden
|
|
5604
|
-
*/
|
|
5605
|
-
onClose(picker) {
|
|
5606
|
-
if (!picker.value) {
|
|
5607
|
-
picker.value = this.valueCache;
|
|
5608
|
-
}
|
|
5599
|
+
onClose() {
|
|
5609
5600
|
this.editor.shouldEmitFocus = true;
|
|
5610
5601
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
|
|
5611
5602
|
this.activeView = this.view;
|
|
@@ -5692,15 +5683,14 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5692
5683
|
[svgIcon]="svgIcon"
|
|
5693
5684
|
[views]="views"
|
|
5694
5685
|
[format]="'hex'"
|
|
5695
|
-
[value]="value"
|
|
5686
|
+
[(value)]="value"
|
|
5696
5687
|
[paletteSettings]="paletteSettings"
|
|
5697
5688
|
[disabled]="disabled"
|
|
5698
5689
|
[tabindex]="tabindex"
|
|
5699
5690
|
(valueChange)="handleValueChange($event)"
|
|
5700
5691
|
(clearButtonClick)="handleClearButtonClick()"
|
|
5701
5692
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
5702
|
-
(
|
|
5703
|
-
(close)="onClose(colorpicker)"
|
|
5693
|
+
(close)="onClose()"
|
|
5704
5694
|
(activeViewChange)="onActiveViewChange($event)"
|
|
5705
5695
|
>
|
|
5706
5696
|
</kendo-colorpicker>
|
|
@@ -5732,15 +5722,14 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
5732
5722
|
[svgIcon]="svgIcon"
|
|
5733
5723
|
[views]="views"
|
|
5734
5724
|
[format]="'hex'"
|
|
5735
|
-
[value]="value"
|
|
5725
|
+
[(value)]="value"
|
|
5736
5726
|
[paletteSettings]="paletteSettings"
|
|
5737
5727
|
[disabled]="disabled"
|
|
5738
5728
|
[tabindex]="tabindex"
|
|
5739
5729
|
(valueChange)="handleValueChange($event)"
|
|
5740
5730
|
(clearButtonClick)="handleClearButtonClick()"
|
|
5741
5731
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
5742
|
-
(
|
|
5743
|
-
(close)="onClose(colorpicker)"
|
|
5732
|
+
(close)="onClose()"
|
|
5744
5733
|
(activeViewChange)="onActiveViewChange($event)"
|
|
5745
5734
|
>
|
|
5746
5735
|
</kendo-colorpicker>
|
|
@@ -5761,15 +5750,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5761
5750
|
[svgIcon]="svgIcon"
|
|
5762
5751
|
[views]="views"
|
|
5763
5752
|
[format]="'hex'"
|
|
5764
|
-
[value]="value"
|
|
5753
|
+
[(value)]="value"
|
|
5765
5754
|
[paletteSettings]="paletteSettings"
|
|
5766
5755
|
[disabled]="disabled"
|
|
5767
5756
|
[tabindex]="tabindex"
|
|
5768
5757
|
(valueChange)="handleValueChange($event)"
|
|
5769
5758
|
(clearButtonClick)="handleClearButtonClick()"
|
|
5770
5759
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
5771
|
-
(
|
|
5772
|
-
(close)="onClose(colorpicker)"
|
|
5760
|
+
(close)="onClose()"
|
|
5773
5761
|
(activeViewChange)="onActiveViewChange($event)"
|
|
5774
5762
|
>
|
|
5775
5763
|
</kendo-colorpicker>
|
|
@@ -5801,15 +5789,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5801
5789
|
[svgIcon]="svgIcon"
|
|
5802
5790
|
[views]="views"
|
|
5803
5791
|
[format]="'hex'"
|
|
5804
|
-
[value]="value"
|
|
5792
|
+
[(value)]="value"
|
|
5805
5793
|
[paletteSettings]="paletteSettings"
|
|
5806
5794
|
[disabled]="disabled"
|
|
5807
5795
|
[tabindex]="tabindex"
|
|
5808
5796
|
(valueChange)="handleValueChange($event)"
|
|
5809
5797
|
(clearButtonClick)="handleClearButtonClick()"
|
|
5810
5798
|
(activeColorClick)="handleActiveColorClick($event)"
|
|
5811
|
-
(
|
|
5812
|
-
(close)="onClose(colorpicker)"
|
|
5799
|
+
(close)="onClose()"
|
|
5813
5800
|
(activeViewChange)="onActiveViewChange($event)"
|
|
5814
5801
|
>
|
|
5815
5802
|
</kendo-colorpicker>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-editor",
|
|
3
|
-
"version": "20.1.0-develop.
|
|
3
|
+
"version": "20.1.0-develop.28",
|
|
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": 1760435464,
|
|
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 - 20",
|
|
30
30
|
"@progress/kendo-drawing": "^1.21.0",
|
|
31
31
|
"@progress/kendo-licensing": "^1.7.0",
|
|
32
|
-
"@progress/kendo-angular-buttons": "20.1.0-develop.
|
|
33
|
-
"@progress/kendo-angular-common": "20.1.0-develop.
|
|
34
|
-
"@progress/kendo-angular-dialog": "20.1.0-develop.
|
|
35
|
-
"@progress/kendo-angular-dropdowns": "20.1.0-develop.
|
|
36
|
-
"@progress/kendo-angular-inputs": "20.1.0-develop.
|
|
37
|
-
"@progress/kendo-angular-intl": "20.1.0-develop.
|
|
38
|
-
"@progress/kendo-angular-l10n": "20.1.0-develop.
|
|
39
|
-
"@progress/kendo-angular-label": "20.1.0-develop.
|
|
40
|
-
"@progress/kendo-angular-layout": "20.1.0-develop.
|
|
41
|
-
"@progress/kendo-angular-icons": "20.1.0-develop.
|
|
42
|
-
"@progress/kendo-angular-popup": "20.1.0-develop.
|
|
43
|
-
"@progress/kendo-angular-toolbar": "20.1.0-develop.
|
|
32
|
+
"@progress/kendo-angular-buttons": "20.1.0-develop.28",
|
|
33
|
+
"@progress/kendo-angular-common": "20.1.0-develop.28",
|
|
34
|
+
"@progress/kendo-angular-dialog": "20.1.0-develop.28",
|
|
35
|
+
"@progress/kendo-angular-dropdowns": "20.1.0-develop.28",
|
|
36
|
+
"@progress/kendo-angular-inputs": "20.1.0-develop.28",
|
|
37
|
+
"@progress/kendo-angular-intl": "20.1.0-develop.28",
|
|
38
|
+
"@progress/kendo-angular-l10n": "20.1.0-develop.28",
|
|
39
|
+
"@progress/kendo-angular-label": "20.1.0-develop.28",
|
|
40
|
+
"@progress/kendo-angular-layout": "20.1.0-develop.28",
|
|
41
|
+
"@progress/kendo-angular-icons": "20.1.0-develop.28",
|
|
42
|
+
"@progress/kendo-angular-popup": "20.1.0-develop.28",
|
|
43
|
+
"@progress/kendo-angular-toolbar": "20.1.0-develop.28",
|
|
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": "20.1.0-develop.
|
|
48
|
+
"@progress/kendo-angular-schematics": "20.1.0-develop.28",
|
|
49
49
|
"@progress/kendo-editor-common": "1.12.3"
|
|
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': '20.1.0-develop.
|
|
8
|
-
'@progress/kendo-angular-treeview': '20.1.0-develop.
|
|
7
|
+
'@progress/kendo-angular-navigation': '20.1.0-develop.28',
|
|
8
|
+
'@progress/kendo-angular-treeview': '20.1.0-develop.28',
|
|
9
9
|
// peer dependency of kendo-angular-layout
|
|
10
|
-
'@progress/kendo-angular-progressbar': '20.1.0-develop.
|
|
10
|
+
'@progress/kendo-angular-progressbar': '20.1.0-develop.28',
|
|
11
11
|
// peer dependency of kendo-angular-inputs
|
|
12
|
-
'@progress/kendo-angular-dialog': '20.1.0-develop.
|
|
12
|
+
'@progress/kendo-angular-dialog': '20.1.0-develop.28',
|
|
13
13
|
// Peer dependency of icons
|
|
14
14
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
15
15
|
} });
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ElementRef, NgZone, Renderer2 } from '@angular/core';
|
|
6
6
|
import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
|
|
7
|
-
import { PaletteSettings, ActiveColorClickEvent,
|
|
7
|
+
import { PaletteSettings, ActiveColorClickEvent, ColorPickerView } from '@progress/kendo-angular-inputs';
|
|
8
8
|
import { DialogService } from '@progress/kendo-angular-dialog';
|
|
9
9
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
10
10
|
import { EditorLocalizationService } from '../../localization/editor-localization.service';
|
|
@@ -79,7 +79,6 @@ export declare class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
79
79
|
private colorPicker;
|
|
80
80
|
private colorPickerButton;
|
|
81
81
|
private subs;
|
|
82
|
-
private valueCache;
|
|
83
82
|
private editor;
|
|
84
83
|
private activeView;
|
|
85
84
|
constructor(localization: EditorLocalizationService, dialogService: DialogService, ngZone: NgZone, providerService: ProviderService, renderer: Renderer2);
|
|
@@ -96,11 +95,7 @@ export declare class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
|
96
95
|
/**
|
|
97
96
|
* @hidden
|
|
98
97
|
*/
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* @hidden
|
|
102
|
-
*/
|
|
103
|
-
onClose(picker: ColorPickerComponent): void;
|
|
98
|
+
onClose(): void;
|
|
104
99
|
/**
|
|
105
100
|
* @hidden
|
|
106
101
|
*/
|