@progress/kendo-angular-editor 4.0.1-dev.202205191407 → 4.1.0-dev.202205251353

package/common/font-size-item.interface.d.ts

@@ -10,10 +10,10 @@ export interface FontSizeItem {
      * The value of the [`font-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) CSS property.
      * @example
      * ```ts-no-run
-     * '4'
+     * '4px'
      * ```
      */
-    size: number;
+    size: number | string;
     /**
      * The text for the font size that will be displayed in the drop-down list.
      * @example

package/esm2015/config/commands.js

@@ -12,7 +12,7 @@ const inlineCommand = {
     cleanFormatting: (options) => cleanFormatting(options),
     createLink: attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }),
     fontFamily: attrs => expandToWordWrap(applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }),
-    fontSize: attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }),
+    fontSize: attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value, applyToWord: attrs.applyToWord }),
     insertFile: attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }),
     insertText: text => insertText(text),
     italic: (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign(Object.assign({}, italic), { applyToWord })),

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1652969231,
+    publishDate: 1653486755,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/tools/fontsize/editor-fontsize.component.js

@@ -38,21 +38,31 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
          */
         this.valueChange = new EventEmitter();
         this._data = [
-            { text: '8px', size: 8 },
-            { text: '10px', size: 10 },
-            { text: '12px', size: 12 },
-            { text: '14px', size: 14 },
-            { text: '18px', size: 18 },
-            { text: '24px', size: 24 },
-            { text: '36px', size: 36 }
+            { text: '8px', size: '8px' },
+            { text: '10px', size: '10px' },
+            { text: '12px', size: '12px' },
+            { text: '14px', size: '14px' },
+            { text: '18px', size: '18px' },
+            { text: '24px', size: '24px' },
+            { text: '36px', size: '36px' }
         ];
         this.editor = providerService.editor;
     }
     /**
      * Overrides the default font size list.
+     * Numeric values are treated as pixels.
      */
     set data(sizes) {
-        this._data = sizes || this._data;
+        let normalizedSizes;
+        if (sizes) {
+            normalizedSizes = sizes.map(s => {
+                if (typeof s.size === 'number') {
+                    return Object.assign(Object.assign({}, s), { size: `${s.size}px` });
+                }
+                return s;
+            });
+        }
+        this._data = normalizedSizes || this._data;
     }
     get data() {
         return this._data;
@@ -73,7 +83,7 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
             // remove units(px, em, rem...)
             // string#match returns array
-            this.value = (getUniqueStyleValues(style.selected, 'font-size').match(/\d+/g) || [null])[0];
+            this.value = getUniqueStyleValues(style.selected, 'font-size') || null;
             this.disabled = style.disabled;
         });
     }
@@ -84,7 +94,7 @@ export class EditorFontSizeComponent extends ToolBarToolComponent {
         if (isPresent(ev)) {
             this.editor.exec('fontSize', ev);
             this.editor.view.focus();
-            this.valueChange.emit(this.data.find(d => d.size === parseInt(ev, 10)));
+            this.valueChange.emit(this.data.find(d => d.size === ev));
         }
     }
     ngOnDestroy() {

package/fesm2015/kendo-angular-editor.js

@@ -35,7 +35,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1652969231,
+    publishDate: 1653486755,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -179,7 +179,7 @@ const inlineCommand = {
     cleanFormatting: (options) => cleanFormatting(options),
     createLink: attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }),
     fontFamily: attrs => expandToWordWrap(applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }),
-    fontSize: attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }),
+    fontSize: attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value, applyToWord: attrs.applyToWord }),
     insertFile: attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }),
     insertText: text => insertText(text),
     italic: (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign(Object.assign({}, italic), { applyToWord })),
@@ -4521,21 +4521,31 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
          */
         this.valueChange = new EventEmitter();
         this._data = [
-            { text: '8px', size: 8 },
-            { text: '10px', size: 10 },
-            { text: '12px', size: 12 },
-            { text: '14px', size: 14 },
-            { text: '18px', size: 18 },
-            { text: '24px', size: 24 },
-            { text: '36px', size: 36 }
+            { text: '8px', size: '8px' },
+            { text: '10px', size: '10px' },
+            { text: '12px', size: '12px' },
+            { text: '14px', size: '14px' },
+            { text: '18px', size: '18px' },
+            { text: '24px', size: '24px' },
+            { text: '36px', size: '36px' }
         ];
         this.editor = providerService.editor;
     }
     /**
      * Overrides the default font size list.
+     * Numeric values are treated as pixels.
      */
     set data(sizes) {
-        this._data = sizes || this._data;
+        let normalizedSizes;
+        if (sizes) {
+            normalizedSizes = sizes.map(s => {
+                if (typeof s.size === 'number') {
+                    return Object.assign(Object.assign({}, s), { size: `${s.size}px` });
+                }
+                return s;
+            });
+        }
+        this._data = normalizedSizes || this._data;
     }
     get data() {
         return this._data;
@@ -4556,7 +4566,7 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
             // remove units(px, em, rem...)
             // string#match returns array
-            this.value = (getUniqueStyleValues(style.selected, 'font-size').match(/\d+/g) || [null])[0];
+            this.value = getUniqueStyleValues(style.selected, 'font-size') || null;
             this.disabled = style.disabled;
         });
     }
@@ -4567,7 +4577,7 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
         if (isPresent(ev)) {
             this.editor.exec('fontSize', ev);
             this.editor.view.focus();
-            this.valueChange.emit(this.data.find(d => d.size === parseInt(ev, 10)));
+            this.valueChange.emit(this.data.find(d => d.size === ev));
         }
     }
     ngOnDestroy() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-editor",
-  "version": "4.0.1-dev.202205191407",
+  "version": "4.1.0-dev.202205251353",
   "description": "Kendo UI Editor for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/tools/fontsize/editor-fontsize.component.d.ts

@@ -32,6 +32,7 @@ export declare class EditorFontSizeComponent extends ToolBarToolComponent {
     tabindex: number;
     /**
      * Overrides the default font size list.
+     * Numeric values are treated as pixels.
      */
     set data(sizes: FontSizeItem[]);
     get data(): FontSizeItem[];