@progress/kendo-angular-editor 16.1.0 → 16.1.1-develop.2

package/dialogs/colorpicker-dialog.component.d.ts

@@ -25,7 +25,6 @@ export declare class ColorPickerDialogComponent extends DialogContentBase {
     view: ColorPickerView;
     views: ColorPickerView[];
     constructor(dialog: DialogRef, localization: EditorLocalizationService);
-    ngAfterViewInit(): void;
     handleActiveColorClick(event: ActiveColorClickEvent): void;
     handleClearButtonClick(): void;
     onCancelAction(): void;

package/dialogs/file-link-dialog.component.d.ts

@@ -20,7 +20,6 @@ export declare class FileLinkDialogComponent extends DialogContentBase {
     hrefInput: TextBoxComponent;
     linkForm: FormGroup;
     constructor(dialog: DialogRef, localization: EditorLocalizationService);
-    ngAfterViewInit(): void;
     onCancelAction(): void;
     onConfirmAction(): void;
     get titleText(): string;

package/dialogs/font-family-dialog.component.d.ts

@@ -22,7 +22,6 @@ export declare class FontFamilyDialogComponent extends DialogContentBase {
     value: string;
     itemDisabled: ItemDisabledFn;
     constructor(dialog: DialogRef, localization: EditorLocalizationService);
-    ngAfterViewInit(): void;
     onCancelAction(): void;
     onConfirmAction(): void;
     setData(args: any): void;

package/dialogs/font-size-dialog.component.d.ts

@@ -22,7 +22,6 @@ export declare class FontSizeDialogComponent extends DialogContentBase {
     value: string;
     itemDisabled: ItemDisabledFn;
     constructor(dialog: DialogRef, localization: EditorLocalizationService);
-    ngAfterViewInit(): void;
     onCancelAction(): void;
     onConfirmAction(): void;
     setData(args: any): void;

package/dialogs/format-dialog.component.d.ts

@@ -22,7 +22,6 @@ export declare class FormatDialogComponent extends DialogContentBase {
     value: string;
     itemDisabled: ItemDisabledFn;
     constructor(dialog: DialogRef, localization: EditorLocalizationService);
-    ngAfterViewInit(): void;
     onCancelAction(): void;
     onConfirmAction(): void;
     setData(args: any): void;

package/dialogs/image-dialog.component.d.ts

@@ -29,7 +29,6 @@ export declare class ImageDialogComponent extends DialogContentBase {
     heightInputId: string;
     constructor(dialog: DialogRef, localization: EditorLocalizationService);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     onCancelAction(): void;
     onConfirmAction(): void;
     setData(state: EditorState): void;

package/dialogs/source-dialog.component.d.ts

@@ -16,7 +16,6 @@ export declare class SourceDialogComponent extends DialogContentBase {
     textarea: TextAreaComponent;
     data: string;
     constructor(dialog: DialogRef, localization: EditorLocalizationService);
-    ngAfterViewInit(): void;
     onCancelAction(): void;
     onConfirmAction(): void;
     getData(): string;

package/esm2020/dialogs/colorpicker-dialog.component.mjs

@@ -22,11 +22,6 @@ export class ColorPickerDialogComponent extends DialogContentBase {
         this.dialog = dialog;
         this.localization = localization;
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.colorPicker.focus();
-        });
-    }
     handleActiveColorClick(event) {
         event.preventOpen();
         this.value = event.color;

package/esm2020/dialogs/file-link-dialog.component.mjs

@@ -31,11 +31,6 @@ export class FileLinkDialogComponent extends DialogContentBase {
             'title': new FormControl('')
         });
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.hrefInput.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }

package/esm2020/dialogs/font-family-dialog.component.mjs

@@ -22,11 +22,6 @@ export class FontFamilyDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.fontFamilyDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }

package/esm2020/dialogs/font-size-dialog.component.mjs

@@ -22,11 +22,6 @@ export class FontSizeDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.fontSizeDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }

package/esm2020/dialogs/format-dialog.component.mjs

@@ -21,11 +21,6 @@ export class FormatDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.formatDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }

package/esm2020/dialogs/image-dialog.component.mjs

@@ -48,11 +48,6 @@ export class ImageDialogComponent extends DialogContentBase {
         this.widthInputId = `k-${guid()}`;
         this.heightInputId = `k-${guid()}`;
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.srcInput.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }

package/esm2020/dialogs/source-dialog.component.mjs

@@ -22,11 +22,6 @@ export class SourceDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = '';
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.textarea.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }

