@progress/kendo-angular-editor 25.3.0-develop.6 → 25.3.0-develop.7

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 (4) hide show
  1. package/fesm2022/progress-kendo-angular-editor.mjs +40 -24
  2. package/package-metadata.mjs +2 -2
  3. package/package.json +15 -15
  4. package/schematics/ngAdd/index.js +4 -4
package/fesm2022/progress-kendo-angular-editor.mjs CHANGED
@@ -36,8 +36,8 @@ const packageMetadata = {
36
36
  productName: 'Kendo UI for Angular',
37
37
  productCode: 'KENDOUIANGULAR',
38
38
  productCodes: ['KENDOUIANGULAR'],
39
- publishDate: 1791189533,
40
- version: '25.3.0-develop.6',
39
+ publishDate: 1791207646,
40
+ version: '25.3.0-develop.7',
41
41
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
42
42
  };
43
43
 
@@ -1320,6 +1320,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImpo
1320
1320
  args: ['hrefInput']
1321
1321
  }] } });
1322
1322
 
1323
+ /**
1324
+ * @hidden
1325
+ */
1326
+ const placeholderStyle = `
1327
+ .ProseMirror.k-placeholder::before,
1328
+ .ProseMirror .k-placeholder::before {
1329
+ content: attr(data-placeholder);
1330
+ height: 0;
1331
+ color: #8a8a8a;
1332
+ float: inline-start;
1333
+ opacity: 1;
1334
+ cursor: text;
1335
+ -webkit-user-select: none;
1336
+ -ms-user-select: none;
1337
+ user-select: none;
1338
+ }
1339
+ `;
1323
1340
  /**
1324
1341
  * @hidden
1325
1342
  */
@@ -1483,17 +1500,7 @@ const defaultStyle = `
1483
1500
  cursor: e-resize;
1484
1501
  }
1485
1502
 
1486
- .ProseMirror .k-placeholder::before {
1487
- content: attr(data-placeholder);
1488
- height: 0;
1489
- color: #8a8a8a;
1490
- float: inline-start;
1491
- opacity: 1;
1492
- cursor: text;
1493
- -webkit-user-select: none;
1494
- -ms-user-select: none;
1495
- user-select: none;
1496
- }
1503
+ ${placeholderStyle}
1497
1504
 
1498
1505
  .ProseMirror li {
1499
1506
  position: relative;
@@ -1784,7 +1791,7 @@ const commandSVGIcons = {
1784
1791
  selectAll: selectAllIcon,
1785
1792
  strikethrough: strikethroughIcon,
1786
1793
  subscript: subscriptIcon,
1787
- superscript: superscriptIcon,
1794
+ superscript: { ...superscriptIcon, name: 'superscript' },
1788
1795
  underline: underlineIcon,
1789
1796
  undo: undoIcon,
1790
1797
  unlink: unlinkIcon,
@@ -3283,6 +3290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImpo
3283
3290
  }], ctorParameters: () => [{ type: i1.LocalizationService }] });
3284
3291
 
3285
3292
  const EMPTY_PARAGRAPH = '<p></p>';
3293
+ const documentsWithPlaceholderStyles = new WeakSet();
3286
3294
  const defaultPasteCleanupSettings = {
3287
3295
  convertMsLists: false,
3288
3296
  removeAttributes: [],
@@ -3860,9 +3868,9 @@ class EditorComponent {
3860
3868
  ${this.dir === 'rtl' ? rtlStyles : ''}
3861
3869
  ${isCssContentSet ? this.iframeCss.content : ''}
3862
3870
  `;
3863
- const styleEl = iframeDoc.createElement('style');
3864
- styleEl.appendChild(iframeDoc.createTextNode(allStyles));
3865
- iframeDoc.head.appendChild(styleEl);
3871
+ const styleSheet = new iframeDoc.defaultView.CSSStyleSheet();
3872
+ styleSheet.replaceSync(allStyles);
3873
+ iframeDoc.adoptedStyleSheets?.push(styleSheet);
3866
3874
  if (isCssPathSet) {
3867
3875
  const linkEl = iframeDoc.createElement('link');
3868
3876
  linkEl.rel = 'stylesheet';
@@ -3876,10 +3884,15 @@ class EditorComponent {
3876
3884
  iframeDoc.body.appendChild(element);
3877
3885
  }
3878
3886
  else {
3879
- const element = document.createElement('div');
3880
- this.renderer.setAttribute(element, 'id', this.focusableId);
3881
- this.renderer.setAttribute(element, 'role', 'textbox');
3882
- containerNativeElement.appendChild(element);
3887
+ this.renderer.setAttribute(containerNativeElement, 'id', this.focusableId);
3888
+ this.renderer.setAttribute(containerNativeElement, 'role', 'textbox');
3889
+ const ownerDocument = containerNativeElement.ownerDocument;
3890
+ if (this.placeholder && !documentsWithPlaceholderStyles.has(ownerDocument)) {
3891
+ const styleSheet = new ownerDocument.defaultView.CSSStyleSheet();
3892
+ styleSheet.replaceSync(placeholderStyle);
3893
+ ownerDocument.adoptedStyleSheets?.push(styleSheet);
3894
+ documentsWithPlaceholderStyles.add(ownerDocument);
3895
+ }
3883
3896
  }
3884
3897
  const defaultPlugins = [
3885
3898
  new Plugin({
@@ -3926,7 +3939,7 @@ class EditorComponent {
3926
3939
  this.viewMountElement = containerNativeElement.contentDocument.querySelector('div');
3927
3940
  }
3928
3941
  else {
3929
- this.viewMountElement = containerNativeElement.querySelector('div');
3942
+ this.viewMountElement = containerNativeElement;
3930
3943
  }
3931
3944
  this.ngZone.runOutsideAngular(() => {
3932
3945
  this._view = new EditorView({ mount: this.viewMountElement }, {
@@ -3949,8 +3962,11 @@ class EditorComponent {
3949
3962
  else {
3950
3963
  containerElement = this.container.element.nativeElement;
3951
3964
  }
3952
- const proseMirror = containerElement.querySelector('.ProseMirror');
3953
- proseMirror.style = "'height: 100%; width: 100%; box-sizing: border-box; outline: none; overflow: auto;'";
3965
+ this.renderer.setStyle(this.viewMountElement, 'height', '100%');
3966
+ this.renderer.setStyle(this.viewMountElement, 'width', '100%');
3967
+ this.renderer.setStyle(this.viewMountElement, 'box-sizing', 'border-box');
3968
+ this.renderer.setStyle(this.viewMountElement, 'outline', 'none');
3969
+ this.renderer.setStyle(this.viewMountElement, 'overflow', 'auto');
3954
3970
  this.subs.add(fromEvent(containerElement, 'focusin')
3955
3971
  .subscribe((e) => {
3956
3972
  if (this.readonly) {
package/package-metadata.mjs CHANGED
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1791189533,
11
- "version": "25.3.0-develop.6",
10
+ "publishDate": 1791207646,
11
+ "version": "25.3.0-develop.7",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-editor",
3
- "version": "25.3.0-develop.6",
3
+ "version": "25.3.0-develop.7",
4
4
  "description": "Kendo UI Editor for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -17,7 +17,7 @@
17
17
  "package": {
18
18
  "productName": "Kendo UI for Angular",
19
19
  "productCode": "KENDOUIANGULAR",
20
- "publishDate": 1791189533,
20
+ "publishDate": 1791207646,
21
21
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
22
22
  }
23
23
  },
@@ -29,23 +29,23 @@
29
29
  "@angular/platform-browser": "20 - 22",
30
30
  "@progress/kendo-drawing": "^1.25.0",
31
31
  "@progress/kendo-licensing": "^1.11.0",
32
- "@progress/kendo-angular-buttons": "25.3.0-develop.6",
33
- "@progress/kendo-angular-common": "25.3.0-develop.6",
34
- "@progress/kendo-angular-dialog": "25.3.0-develop.6",
35
- "@progress/kendo-angular-dropdowns": "25.3.0-develop.6",
36
- "@progress/kendo-angular-inputs": "25.3.0-develop.6",
37
- "@progress/kendo-angular-intl": "25.3.0-develop.6",
38
- "@progress/kendo-angular-l10n": "25.3.0-develop.6",
39
- "@progress/kendo-angular-label": "25.3.0-develop.6",
40
- "@progress/kendo-angular-layout": "25.3.0-develop.6",
41
- "@progress/kendo-angular-icons": "25.3.0-develop.6",
42
- "@progress/kendo-angular-popup": "25.3.0-develop.6",
43
- "@progress/kendo-angular-toolbar": "25.3.0-develop.6",
32
+ "@progress/kendo-angular-buttons": "25.3.0-develop.7",
33
+ "@progress/kendo-angular-common": "25.3.0-develop.7",
34
+ "@progress/kendo-angular-dialog": "25.3.0-develop.7",
35
+ "@progress/kendo-angular-dropdowns": "25.3.0-develop.7",
36
+ "@progress/kendo-angular-inputs": "25.3.0-develop.7",
37
+ "@progress/kendo-angular-intl": "25.3.0-develop.7",
38
+ "@progress/kendo-angular-l10n": "25.3.0-develop.7",
39
+ "@progress/kendo-angular-label": "25.3.0-develop.7",
40
+ "@progress/kendo-angular-layout": "25.3.0-develop.7",
41
+ "@progress/kendo-angular-icons": "25.3.0-develop.7",
42
+ "@progress/kendo-angular-popup": "25.3.0-develop.7",
43
+ "@progress/kendo-angular-toolbar": "25.3.0-develop.7",
44
44
  "rxjs": "^6.5.3 || ^7.0.0"
45
45
  },
46
46
  "dependencies": {
47
47
  "tslib": "^2.3.1",
48
- "@progress/kendo-angular-schematics": "25.3.0-develop.6",
48
+ "@progress/kendo-angular-schematics": "25.3.0-develop.7",
49
49
  "@progress/kendo-editor-common": "1.12.8"
50
50
  },
51
51
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -9,12 +9,12 @@ const schematics_1 = require("@angular-devkit/schematics");
9
9
  function default_1(options) {
10
10
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'EditorModule', package: 'editor', peerDependencies: {
11
11
  // peer dependencies of kendo-angular-dropdowns
12
- '@progress/kendo-angular-navigation': '25.3.0-develop.6',
13
- '@progress/kendo-angular-treeview': '25.3.0-develop.6',
12
+ '@progress/kendo-angular-navigation': '25.3.0-develop.7',
13
+ '@progress/kendo-angular-treeview': '25.3.0-develop.7',
14
14
  // peer dependency of kendo-angular-layout
15
- '@progress/kendo-angular-progressbar': '25.3.0-develop.6',
15
+ '@progress/kendo-angular-progressbar': '25.3.0-develop.7',
16
16
  // peer dependency of kendo-angular-inputs
17
- '@progress/kendo-angular-dialog': '25.3.0-develop.6',
17
+ '@progress/kendo-angular-dialog': '25.3.0-develop.7',
18
18
  // Peer dependency of icons
19
19
  '@progress/kendo-svg-icons': '^4.0.0'
20
20
  } });