@progress/kendo-angular-editor 25.0.0-develop.7 → 25.0.0-develop.8

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

@@ -36,8 +36,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1784618981,
-    version: '25.0.0-develop.7',
+    publishDate: 1784796079,
+    version: '25.0.0-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3089,8 +3089,13 @@ class MessagesDirective extends ComponentMessages {
      * The caption for the URL in the createLink dialog.
      */
     linkWebAddress;
+    /* End of Dialog Messages Section */
+    /**
+     * The accessible label for the editor content area.
+     */
+    contentAreaAriaLabel;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: MessagesDirective, isStandalone: true, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", insertTableHint: "insertTableHint", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: MessagesDirective, isStandalone: true, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", insertTableHint: "insertTableHint", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress", contentAreaAriaLabel: "contentAreaAriaLabel" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
@@ -3209,6 +3214,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 type: Input
             }], linkWebAddress: [{
                 type: Input
+            }], contentAreaAriaLabel: [{
+                type: Input
             }] } });
 
 /**
@@ -3516,6 +3523,12 @@ class EditorComponent {
     get toolbar() {
         return this.defaultToolbarComponent || this.userToolBarComponent;
     }
+    /**
+     * @hidden
+     */
+    messageFor(key) {
+        return this.localization.get(key);
+    }
     get toolbarElement() {
         return this.defaultToolbar || this.userToolBarElement;
     }
@@ -4196,6 +4209,8 @@ class EditorComponent {
           deleteRow="Delete row"
           i18n-deleteTable="kendo.editor.deleteTable|The title of the tool that deletes a table."
           deleteTable="Delete table"
+          i18n-contentAreaAriaLabel="kendo.editor.contentAreaAriaLabel|The accessible label for the editor content area."
+          contentAreaAriaLabel="Editor content"
           >
         </ng-container>
         <ng-content select="kendo-toolbar"></ng-content>
@@ -4233,11 +4248,11 @@ class EditorComponent {
         }
 
         @if (!iframe) {
-          <div #content [attr.dir]="direction" class="k-editor-content"></div>
+          <div #content [attr.dir]="direction" class="k-editor-content" [attr.aria-label]="messageFor('contentAreaAriaLabel')" [attr.aria-readonly]="readonly ? true : null"></div>
         }
 
         @if (iframe) {
-          <div class="k-editor-content">
+          <div class="k-editor-content" role="textbox" [attr.aria-label]="messageFor('contentAreaAriaLabel')" [attr.aria-readonly]="readonly ? true : null">
             <iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
           </div>
         }
@@ -4394,6 +4409,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
           deleteRow="Delete row"
           i18n-deleteTable="kendo.editor.deleteTable|The title of the tool that deletes a table."
           deleteTable="Delete table"
+          i18n-contentAreaAriaLabel="kendo.editor.contentAreaAriaLabel|The accessible label for the editor content area."
+          contentAreaAriaLabel="Editor content"
           >
         </ng-container>
         <ng-content select="kendo-toolbar"></ng-content>
@@ -4431,11 +4448,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }
 
         @if (!iframe) {
-          <div #content [attr.dir]="direction" class="k-editor-content"></div>
+          <div #content [attr.dir]="direction" class="k-editor-content" [attr.aria-label]="messageFor('contentAreaAriaLabel')" [attr.aria-readonly]="readonly ? true : null"></div>
         }
 
         @if (iframe) {
-          <div class="k-editor-content">
+          <div class="k-editor-content" role="textbox" [attr.aria-label]="messageFor('contentAreaAriaLabel')" [attr.aria-readonly]="readonly ? true : null">
             <iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
           </div>
         }

package/index.d.ts