package/esm2020/editor.component.mjs

@@ -520,7 +520,7 @@ export class EditorComponent {
             //     content: TableWizardDialogComponent
             // }
         };
-        const dialog = Object.assign({ appendTo: this.dialogContainer }, editorDialogs[dialogName]);
+        const dialog = Object.assign({ appendTo: this.dialogContainer, autoFocusedElement: '.k-input-inner' }, editorDialogs[dialogName]);
         this.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialog).content.instance;
         this.renderer.addClass(dialogContent.dialog.dialog.instance.wrapper.nativeElement.querySelector('.k-window'), 'k-editor-window');

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1716480707,
-    version: '16.1.0',
+    publishDate: 1716800330,
+    version: '16.1.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/tools/colorpicker/editor-colorpicker.component.mjs

@@ -139,7 +139,8 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: ColorPickerDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;

package/esm2020/tools/fontfamily/editor-fontfamily.component.mjs

@@ -119,7 +119,8 @@ export class EditorFontFamilyComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FontFamilyDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;

package/esm2020/tools/fontsize/editor-fontsize.component.mjs

@@ -125,7 +125,8 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FontSizeDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;

package/esm2020/tools/format/editor-format.component.mjs

@@ -115,7 +115,8 @@ export class EditorFormatComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FormatDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;

package/fesm2015/progress-kendo-angular-editor.mjs

@@ -41,8 +41,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1716480707,
-    version: '16.1.0',
+    publishDate: 1716800330,
+    version: '16.1.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -682,11 +682,6 @@ class SourceDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = '';
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.textarea.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -803,11 +798,6 @@ class ImageDialogComponent extends DialogContentBase {
         this.widthInputId = `k-${guid()}`;
         this.heightInputId = `k-${guid()}`;
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.srcInput.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -994,11 +984,6 @@ class FileLinkDialogComponent extends DialogContentBase {
             'title': new FormControl('')
         });
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.hrefInput.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -2485,11 +2470,6 @@ class FormatDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.formatDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -2669,7 +2649,8 @@ class EditorFormatComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FormatDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;
@@ -3263,7 +3244,7 @@ class EditorComponent {
             //     content: TableWizardDialogComponent
             // }
         };
-        const dialog = Object.assign({ appendTo: this.dialogContainer }, editorDialogs[dialogName]);
+        const dialog = Object.assign({ appendTo: this.dialogContainer, autoFocusedElement: '.k-input-inner' }, editorDialogs[dialogName]);
         this.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialog).content.instance;
         this.renderer.addClass(dialogContent.dialog.dialog.instance.wrapper.nativeElement.querySelector('.k-window'), 'k-editor-window');
@@ -4008,11 +3989,6 @@ class ColorPickerDialogComponent extends DialogContentBase {
         this.dialog = dialog;
         this.localization = localization;
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.colorPicker.focus();
-        });
-    }
     handleActiveColorClick(event) {
         event.preventOpen();
         this.value = event.color;
@@ -4219,11 +4195,6 @@ class FontFamilyDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.fontFamilyDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -4555,11 +4526,6 @@ class FontSizeDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.fontSizeDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -4749,7 +4715,8 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FontSizeDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;
@@ -4977,7 +4944,8 @@ class EditorFontFamilyComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FontFamilyDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;
@@ -5227,7 +5195,8 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: ColorPickerDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;

package/fesm2020/progress-kendo-angular-editor.mjs

@@ -41,8 +41,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1716480707,
-    version: '16.1.0',
+    publishDate: 1716800330,
+    version: '16.1.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -686,11 +686,6 @@ class SourceDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = '';
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.textarea.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -807,11 +802,6 @@ class ImageDialogComponent extends DialogContentBase {
         this.widthInputId = `k-${guid()}`;
         this.heightInputId = `k-${guid()}`;
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.srcInput.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -998,11 +988,6 @@ class FileLinkDialogComponent extends DialogContentBase {
             'title': new FormControl('')
         });
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.hrefInput.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -2487,11 +2472,6 @@ class FormatDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.formatDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -2671,7 +2651,8 @@ class EditorFormatComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FormatDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;
@@ -3265,7 +3246,7 @@ class EditorComponent {
             //     content: TableWizardDialogComponent
             // }
         };
-        const dialog = Object.assign({ appendTo: this.dialogContainer }, editorDialogs[dialogName]);
+        const dialog = Object.assign({ appendTo: this.dialogContainer, autoFocusedElement: '.k-input-inner' }, editorDialogs[dialogName]);
         this.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialog).content.instance;
         this.renderer.addClass(dialogContent.dialog.dialog.instance.wrapper.nativeElement.querySelector('.k-window'), 'k-editor-window');
@@ -4010,11 +3991,6 @@ class ColorPickerDialogComponent extends DialogContentBase {
         this.dialog = dialog;
         this.localization = localization;
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.colorPicker.focus();
-        });
-    }
     handleActiveColorClick(event) {
         event.preventOpen();
         this.value = event.color;
@@ -4221,11 +4197,6 @@ class FontFamilyDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.fontFamilyDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -4557,11 +4528,6 @@ class FontSizeDialogComponent extends DialogContentBase {
         this.localization = localization;
         this.data = [];
     }
-    ngAfterViewInit() {
-        Promise.resolve(null).then(() => {
-            this.fontSizeDropDownList.dropDownList.focus();
-        });
-    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -4751,7 +4717,8 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FontSizeDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;
@@ -4979,7 +4946,8 @@ class EditorFontFamilyComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: FontFamilyDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;
@@ -5229,7 +5197,8 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
         const dialogSettings = {
             appendTo: this.editor.dialogContainer,
             content: ColorPickerDialogComponent,
-            width: 400
+            width: 400,
+            autoFocusedElement: '.k-picker'
         };
         this.editor.toolbar.toggle(false);
         const dialogContent = this.dialogService.open(dialogSettings).content.instance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-editor",
-  "version": "16.1.0",
+  "version": "16.1.1-develop.2",
   "description": "Kendo UI Editor for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,23 +23,23 @@
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "16.1.0",
-    "@progress/kendo-angular-common": "16.1.0",
-    "@progress/kendo-angular-dialog": "16.1.0",
-    "@progress/kendo-angular-dropdowns": "16.1.0",
-    "@progress/kendo-angular-inputs": "16.1.0",
-    "@progress/kendo-angular-intl": "16.1.0",
-    "@progress/kendo-angular-l10n": "16.1.0",
-    "@progress/kendo-angular-label": "16.1.0",
-    "@progress/kendo-angular-layout": "16.1.0",
-    "@progress/kendo-angular-icons": "16.1.0",
-    "@progress/kendo-angular-popup": "16.1.0",
-    "@progress/kendo-angular-toolbar": "16.1.0",
+    "@progress/kendo-angular-buttons": "16.1.1-develop.2",
+    "@progress/kendo-angular-common": "16.1.1-develop.2",
+    "@progress/kendo-angular-dialog": "16.1.1-develop.2",
+    "@progress/kendo-angular-dropdowns": "16.1.1-develop.2",
+    "@progress/kendo-angular-inputs": "16.1.1-develop.2",
+    "@progress/kendo-angular-intl": "16.1.1-develop.2",
+    "@progress/kendo-angular-l10n": "16.1.1-develop.2",
+    "@progress/kendo-angular-label": "16.1.1-develop.2",
+    "@progress/kendo-angular-layout": "16.1.1-develop.2",
+    "@progress/kendo-angular-icons": "16.1.1-develop.2",
+    "@progress/kendo-angular-popup": "16.1.1-develop.2",
+    "@progress/kendo-angular-toolbar": "16.1.1-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.1.0",
+    "@progress/kendo-angular-schematics": "16.1.1-develop.2",
     "@progress/kendo-editor-common": "1.11.5"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -4,11 +4,11 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'EditorModule', package: 'editor', peerDependencies: {
             // peer dependency of kendo-angular-dropdowns
-            '@progress/kendo-angular-treeview': '16.1.0',
+            '@progress/kendo-angular-treeview': '16.1.1-develop.2',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '16.1.0',
+            '@progress/kendo-angular-progressbar': '16.1.1-develop.2',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '16.1.0',
+            '@progress/kendo-angular-dialog': '16.1.1-develop.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^3.0.0'
         } });