@progress/kendo-angular-editor 13.0.0-develop.19 → 13.0.0-develop.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/editor.component.d.ts +1 -1
  2. package/esm2020/editor.component.mjs +11 -7
  3. package/esm2020/package-metadata.mjs +2 -2
  4. package/esm2020/tools/shared/editor-command-button.mjs +3 -8
  5. package/esm2020/tools/shared/editor-command-dialog.mjs +4 -8
  6. package/fesm2015/progress-kendo-angular-editor.mjs +18 -25
  7. package/fesm2020/progress-kendo-angular-editor.mjs +18 -25
  8. package/package.json +15 -15
  9. package/schematics/ngAdd/index.js +3 -3
  10. package/tools/shared/editor-command-dialog.d.ts +1 -0
package/editor.component.d.ts CHANGED
@@ -27,7 +27,7 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
27
27
  private dialogService;
28
28
  private localization;
29
29
  private cdr;
30
- private ngZone;
30
+ ngZone: NgZone;
31
31
  private element;
32
32
  private providerService;
33
33
  private toolsService;
package/esm2020/editor.component.mjs CHANGED
@@ -697,7 +697,9 @@ export class EditorComponent {
697
697
  view: () => ({
698
698
  update: editorView => {
699
699
  if (!this.disabled) {
700
- this.stateChange.next(this.readonly ? disabledToolBarState : getToolbarState(editorView.state, { applyToWord: this.applyToWord }));
700
+ this.ngZone.run(() => {
701
+ this.stateChange.next(this.readonly ? disabledToolBarState : getToolbarState(editorView.state, { applyToWord: this.applyToWord }));
702
+ });
701
703
  }
702
704
  }
703
705
  })
@@ -778,12 +780,14 @@ export class EditorComponent {
778
780
  }));
779
781
  }
780
782
  this.subs.add(this.stateChange.subscribe(() => {
781
- if (this.userToolBarComponent) {
782
- this.userToolBarComponent.cdr.detectChanges();
783
- }
784
- else {
785
- this.cdr.detectChanges();
786
- }
783
+ this.ngZone.onStable.pipe(take(1)).subscribe(() => {
784
+ if (this.userToolBarComponent) {
785
+ this.userToolBarComponent.cdr.detectChanges();
786
+ }
787
+ else {
788
+ this.cdr.detectChanges();
789
+ }
790
+ });
787
791
  }));
788
792
  this.subs.add(this.valueModified.subscribe((value) => {
789
793
  this.onChangeCallback(value);
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-editor',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1685948814,
13
- version: '13.0.0-develop.19',
12
+ publishDate: 1685961229,
13
+ version: '13.0.0-develop.20',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/tools/shared/editor-command-button.mjs CHANGED
@@ -3,6 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { EditorCommandBaseDirective } from './editor-command-base';
6
+ import { take } from 'rxjs/operators';
6
7
  /**
7
8
  * @hidden
8
9
  */
@@ -23,15 +24,9 @@ export class EditorCommandButton extends EditorCommandBaseDirective {
23
24
  e.preventDefault();
24
25
  }
25
26
  onStateChange(toolBarState) {
26
- if (this.button.overflows) {
27
- setTimeout(() => {
28
- this.button.selected = toolBarState[this.command].selected;
29
- this.button.disabled = toolBarState[this.command].disabled;
30
- });
31
- }
32
- else {
27
+ this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
33
28
  this.button.selected = toolBarState[this.command].selected;
34
29
  this.button.disabled = toolBarState[this.command].disabled;
35
- }
30
+ });
36
31
  }
37
32
  }
package/esm2020/tools/shared/editor-command-dialog.mjs CHANGED
@@ -3,6 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { EditorCommandBaseDirective } from './editor-command-base';
6
+ import { take } from 'rxjs/operators';
6
7
  /**
7
8
  * @hidden
8
9
  */
@@ -12,21 +13,16 @@ export class EditorCommandDialog extends EditorCommandBaseDirective {
12
13
  this.dialog = dialog;
13
14
  this.button = button;
14
15
  this.localization = localization;
16
+ this.providerService = providerService;
15
17
  this.toolsService = toolsService;
16
18
  }