@@ -404,6 +404,10 @@ declare class EditorComponent implements AfterViewInit, ControlValueAccessor {
      */
     licenseMessage?: LicenseMessage;
     get toolbar(): ToolBarComponent;
+    /**
+     * @hidden
+     */
+    messageFor(key: string): string;
     get toolbarElement(): ElementRef;
     /**
      * Returns the ProseMirror [EditorView](https://prosemirror.net/docs/ref/#view.EditorView) object.
@@ -1513,8 +1517,12 @@ declare class MessagesDirective extends ComponentMessages {
      * The caption for the URL in the createLink dialog.
      */
     linkWebAddress: string;
+    /**
+     * The accessible label for the editor content area.
+     */
+    contentAreaAriaLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MessagesDirective, "[kendoEditorMessages]", never, { "alignCenter": { "alias": "alignCenter"; "required": false; }; "alignJustify": { "alias": "alignJustify"; "required": false; }; "alignLeft": { "alias": "alignLeft"; "required": false; }; "alignRight": { "alias": "alignRight"; "required": false; }; "backColor": { "alias": "backColor"; "required": false; }; "blockquote": { "alias": "blockquote"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "cleanFormatting": { "alias": "cleanFormatting"; "required": false; }; "createLink": { "alias": "createLink"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "foreColor": { "alias": "foreColor"; "required": false; }; "format": { "alias": "format"; "required": false; }; "indent": { "alias": "indent"; "required": false; }; "insertFile": { "alias": "insertFile"; "required": false; }; "insertImage": { "alias": "insertImage"; "required": false; }; "insertOrderedList": { "alias": "insertOrderedList"; "required": false; }; "insertUnorderedList": { "alias": "insertUnorderedList"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "outdent": { "alias": "outdent"; "required": false; }; "print": { "alias": "print"; "required": false; }; "redo": { "alias": "redo"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "strikethrough": { "alias": "strikethrough"; "required": false; }; "subscript": { "alias": "subscript"; "required": false; }; "superscript": { "alias": "superscript"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "undo": { "alias": "undo"; "required": false; }; "unlink": { "alias": "unlink"; "required": false; }; "viewSource": { "alias": "viewSource"; "required": false; }; "insertTable": { "alias": "insertTable"; "required": false; }; "insertTableHint": { "alias": "insertTableHint"; "required": false; }; "addColumnBefore": { "alias": "addColumnBefore"; "required": false; }; "addColumnAfter": { "alias": "addColumnAfter"; "required": false; }; "addRowBefore": { "alias": "addRowBefore"; "required": false; }; "addRowAfter": { "alias": "addRowAfter"; "required": false; }; "deleteColumn": { "alias": "deleteColumn"; "required": false; }; "deleteRow": { "alias": "deleteRow"; "required": false; }; "deleteTable": { "alias": "deleteTable"; "required": false; }; "mergeCells": { "alias": "mergeCells"; "required": false; }; "splitCell": { "alias": "splitCell"; "required": false; }; "dialogApply": { "alias": "dialogApply"; "required": false; }; "dialogCancel": { "alias": "dialogCancel"; "required": false; }; "dialogInsert": { "alias": "dialogInsert"; "required": false; }; "dialogUpdate": { "alias": "dialogUpdate"; "required": false; }; "fileText": { "alias": "fileText"; "required": false; }; "fileTitle": { "alias": "fileTitle"; "required": false; }; "fileWebAddress": { "alias": "fileWebAddress"; "required": false; }; "imageAltText": { "alias": "imageAltText"; "required": false; }; "imageHeight": { "alias": "imageHeight"; "required": false; }; "imageWebAddress": { "alias": "imageWebAddress"; "required": false; }; "imageWidth": { "alias": "imageWidth"; "required": false; }; "linkOpenInNewWindow": { "alias": "linkOpenInNewWindow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkTitle": { "alias": "linkTitle"; "required": false; }; "linkWebAddress": { "alias": "linkWebAddress"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MessagesDirective, "[kendoEditorMessages]", never, { "alignCenter": { "alias": "alignCenter"; "required": false; }; "alignJustify": { "alias": "alignJustify"; "required": false; }; "alignLeft": { "alias": "alignLeft"; "required": false; }; "alignRight": { "alias": "alignRight"; "required": false; }; "backColor": { "alias": "backColor"; "required": false; }; "blockquote": { "alias": "blockquote"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "cleanFormatting": { "alias": "cleanFormatting"; "required": false; }; "createLink": { "alias": "createLink"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "foreColor": { "alias": "foreColor"; "required": false; }; "format": { "alias": "format"; "required": false; }; "indent": { "alias": "indent"; "required": false; }; "insertFile": { "alias": "insertFile"; "required": false; }; "insertImage": { "alias": "insertImage"; "required": false; }; "insertOrderedList": { "alias": "insertOrderedList"; "required": false; }; "insertUnorderedList": { "alias": "insertUnorderedList"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "outdent": { "alias": "outdent"; "required": false; }; "print": { "alias": "print"; "required": false; }; "redo": { "alias": "redo"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "strikethrough": { "alias": "strikethrough"; "required": false; }; "subscript": { "alias": "subscript"; "required": false; }; "superscript": { "alias": "superscript"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "undo": { "alias": "undo"; "required": false; }; "unlink": { "alias": "unlink"; "required": false; }; "viewSource": { "alias": "viewSource"; "required": false; }; "insertTable": { "alias": "insertTable"; "required": false; }; "insertTableHint": { "alias": "insertTableHint"; "required": false; }; "addColumnBefore": { "alias": "addColumnBefore"; "required": false; }; "addColumnAfter": { "alias": "addColumnAfter"; "required": false; }; "addRowBefore": { "alias": "addRowBefore"; "required": false; }; "addRowAfter": { "alias": "addRowAfter"; "required": false; }; "deleteColumn": { "alias": "deleteColumn"; "required": false; }; "deleteRow": { "alias": "deleteRow"; "required": false; }; "deleteTable": { "alias": "deleteTable"; "required": false; }; "mergeCells": { "alias": "mergeCells"; "required": false; }; "splitCell": { "alias": "splitCell"; "required": false; }; "dialogApply": { "alias": "dialogApply"; "required": false; }; "dialogCancel": { "alias": "dialogCancel"; "required": false; }; "dialogInsert": { "alias": "dialogInsert"; "required": false; }; "dialogUpdate": { "alias": "dialogUpdate"; "required": false; }; "fileText": { "alias": "fileText"; "required": false; }; "fileTitle": { "alias": "fileTitle"; "required": false; }; "fileWebAddress": { "alias": "fileWebAddress"; "required": false; }; "imageAltText": { "alias": "imageAltText"; "required": false; }; "imageHeight": { "alias": "imageHeight"; "required": false; }; "imageWebAddress": { "alias": "imageWebAddress"; "required": false; }; "imageWidth": { "alias": "imageWidth"; "required": false; }; "linkOpenInNewWindow": { "alias": "linkOpenInNewWindow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkTitle": { "alias": "linkTitle"; "required": false; }; "linkWebAddress": { "alias": "linkWebAddress"; "required": false; }; "contentAreaAriaLabel": { "alias": "contentAreaAriaLabel"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1784618981,
-  "version": "25.0.0-develop.7",
+  "publishDate": 1784796079,
+  "version": "25.0.0-develop.8",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-editor",
-  "version": "25.0.0-develop.7",
+  "version": "25.0.0-develop.8",
   "description": "Kendo UI Editor for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1784618981,
+      "publishDate": 1784796079,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,23 +29,23 @@
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "25.0.0-develop.7",
-    "@progress/kendo-angular-common": "25.0.0-develop.7",
-    "@progress/kendo-angular-dialog": "25.0.0-develop.7",
-    "@progress/kendo-angular-dropdowns": "25.0.0-develop.7",
-    "@progress/kendo-angular-inputs": "25.0.0-develop.7",
-    "@progress/kendo-angular-intl": "25.0.0-develop.7",
-    "@progress/kendo-angular-l10n": "25.0.0-develop.7",
-    "@progress/kendo-angular-label": "25.0.0-develop.7",
-    "@progress/kendo-angular-layout": "25.0.0-develop.7",
-    "@progress/kendo-angular-icons": "25.0.0-develop.7",
-    "@progress/kendo-angular-popup": "25.0.0-develop.7",
-    "@progress/kendo-angular-toolbar": "25.0.0-develop.7",
+    "@progress/kendo-angular-buttons": "25.0.0-develop.8",
+    "@progress/kendo-angular-common": "25.0.0-develop.8",
+    "@progress/kendo-angular-dialog": "25.0.0-develop.8",
+    "@progress/kendo-angular-dropdowns": "25.0.0-develop.8",
+    "@progress/kendo-angular-inputs": "25.0.0-develop.8",
+    "@progress/kendo-angular-intl": "25.0.0-develop.8",
+    "@progress/kendo-angular-l10n": "25.0.0-develop.8",
+    "@progress/kendo-angular-label": "25.0.0-develop.8",
+    "@progress/kendo-angular-layout": "25.0.0-develop.8",
+    "@progress/kendo-angular-icons": "25.0.0-develop.8",
+    "@progress/kendo-angular-popup": "25.0.0-develop.8",
+    "@progress/kendo-angular-toolbar": "25.0.0-develop.8",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.0.0-develop.7",
+    "@progress/kendo-angular-schematics": "25.0.0-develop.8",
     "@progress/kendo-editor-common": "1.12.5"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -9,12 +9,12 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'EditorModule', package: 'editor', peerDependencies: {
             // peer dependencies of kendo-angular-dropdowns
-            '@progress/kendo-angular-navigation': '25.0.0-develop.7',
-            '@progress/kendo-angular-treeview': '25.0.0-develop.7',
+            '@progress/kendo-angular-navigation': '25.0.0-develop.8',
+            '@progress/kendo-angular-treeview': '25.0.0-develop.8',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '25.0.0-develop.7',
+            '@progress/kendo-angular-progressbar': '25.0.0-develop.8',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '25.0.0-develop.7',
+            '@progress/kendo-angular-dialog': '25.0.0-develop.8',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });