@progress/kendo-angular-editor 11.1.0-develop.9 → 11.1.0

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.
@@ -169,6 +169,10 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
169
169
  * @hidden
170
170
  */
171
171
  shouldEmitFocus: boolean;
172
+ /**
173
+ * @hidden
174
+ */
175
+ focusableId: string;
172
176
  private defaultToolbar;
173
177
  private defaultToolbarComponent;
174
178
  private subs;
@@ -8,7 +8,7 @@ import { BehaviorSubject, fromEvent, Subject, zip } from 'rxjs';
8
8
  import { map, filter, take } from 'rxjs/operators';
9
9
  import { ToolBarComponent } from '@progress/kendo-angular-toolbar';
10
10
  import { DialogService } from '@progress/kendo-angular-dialog';
11
- import { hasObservers, isDocumentAvailable, KendoInput } from '@progress/kendo-angular-common';
11
+ import { guid, hasObservers, isDocumentAvailable, KendoInput } from '@progress/kendo-angular-common';
12
12
  import { buildKeymap, buildListKeymap, getHtml, pasteCleanup, sanitize, removeComments, sanitizeClassAttr, sanitizeStyleAttr, removeAttribute, placeholder, EditorView, EditorState, baseKeymap, keymap, history, parseContent, Plugin, PluginKey, TextSelection, Schema, AllSelection, gapCursor, getSelectionText, imageResizing, tableEditing, caretColor, tableResizing } from '@progress/kendo-editor-common';
13
13
  import { validatePackage } from '@progress/kendo-licensing';
14
14
  import { packageMetadata } from './package-metadata';
@@ -138,6 +138,10 @@ export class EditorComponent {
138
138
  * @hidden
139
139
  */
140
140
  this.valueModified = new Subject();
141
+ /**
142
+ * @hidden
143
+ */
144
+ this.focusableId = `k-editor-${guid()}`;
141
145
  this._readonly = false;
142
146
  this._placeholder = '';
143
147
  this.inForm = false;
@@ -662,11 +666,15 @@ export class EditorComponent {
662
666
  iframeDoc.head.appendChild(linkEl);
663
667
  }
664
668
  const element = iframeDoc.createElement('div');
665
- element.classList.add('k-content');
669
+ this.renderer.addClass(element, 'k-content');
670
+ this.renderer.setAttribute(element, 'id', this.focusableId);
671
+ this.renderer.setAttribute(element, 'role', 'textbox');
666
672
  iframeDoc.body.appendChild(element);
667
673
  }
668
674
  else {
669
675
  const element = document.createElement('div');
676
+ this.renderer.setAttribute(element, 'id', this.focusableId);
677
+ this.renderer.setAttribute(element, 'role', 'textbox');
670
678
  containerNativeElement.appendChild(element);
671
679
  }
672
680
  const defaultPlugins = [
@@ -1009,7 +1017,7 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
1009
1017
  <div *ngIf="!iframe" #content [attr.dir]="direction" class="k-editor-content"></div>
1010
1018
 
1011
1019
  <div class="k-editor-content" *ngIf="iframe">
1012
- <iframe #content srcdoc="<!DOCTYPE html>" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
1020
+ <iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
1013
1021
  </div>
1014
1022
 
1015
1023
  <ng-container #dialogsContainer></ng-container>
@@ -1191,7 +1199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1191
1199
  <div *ngIf="!iframe" #content [attr.dir]="direction" class="k-editor-content"></div>
1192
1200
 
1193
1201
  <div class="k-editor-content" *ngIf="iframe">
1194
- <iframe #content srcdoc="<!DOCTYPE html>" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
1202
+ <iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
1195
1203
  </div>
1196
1204
 
1197
1205
  <ng-container #dialogsContainer></ng-container>
@@ -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: 1675155411,
13
- version: '11.1.0-develop.9',
12
+ publishDate: 1675250520,
13
+ version: '11.1.0',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -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: 1675155411,
44
- version: '11.1.0-develop.9',
43
+ publishDate: 1675250520,
44
+ version: '11.1.0',
45
45
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
46
46
  };
47
47
 
@@ -2850,6 +2850,10 @@ class EditorComponent {
2850
2850
  * @hidden
2851
2851
  */
2852
2852
  this.valueModified = new Subject();
2853
+ /**
2854
+ * @hidden
2855
+ */
2856
+ this.focusableId = `k-editor-${guid()}`;
2853
2857
  this._readonly = false;
2854
2858
  this._placeholder = '';
2855
2859
  this.inForm = false;
@@ -3374,11 +3378,15 @@ class EditorComponent {
3374
3378
  iframeDoc.head.appendChild(linkEl);
3375
3379
  }
3376
3380
  const element = iframeDoc.createElement('div');
3377
- element.classList.add('k-content');
3381
+ this.renderer.addClass(element, 'k-content');
3382
+ this.renderer.setAttribute(element, 'id', this.focusableId);
3383
+ this.renderer.setAttribute(element, 'role', 'textbox');
3378
3384
  iframeDoc.body.appendChild(element);
3379
3385
  }
3380
3386
  else {
3381
3387
  const element = document.createElement('div');
3388
+ this.renderer.setAttribute(element, 'id', this.focusableId);
3389
+ this.renderer.setAttribute(element, 'role', 'textbox');
3382
3390
  containerNativeElement.appendChild(element);
3383
3391
  }
3384
3392
  const defaultPlugins = [
@@ -3721,7 +3729,7 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
3721
3729
  <div *ngIf="!iframe" #content [attr.dir]="direction" class="k-editor-content"></div>
3722
3730
 
3723
3731
  <div class="k-editor-content" *ngIf="iframe">
3724
- <iframe #content srcdoc="<!DOCTYPE html>" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
3732
+ <iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
3725
3733
  </div>
3726
3734
 
3727
3735
  <ng-container #dialogsContainer></ng-container>
@@ -3903,7 +3911,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
3903
3911
  <div *ngIf="!iframe" #content [attr.dir]="direction" class="k-editor-content"></div>
3904
3912
 
3905
3913
  <div class="k-editor-content" *ngIf="iframe">
3906
- <iframe #content srcdoc="<!DOCTYPE html>" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
3914
+ <iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
3907
3915
  </div>
3908
3916
 
3909
3917
  <ng-container #dialogsContainer></ng-container>
@@ -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: 1675155411,
44
- version: '11.1.0-develop.9',
43
+ publishDate: 1675250520,
44
+ version: '11.1.0',
45
45
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
46
46
  };
47
47
 
@@ -2852,6 +2852,10 @@ class EditorComponent {
2852
2852
  * @hidden
2853
2853
  */
2854
2854
  this.valueModified = new Subject();
2855
+ /**
2856
+ * @hidden
2857
+ */
2858
+ this.focusableId = `k-editor-${guid()}`;
2855
2859
  this._readonly = false;
2856
2860
  this._placeholder = '';
2857
2861
  this.inForm = false;
@@ -3376,11 +3380,15 @@ class EditorComponent {
3376
3380
  iframeDoc.head.appendChild(linkEl);
3377
3381
  }
3378
3382
  const element = iframeDoc.createElement('div');
3379
- element.classList.add('k-content');
3383
+ this.renderer.addClass(element, 'k-content');
3384
+ this.renderer.setAttribute(element, 'id', this.focusableId);
3385
+ this.renderer.setAttribute(element, 'role', 'textbox');
3380
3386
  iframeDoc.body.appendChild(element);
3381
3387
  }
3382
3388
  else {
3383
3389
  const element = document.createElement('div');
3390
+ this.renderer.setAttribute(element, 'id', this.focusableId);
3391
+ this.renderer.setAttribute(element, 'role', 'textbox');
3384
3392
  containerNativeElement.appendChild(element);
3385
3393
  }
3386
3394
  const defaultPlugins = [
@@ -3723,7 +3731,7 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
3723
3731
  <div *ngIf="!iframe" #content [attr.dir]="direction" class="k-editor-content"></div>
3724
3732
 
3725
3733
  <div class="k-editor-content" *ngIf="iframe">
3726
- <iframe #content srcdoc="<!DOCTYPE html>" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
3734
+ <iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
3727
3735
  </div>
3728
3736
 
3729
3737
  <ng-container #dialogsContainer></ng-container>
@@ -3905,7 +3913,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
3905
3913
  <div *ngIf="!iframe" #content [attr.dir]="direction" class="k-editor-content"></div>
3906
3914
 
3907
3915
  <div class="k-editor-content" *ngIf="iframe">
3908
- <iframe #content srcdoc="<!DOCTYPE html>" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
3916
+ <iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
3909
3917
  </div>
3910
3918
 
3911
3919
  <ng-container #dialogsContainer></ng-container>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-editor",
3
- "version": "11.1.0-develop.9",
3
+ "version": "11.1.0",
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 - 15",
23
23
  "@progress/kendo-drawing": "^1.17.2",
24
24
  "@progress/kendo-licensing": "^1.0.2",
25
- "@progress/kendo-angular-buttons": "11.1.0-develop.9",
26
- "@progress/kendo-angular-common": "11.1.0-develop.9",
27
- "@progress/kendo-angular-dialog": "11.1.0-develop.9",
28
- "@progress/kendo-angular-dropdowns": "11.1.0-develop.9",
29
- "@progress/kendo-angular-inputs": "11.1.0-develop.9",
30
- "@progress/kendo-angular-intl": "11.1.0-develop.9",
31
- "@progress/kendo-angular-l10n": "11.1.0-develop.9",
32
- "@progress/kendo-angular-label": "11.1.0-develop.9",
33
- "@progress/kendo-angular-layout": "11.1.0-develop.9",
34
- "@progress/kendo-angular-icons": "11.1.0-develop.9",
35
- "@progress/kendo-angular-popup": "11.1.0-develop.9",
36
- "@progress/kendo-angular-toolbar": "11.1.0-develop.9",
25
+ "@progress/kendo-angular-buttons": "11.1.0",
26
+ "@progress/kendo-angular-common": "11.1.0",
27
+ "@progress/kendo-angular-dialog": "11.1.0",
28
+ "@progress/kendo-angular-dropdowns": "11.1.0",
29
+ "@progress/kendo-angular-inputs": "11.1.0",
30
+ "@progress/kendo-angular-intl": "11.1.0",
31
+ "@progress/kendo-angular-l10n": "11.1.0",
32
+ "@progress/kendo-angular-label": "11.1.0",
33
+ "@progress/kendo-angular-layout": "11.1.0",
34
+ "@progress/kendo-angular-icons": "11.1.0",
35
+ "@progress/kendo-angular-popup": "11.1.0",
36
+ "@progress/kendo-angular-toolbar": "11.1.0",
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": "11.1.0-develop.9",
42
- "@progress/kendo-editor-common": "1.9.3"
41
+ "@progress/kendo-angular-schematics": "11.1.0",
42
+ "@progress/kendo-editor-common": "1.9.4"
43
43
  },
44
44
  "schematics": "./schematics/collection.json",
45
45
  "module": "fesm2015/progress-kendo-angular-editor.mjs",
@@ -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.1.0-develop.9',
7
+ '@progress/kendo-angular-treeview': '11.1.0',
8
8
  // peer dependency of kendo-angular-layout
9
- '@progress/kendo-angular-progressbar': '11.1.0-develop.9',
9
+ '@progress/kendo-angular-progressbar': '11.1.0',
10
10
  // peer dependency of kendo-angular-inputs
11
- '@progress/kendo-angular-dialog': '11.1.0-develop.9',
11
+ '@progress/kendo-angular-dialog': '11.1.0',
12
12
  // Peer dependency of icons
13
13
  '@progress/kendo-svg-icons': '^1.0.0'
14
14
  } });