@progress/kendo-angular-editor 11.1.0-develop.9 → 11.1.1-develop.1
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/editor.component.d.ts +4 -0
- package/esm2020/editor.component.mjs +12 -4
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-editor.mjs +13 -5
- package/fesm2020/progress-kendo-angular-editor.mjs +13 -5
- package/package.json +15 -15
- package/schematics/ngAdd/index.js +3 -3
package/editor.component.d.ts
CHANGED
|
@@ -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
|
-
|
|
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:
|
|
13
|
-
version: '11.1.
|
|
12
|
+
publishDate: 1675328872,
|
|
13
|
+
version: '11.1.1-develop.1',
|
|
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:
|
|
44
|
-
version: '11.1.
|
|
43
|
+
publishDate: 1675328872,
|
|
44
|
+
version: '11.1.1-develop.1',
|
|
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
|
-
|
|
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:
|
|
44
|
-
version: '11.1.
|
|
43
|
+
publishDate: 1675328872,
|
|
44
|
+
version: '11.1.1-develop.1',
|
|
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
|
-
|
|
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.
|
|
3
|
+
"version": "11.1.1-develop.1",
|
|
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.
|
|
26
|
-
"@progress/kendo-angular-common": "11.1.
|
|
27
|
-
"@progress/kendo-angular-dialog": "11.1.
|
|
28
|
-
"@progress/kendo-angular-dropdowns": "11.1.
|
|
29
|
-
"@progress/kendo-angular-inputs": "11.1.
|
|
30
|
-
"@progress/kendo-angular-intl": "11.1.
|
|
31
|
-
"@progress/kendo-angular-l10n": "11.1.
|
|
32
|
-
"@progress/kendo-angular-label": "11.1.
|
|
33
|
-
"@progress/kendo-angular-layout": "11.1.
|
|
34
|
-
"@progress/kendo-angular-icons": "11.1.
|
|
35
|
-
"@progress/kendo-angular-popup": "11.1.
|
|
36
|
-
"@progress/kendo-angular-toolbar": "11.1.
|
|
25
|
+
"@progress/kendo-angular-buttons": "11.1.1-develop.1",
|
|
26
|
+
"@progress/kendo-angular-common": "11.1.1-develop.1",
|
|
27
|
+
"@progress/kendo-angular-dialog": "11.1.1-develop.1",
|
|
28
|
+
"@progress/kendo-angular-dropdowns": "11.1.1-develop.1",
|
|
29
|
+
"@progress/kendo-angular-inputs": "11.1.1-develop.1",
|
|
30
|
+
"@progress/kendo-angular-intl": "11.1.1-develop.1",
|
|
31
|
+
"@progress/kendo-angular-l10n": "11.1.1-develop.1",
|
|
32
|
+
"@progress/kendo-angular-label": "11.1.1-develop.1",
|
|
33
|
+
"@progress/kendo-angular-layout": "11.1.1-develop.1",
|
|
34
|
+
"@progress/kendo-angular-icons": "11.1.1-develop.1",
|
|
35
|
+
"@progress/kendo-angular-popup": "11.1.1-develop.1",
|
|
36
|
+
"@progress/kendo-angular-toolbar": "11.1.1-develop.1",
|
|
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.
|
|
42
|
-
"@progress/kendo-editor-common": "1.9.
|
|
41
|
+
"@progress/kendo-angular-schematics": "11.1.1-develop.1",
|
|
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.
|
|
7
|
+
'@progress/kendo-angular-treeview': '11.1.1-develop.1',
|
|
8
8
|
// peer dependency of kendo-angular-layout
|
|
9
|
-
'@progress/kendo-angular-progressbar': '11.1.
|
|
9
|
+
'@progress/kendo-angular-progressbar': '11.1.1-develop.1',
|
|
10
10
|
// peer dependency of kendo-angular-inputs
|
|
11
|
-
'@progress/kendo-angular-dialog': '11.1.
|
|
11
|
+
'@progress/kendo-angular-dialog': '11.1.1-develop.1',
|
|
12
12
|
// Peer dependency of icons
|
|
13
13
|
'@progress/kendo-svg-icons': '^1.0.0'
|
|
14
14
|
} });
|