17
19
  clickHandler() {
18
20
  this.editor.openDialog(this.dialog);
19
21
  }
20
22
  onStateChange(toolBarState) {
21
- if (this.button.overflows) {
22
- setTimeout(() => {
23
- this.button.selected = toolBarState[this.command].selected;
24
- this.button.disabled = toolBarState[this.command].disabled;
25
- });
26
- }
27
- else {
23
+ this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
28
24
  this.button.selected = toolBarState[this.command].selected;
29
25
  this.button.disabled = toolBarState[this.command].disabled;
30
- }
26
+ });
31
27
  }
32
28
  }
package/fesm2015/progress-kendo-angular-editor.mjs CHANGED
@@ -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: 1685948814,
44
- version: '13.0.0-develop.19',
43
+ publishDate: 1685961229,
44
+ version: '13.0.0-develop.20',
45
45
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
46
46
  };
47
47
 
@@ -2393,16 +2393,10 @@ class EditorCommandButton extends EditorCommandBaseDirective {
2393
2393
  e.preventDefault();
2394
2394
  }
2395
2395
  onStateChange(toolBarState) {
2396
- if (this.button.overflows) {
2397
- setTimeout(() => {
2398
- this.button.selected = toolBarState[this.command].selected;
2399
- this.button.disabled = toolBarState[this.command].disabled;
2400
- });
2401
- }
2402
- else {
2396
+ this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
2403
2397
  this.button.selected = toolBarState[this.command].selected;
2404
2398
  this.button.disabled = toolBarState[this.command].disabled;
2405
- }
2399
+ });
2406
2400
  }
2407
2401
  }
2408
2402
 
@@ -2767,22 +2761,17 @@ class EditorCommandDialog extends EditorCommandBaseDirective {
2767
2761
  this.dialog = dialog;
2768
2762
  this.button = button;
2769
2763
  this.localization = localization;
2764
+ this.providerService = providerService;
2770
2765
  this.toolsService = toolsService;
2771
2766
  }
2772
2767
  clickHandler() {
2773
2768
  this.editor.openDialog(this.dialog);
2774
2769
  }
2775
2770
  onStateChange(toolBarState) {
2776
- if (this.button.overflows) {
2777
- setTimeout(() => {
2778
- this.button.selected = toolBarState[this.command].selected;
2779
- this.button.disabled = toolBarState[this.command].disabled;
2780
- });
2781
- }
2782
- else {
2771
+ this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
2783
2772
  this.button.selected = toolBarState[this.command].selected;
2784
2773
  this.button.disabled = toolBarState[this.command].disabled;
2785
- }
2774
+ });
2786
2775
  }
2787
2776
  }
2788
2777
 
@@ -3529,7 +3518,9 @@ class EditorComponent {
3529
3518
  view: () => ({
3530
3519
  update: editorView => {
3531
3520
  if (!this.disabled) {
3532
- this.stateChange.next(this.readonly ? disabledToolBarState : getToolbarState(editorView.state, { applyToWord: this.applyToWord }));
3521
+ this.ngZone.run(() => {
3522
+ this.stateChange.next(this.readonly ? disabledToolBarState : getToolbarState(editorView.state, { applyToWord: this.applyToWord }));
3523
+ });
3533
3524
  }
3534
3525
  }
3535
3526
  })
@@ -3610,12 +3601,14 @@ class EditorComponent {
3610
3601
  }));
3611
3602
  }
3612
3603
  this.subs.add(this.stateChange.subscribe(() => {
3613
- if (this.userToolBarComponent) {
3614
- this.userToolBarComponent.cdr.detectChanges();
3615
- }
3616
- else {
3617
- this.cdr.detectChanges();
3618
- }
3604
+ this.ngZone.onStable.pipe(take(1)).subscribe(() => {
3605
+ if (this.userToolBarComponent) {
3606
+ this.userToolBarComponent.cdr.detectChanges();
3607
+ }
3608
+ else {
3609
+ this.cdr.detectChanges();
3610
+ }
3611
+ });
3619
3612
  }));
3620
3613
  this.subs.add(this.valueModified.subscribe((value) => {
3621
3614
  this.onChangeCallback(value);
package/fesm2020/progress-kendo-angular-editor.mjs CHANGED
@@ -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: 1685948814,
44
- version: '13.0.0-develop.19',
43
+ publishDate: 1685961229,
44
+ version: '13.0.0-develop.20',
45
45
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
46
46
  };
47
47
 
@@ -2395,16 +2395,10 @@ class EditorCommandButton extends EditorCommandBaseDirective {
2395
2395
  e.preventDefault();
2396
2396
  }
2397
2397
  onStateChange(toolBarState) {
2398
- if (this.button.overflows) {
2399
- setTimeout(() => {
2400
- this.button.selected = toolBarState[this.command].selected;
2401
- this.button.disabled = toolBarState[this.command].disabled;
2402
- });
2403
- }
2404
- else {
2398
+ this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
2405
2399
  this.button.selected = toolBarState[this.command].selected;
2406
2400
  this.button.disabled = toolBarState[this.command].disabled;
2407
- }
2401
+ });
2408
2402
  }
2409
2403
  }
2410
2404
 
@@ -2769,22 +2763,17 @@ class EditorCommandDialog extends EditorCommandBaseDirective {
2769
2763
  this.dialog = dialog;
2770
2764
  this.button = button;
2771
2765
  this.localization = localization;
2766
+ this.providerService = providerService;
2772
2767
  this.toolsService = toolsService;
2773
2768
  }
2774
2769
  clickHandler() {
2775
2770
  this.editor.openDialog(this.dialog);
2776
2771
  }
2777
2772
  onStateChange(toolBarState) {
2778
- if (this.button.overflows) {
2779
- setTimeout(() => {
2780
- this.button.selected = toolBarState[this.command].selected;
2781
- this.button.disabled = toolBarState[this.command].disabled;
2782
- });
2783
- }
2784
- else {
2773
+ this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
2785
2774
  this.button.selected = toolBarState[this.command].selected;
2786
2775
  this.button.disabled = toolBarState[this.command].disabled;
2787
- }
2776
+ });
2788
2777
  }
2789
2778
  }
2790
2779
 
@@ -3531,7 +3520,9 @@ class EditorComponent {
3531
3520
  view: () => ({
3532
3521
  update: editorView => {
3533
3522
  if (!this.disabled) {
3534
- this.stateChange.next(this.readonly ? disabledToolBarState : getToolbarState(editorView.state, { applyToWord: this.applyToWord }));
3523
+ this.ngZone.run(() => {
3524
+ this.stateChange.next(this.readonly ? disabledToolBarState : getToolbarState(editorView.state, { applyToWord: this.applyToWord }));
3525
+ });
3535
3526
  }
3536
3527
  }
3537
3528
  })
@@ -3612,12 +3603,14 @@ class EditorComponent {
3612
3603
  }));
3613
3604
  }
3614
3605
  this.subs.add(this.stateChange.subscribe(() => {
3615
- if (this.userToolBarComponent) {
3616
- this.userToolBarComponent.cdr.detectChanges();
3617
- }
3618
- else {
3619
- this.cdr.detectChanges();
3620
- }
3606
+ this.ngZone.onStable.pipe(take(1)).subscribe(() => {
3607
+ if (this.userToolBarComponent) {
3608
+ this.userToolBarComponent.cdr.detectChanges();
3609
+ }
3610
+ else {
3611
+ this.cdr.detectChanges();
3612
+ }
3613
+ });
3621
3614
  }));
3622
3615
  this.subs.add(this.valueModified.subscribe((value) => {
3623
3616
  this.onChangeCallback(value);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-editor",
3
- "version": "13.0.0-develop.19",
3
+ "version": "13.0.0-develop.20",
4
4
  "description": "Kendo UI Editor for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -22,24 +22,24 @@
22
22
  "@angular/platform-browser": "13 - 16",
23
23
  "@progress/kendo-drawing": "^1.17.2",
24
24
  "@progress/kendo-licensing": "^1.0.2",
25
- "@progress/kendo-angular-buttons": "13.0.0-develop.19",
26
- "@progress/kendo-angular-common": "13.0.0-develop.19",
27
- "@progress/kendo-angular-dialog": "13.0.0-develop.19",
28
- "@progress/kendo-angular-dropdowns": "13.0.0-develop.19",
29
- "@progress/kendo-angular-inputs": "13.0.0-develop.19",
30
- "@progress/kendo-angular-intl": "13.0.0-develop.19",
31
- "@progress/kendo-angular-l10n": "13.0.0-develop.19",
32
- "@progress/kendo-angular-label": "13.0.0-develop.19",
33
- "@progress/kendo-angular-layout": "13.0.0-develop.19",
34
- "@progress/kendo-angular-icons": "13.0.0-develop.19",
35
- "@progress/kendo-angular-popup": "13.0.0-develop.19",
36
- "@progress/kendo-angular-toolbar": "13.0.0-develop.19",
25
+ "@progress/kendo-angular-buttons": "13.0.0-develop.20",
26
+ "@progress/kendo-angular-common": "13.0.0-develop.20",
27
+ "@progress/kendo-angular-dialog": "13.0.0-develop.20",
28
+ "@progress/kendo-angular-dropdowns": "13.0.0-develop.20",
29
+ "@progress/kendo-angular-inputs": "13.0.0-develop.20",
30
+ "@progress/kendo-angular-intl": "13.0.0-develop.20",
31
+ "@progress/kendo-angular-l10n": "13.0.0-develop.20",
32
+ "@progress/kendo-angular-label": "13.0.0-develop.20",
33
+ "@progress/kendo-angular-layout": "13.0.0-develop.20",
34
+ "@progress/kendo-angular-icons": "13.0.0-develop.20",
35
+ "@progress/kendo-angular-popup": "13.0.0-develop.20",
36
+ "@progress/kendo-angular-toolbar": "13.0.0-develop.20",
37
37
  "rxjs": "^6.5.3 || ^7.0.0"
38
38
  },
39
39
  "dependencies": {
40
40
  "tslib": "^2.3.1",
41
- "@progress/kendo-angular-schematics": "13.0.0-develop.19",
42
- "@progress/kendo-editor-common": "1.9.5"
41
+ "@progress/kendo-angular-schematics": "13.0.0-develop.20",
42
+ "@progress/kendo-editor-common": "1.9.6"
43
43
  },
44
44
  "schematics": "./schematics/collection.json",
45
45
  "module": "fesm2015/progress-kendo-angular-editor.mjs",
package/schematics/ngAdd/index.js CHANGED
@@ -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': '13.0.0-develop.19',
7
+ '@progress/kendo-angular-treeview': '13.0.0-develop.20',
8
8
  // peer dependency of kendo-angular-layout
9
- '@progress/kendo-angular-progressbar': '13.0.0-develop.19',
9
+ '@progress/kendo-angular-progressbar': '13.0.0-develop.20',
10
10
  // peer dependency of kendo-angular-inputs
11
- '@progress/kendo-angular-dialog': '13.0.0-develop.19',
11
+ '@progress/kendo-angular-dialog': '13.0.0-develop.20',
12
12
  // Peer dependency of icons
13
13
  '@progress/kendo-svg-icons': '^1.0.0'
14
14
  } });
package/tools/shared/editor-command-dialog.d.ts CHANGED
@@ -15,6 +15,7 @@ export declare abstract class EditorCommandDialog extends EditorCommandBaseDirec
15
15
  protected dialog: DialogCommand;
16
16
  protected button: ToolBarButtonComponent;
17
17
  protected localization: LocalizationService;
18
+ protected providerService: ProviderService;
18
19
  protected toolsService: EditorToolsService;
19
20
  constructor(dialog: DialogCommand, button: ToolBarButtonComponent, localization: LocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
20
21
  protected clickHandler(): void;