@syncfusion/ej2-richtexteditor 24.1.41-569421 → 24.1.41-581025

package/src/rich-text-editor/actions/quick-toolbar.js

@@ -4,7 +4,7 @@ import * as events from '../base/constant';
 import { pageYOffset, hasClass, isIDevice } from '../base/util';
 import { BaseQuickToolbar } from './base-quick-toolbar';
 import { PopupRenderer } from '../renderer/popup-renderer';
-import { CLS_INLINE_POP, CLS_INLINE, CLS_VID_CLICK_ELEM } from '../base/classes';
+import { CLS_INLINE_POP, CLS_INLINE } from '../base/classes';
 /**
  * `Quick toolbar` module is used to handle Quick toolbar actions.
  */
@@ -149,7 +149,7 @@ var QuickToolbar = /** @class */ (function () {
      * @deprecated
      */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
-        if (isNOU(this.parent) || this.parent.readonly || target.tagName.toLowerCase() === 'img' || this.inlineQTBar.element.querySelector('.e-rte-color-content')) {
+        if (isNOU(this.parent) || this.parent.readonly || target.tagName.toLowerCase() === 'img') {
             return;
         }
         this.inlineQTBar.showPopup(x, y, target);
@@ -238,9 +238,6 @@ var QuickToolbar = /** @class */ (function () {
             }
         }
         if (!isNOU(this.textQTBar) && !isNOU(this.parent.quickToolbarSettings.text) && !this.parent.inlineMode.enable) {
-            if (!isNOU(e) && !isNOU(e.name) && e.name === 'sourceCodeMouseDown') {
-                return;
-            }
             var args = e.args.touches ?
                 e.args.changedTouches[0] : e.args;
             var target = e.args.target;
@@ -251,7 +248,7 @@ var QuickToolbar = /** @class */ (function () {
             this.offsetY = pageYOffset(args, this.parent.element, this.parent.iframeSettings.enable);
             var range = this.parent.getRange();
             if ((range.endContainer.parentElement.tagName === range.startContainer.parentElement.tagName && (range.startContainer.parentElement.tagName === 'A' && range.endContainer.parentElement.tagName === 'A')) ||
-                (target.tagName === 'IMG') || (target.tagName === 'VIDEO' || this.isEmbedVidElem(target)) || (target.tagName === 'AUDIO') || (target.childNodes[0] && target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
+                (target.tagName === 'IMG') || (target.tagName === 'VIDEO') || (target.tagName === 'AUDIO') || (target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
                 (this.parent.getRange().startOffset === this.parent.getRange().endOffset)) {
                 return;
             }
@@ -259,29 +256,13 @@ var QuickToolbar = /** @class */ (function () {
             this.textQTBar.showPopup(this.offsetX, this.offsetY, target, 'text');
         }
     };
-    QuickToolbar.prototype.isEmbedVidElem = function (target) {
-        if ((target && target.nodeType !== 3 && target.nodeName !== 'BR' && (target.classList && target.classList.contains(CLS_VID_CLICK_ELEM))) ||
-            (target && target.nodeName === 'IFRAME')) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    QuickToolbar.prototype.keyDownHandler = function (e) {
-        var preventHide = e.args.altKey;
-        if (this.parent.inlineMode.enable && e.args.metaKey && e.args.keyCode === 65) {
-            this.showInlineQTBar(this.offsetX, this.offsetY, e.args.target);
-            return;
+    QuickToolbar.prototype.keyDownHandler = function () {
+        if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
+            && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
+            this.hideInlineQTBar();
         }
-        if (!preventHide) {
-            if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
-                && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
-                this.hideInlineQTBar();
-            }
-            if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
-                this.textQTBar.hidePopup();
-            }
+        if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
+            this.textQTBar.hidePopup();
         }
     };
     QuickToolbar.prototype.inlineQTBarMouseDownHandler = function () {
@@ -609,15 +590,6 @@ var QuickToolbar = /** @class */ (function () {
     QuickToolbar.prototype.getModuleName = function () {
         return 'quickToolbar';
     };
-    /**
-     *
-     * @returns {BaseQuickToolbar[]} - specifies the quick toolbar instance.
-     * @hidden
-     * @private
-     */
-    QuickToolbar.prototype.getQuickToolbarInstance = function () {
-        return [this.linkQTBar, this.imageQTBar, this.audioQTBar, this.videoQTBar, this.tableQTBar, this.textQTBar, this.inlineQTBar];
-    };
     return QuickToolbar;
 }());
 export { QuickToolbar };

package/src/rich-text-editor/actions/resize.js

@@ -71,8 +71,7 @@ var Resize = /** @class */ (function () {
             this.parent.element.style.width = (!this.parent.enableRtl) ? eventType.clientX - boundRect.left + 'px' : boundRect.right - eventType.clientX + 'px';
         }
         if (!this.parent.toolbarSettings.enable) {
-            var isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
-            this.parent.setContentHeight('Resize', isExpand);
+            this.parent.setContentHeight('', false);
         }
         this.parent.refreshUI();
     };

package/src/rich-text-editor/actions/toolbar-action.js

@@ -39,7 +39,7 @@ var ToolbarAction = /** @class */ (function () {
         if (args.item.command === 'Lists') {
             if (args.originalEvent.target.classList.contains('e-caret') &&
                 (args.originalEvent.target.parentElement.classList.contains('e-rte-bulletformatlist-dropdown') || args.originalEvent.target.parentElement.classList.contains('e-rte-numberformatlist-dropdown'))) {
-                return;
+                args.item.command = args.item.subCommand = null;
             }
         }
         this.parent.notify(events.htmlToolbarClick, args);

package/src/rich-text-editor/actions/toolbar.d.ts

@@ -4,7 +4,6 @@ import { IUpdateItemsModel } from '../base/interface';
 import { ServiceLocator } from '../services/service-locator';
 import { RendererFactory } from '../services/renderer-factory';
 import { BaseToolbar } from './base-toolbar';
-import { DropDownButtons } from './dropdown-buttons';
 import { RichTextEditorModel } from '../base/rich-text-editor-model';
 /**
  * `Toolbar` module is used to handle Toolbar actions.
@@ -23,7 +22,7 @@ export declare class Toolbar {
     private isTransformChild;
     private contentRenderer;
     protected toolbarRenderer: IRenderer;
-    dropDownModule: DropDownButtons;
+    private dropDownModule;
     private toolbarActionModule;
     protected renderFactory: RendererFactory;
     private keyBoardModule;
@@ -151,6 +150,8 @@ export declare class Toolbar {
      */
     destroy(): void;
     private moduleDestroy;
+    private scrollHandler;
+    private getDOMVisibility;
     private mouseDownHandler;
     private focusChangeHandler;
     private dropDownBeforeOpenHandler;

package/src/rich-text-editor/actions/toolbar.js

@@ -56,9 +56,6 @@ var Toolbar = /** @class */ (function () {
                 if (e.target.classList.contains('e-hor-nav')) {
                     this.adjustContentHeight(e.target, true);
                 }
-                if (!isNullOrUndefined(e.target) && (e.target.classList.contains("e-rte-fontcolor-dropdown") || e.target.classList.contains("e-rte-backgroundcolor-dropdown"))) {
-                    this.parent.notify(events.showColorPicker, { toolbarClick: e.target.classList.contains("e-rte-fontcolor-dropdown") ? "fontcolor" : "backgroundcolor" });
-                }
         }
     };
     Toolbar.prototype.createToolbarElement = function () {
@@ -67,7 +64,7 @@ var Toolbar = /** @class */ (function () {
             return;
         }
         else {
-            if (!this.parent.inlineMode.enable) {
+            if (this.parent.toolbarSettings.enableFloating && !this.parent.inlineMode.enable) {
                 this.tbWrapper = this.parent.createElement('div', {
                     id: this.parent.getID() + '_toolbar_wrapper',
                     innerHTML: this.tbElement.outerHTML,
@@ -150,14 +147,72 @@ var Toolbar = /** @class */ (function () {
         }
     };
     Toolbar.prototype.toggleFloatClass = function (e) {
+        var topValue;
+        var isBody = false;
+        var isFloat = false;
+        var scrollParent;
         var floatOffset = this.parent.floatingToolbarOffset;
-        if (this.parent.toolbarSettings.enableFloating) {
-            addClass([this.tbElement.parentElement], [classes.CLS_TB_FLOAT]);
-            setStyleAttribute(this.tbElement.parentElement, { top: (floatOffset) + 'px' });
+        if (e && this.parent.iframeSettings.enable && this.parent.inputElement.ownerDocument === e.target) {
+            scrollParent = e.target.body;
+        }
+        else if (e && e.target !== document) {
+            scrollParent = e.target;
+        }
+        else {
+            isBody = true;
+            scrollParent = document.body;
+        }
+        var tbHeight = this.getToolbarHeight() + this.getExpandTBarPopHeight();
+        if (this.isTransformChild) {
+            topValue = 0;
+            var scrollParentRelativeTop = 0;
+            var trgHeight = this.parent.element.offsetHeight;
+            if (isBody) {
+                var bodyStyle = window.getComputedStyle(scrollParent);
+                scrollParentRelativeTop = parseFloat(bodyStyle.marginTop.split('px')[0]) + parseFloat(bodyStyle.paddingTop.split('px')[0]);
+            }
+            var targetTop = this.parent.element.getBoundingClientRect().top;
+            var scrollParentYOffset = (Browser.isMSPointer && isBody) ? window.pageYOffset : scrollParent.parentElement.scrollTop;
+            var scrollParentRect = scrollParent.getBoundingClientRect();
+            var scrollParentTop = (!isBody) ? scrollParentRect.top : (scrollParentRect.top + scrollParentYOffset);
+            var outOfRange = ((targetTop - ((!isBody) ? scrollParentTop : 0))
+                + trgHeight > tbHeight + floatOffset) ? false : true;
+            if (targetTop > (scrollParentTop + floatOffset) || targetTop < -trgHeight || ((targetTop < 0) ? outOfRange : false)) {
+                isFloat = false;
+                removeClass([this.tbElement], [classes.CLS_TB_ABS_FLOAT]);
+            }
+            else if (targetTop < (scrollParentTop + floatOffset)) {
+                if (targetTop < 0) {
+                    topValue = (-targetTop) + scrollParentTop;
+                }
+                else {
+                    topValue = scrollParentTop - targetTop;
+                }
+                topValue = (isBody) ? topValue - scrollParentRelativeTop : topValue;
+                addClass([this.tbElement], [classes.CLS_TB_ABS_FLOAT]);
+                isFloat = true;
+            }
+        }
+        else {
+            var parent_1 = this.parent.element.getBoundingClientRect();
+            if (window.innerHeight < parent_1.top) {
+                return;
+            }
+            topValue = (e && e.target !== document) ? scrollParent.getBoundingClientRect().top : 0;
+            if ((parent_1.bottom < (floatOffset + tbHeight + topValue)) || parent_1.bottom < 0 || parent_1.top > floatOffset + topValue) {
+                isFloat = false;
+            }
+            else if (parent_1.top < floatOffset || parent_1.top < floatOffset + topValue) {
+                isFloat = true;
+            }
+        }
+        if (!isFloat) {
+            removeClass([this.tbElement], [classes.CLS_TB_FLOAT]);
+            setStyleAttribute(this.tbElement, { top: 0 + 'px', width: '100%' });
         }
         else {
-            removeClass([this.tbElement.parentElement], [classes.CLS_TB_FLOAT]);
-            setStyleAttribute(this.tbElement.parentElement, { top: '' });
+            addClass([this.tbElement], [classes.CLS_TB_FLOAT]);
+            setStyleAttribute(this.tbElement, { width: this.parent.element.offsetWidth + 'px', top: (floatOffset + topValue) + 'px' });
         }
     };
     Toolbar.prototype.renderToolbar = function () {
@@ -463,6 +518,19 @@ var Toolbar = /** @class */ (function () {
         this.toolbarActionModule.parent = null;
         this.dropDownModule.parent = null;
     };
+    Toolbar.prototype.scrollHandler = function (e) {
+        if (!this.parent.inlineMode.enable) {
+            if (this.parent.toolbarSettings.enableFloating && this.getDOMVisibility(this.tbElement)) {
+                this.toggleFloatClass(e.args);
+            }
+        }
+    };
+    Toolbar.prototype.getDOMVisibility = function (el) {
+        if (!el.offsetParent && el.offsetWidth === 0 && el.offsetHeight === 0) {
+            return false;
+        }
+        return true;
+    };
     Toolbar.prototype.mouseDownHandler = function () {
         if (Browser.isDevice && this.parent.inlineMode.enable && !isIDevice()) {
             this.showFixedTBar();
@@ -499,6 +567,11 @@ var Toolbar = /** @class */ (function () {
     };
     Toolbar.prototype.adjustContentHeight = function (trg, isKeyboard) {
         if (trg && this.parent.toolbarSettings.type === ToolbarType.Expand && !isNOU(trg)) {
+            var extendedTbar = this.tbElement.querySelector('.e-toolbar-extended');
+            if (!isNOU(extendedTbar)) {
+                setStyleAttribute(extendedTbar, { maxHeight: '', display: 'block' });
+                setStyleAttribute(extendedTbar, { maxHeight: extendedTbar.offsetHeight + 'px', display: '' });
+            }
             var hasActiveClass = trg.classList.contains('e-nav-active');
             var isExpand = isKeyboard ? (hasActiveClass ? false : true) : (hasActiveClass ? true : false);
             if (isExpand) {
@@ -507,12 +580,12 @@ var Toolbar = /** @class */ (function () {
             else {
                 removeClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
             }
-            this.parent.setContentHeight('Toolbar', isExpand);
+            this.parent.setContentHeight('toolbar', isExpand);
         }
         else if (Browser.isDevice || this.parent.inlineMode.enable) {
             this.isToolbar = true;
         }
-        if (isNOU(trg) && this.parent.toolbarSettings.type === ToolbarType.Expand && this.parent.toolbarModule.getExpandTBarPopHeight() === 0) {
+        if (isNOU(trg) && this.parent.toolbarSettings.type === ToolbarType.Expand) {
             removeClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
         }
     };
@@ -532,6 +605,7 @@ var Toolbar = /** @class */ (function () {
         this.dropDownModule = new DropDownButtons(this.parent, this.locator);
         this.toolbarActionModule = new ToolbarAction(this.parent);
         this.parent.on(events.initialEnd, this.renderToolbar, this);
+        this.parent.on(events.scroll, this.scrollHandler, this);
         this.parent.on(events.bindOnEnd, this.toolbarBindEvent, this);
         this.parent.on(events.toolbarUpdated, this.updateToolbarStatus, this);
         this.parent.on(events.modelChanged, this.onPropertyChanged, this);
@@ -556,6 +630,7 @@ var Toolbar = /** @class */ (function () {
             return;
         }
         this.parent.off(events.initialEnd, this.renderToolbar);
+        this.parent.off(events.scroll, this.scrollHandler);
         this.parent.off(events.bindOnEnd, this.toolbarBindEvent);
         this.parent.off(events.toolbarUpdated, this.updateToolbarStatus);
         this.parent.off(events.modelChanged, this.onPropertyChanged);
@@ -590,8 +665,7 @@ var Toolbar = /** @class */ (function () {
         if (!this.parent.inlineMode.enable) {
             this.refreshToolbarOverflow();
         }
-        var isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
-        this.parent.setContentHeight('Refresh', isExpand);
+        this.parent.setContentHeight('', true);
     };
     /**
      * Called internally if any of the property value changed.
@@ -612,11 +686,6 @@ var Toolbar = /** @class */ (function () {
                 }
             }
         }
-        if (!isNullOrUndefined(e.newProp.toolbarSettings)) {
-            if (!isNullOrUndefined(e.newProp.toolbarSettings.enableFloating)) {
-                this.toggleFloatClass();
-            }
-        }
         if (e.module !== this.getModuleName()) {
             return;
         }

package/src/rich-text-editor/base/classes.d.ts

@@ -46,6 +46,11 @@ export declare const CLS_TB_FIXED: string;
  * @deprecated
  */
 export declare const CLS_TB_FLOAT: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const CLS_TB_ABS_FLOAT: string;
 /**
  * @hidden
  * @deprecated

package/src/rich-text-editor/base/classes.js

@@ -46,6 +46,11 @@ export var CLS_TB_FIXED = 'e-rte-tb-fixed';
  * @deprecated
  */
 export var CLS_TB_FLOAT = 'e-rte-tb-float';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var CLS_TB_ABS_FLOAT = 'e-rte-tb-abs-float';
 /**
  * @hidden
  * @deprecated

package/src/rich-text-editor/base/constant.d.ts

@@ -741,31 +741,6 @@ export declare const hidePopup: string;
  * @deprecated
  */
 export declare const cleanupResizeElements: string;
-/**
- * @hidden
- * @deprecated
- */
-export declare const afterKeyDown: string;
-/**
- * @hidden
- * @deprecated
- */
-export declare const updateValueOnIdle: string;
-/**
- * @hidden
- * @deprecated
- */
-export declare const documentClickClosedBy: string;
-/**
- * @hidden
- * @deprecated
- */
-export declare const showColorPicker: string;
-/**
- * @hidden
- * @deprecated
- */
-export declare const closeTooltip: string;
 /**
  * @hidden
  * @deprecated
@@ -776,18 +751,3 @@ export declare const blockEmptyNodes: string;
  * @deprecated
  */
 export declare const inlineEmptyNodes: string;
-/**
- * @hidden
- * @deprecated
- */
-export declare const supportedUnits: string[];
-/**
- * @hidden
- * @deprecated
- */
-export declare const conversionFactors: Record<string, Record<string, number>>;
-/**
- * @hidden
- * @deprecated
- */
-export declare const onHandleFontsizeChange: string;

package/src/rich-text-editor/base/constant.js

@@ -741,31 +741,6 @@ export var hidePopup = 'hidePopup';
  * @deprecated
  */
 export var cleanupResizeElements = 'cleanupResizeElements';
-/**
- * @hidden
- * @deprecated
- */
-export var afterKeyDown = 'afterKeyDown';
-/**
- * @hidden
- * @deprecated
- */
-export var updateValueOnIdle = 'updateValueOnIdle';
-/**
- * @hidden
- * @deprecated
- */
-export var documentClickClosedBy = 'documentClickClosedBy';
-/**
- * @hidden
- * @deprecated
- */
-export var showColorPicker = 'showColorPicker';
-/**
- * @hidden
- * @deprecated
- */
-export var closeTooltip = 'closeTooltip';
 /**
  * @hidden
  * @deprecated
@@ -776,187 +751,3 @@ export var blockEmptyNodes = "address:empty, article:empty, aside:empty, blockqu
  * @deprecated
  */
 export var inlineEmptyNodes = "a:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,\ncanvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,\nins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,\nq:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,\ntemplate:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty";
-/**
- * @hidden
- * @deprecated
- */
-export var supportedUnits = ['px', 'em', 'rem', 'pt', 'cm', 'mm', 'in', 'pc', 'vw', 'vh', 'vmin', 'vmax'];
-/**
- * @hidden
- * @deprecated
- */
-export var conversionFactors = {
-    'px': {
-        'px': 1,
-        'em': 0.0625,
-        'rem': 0.0625,
-        'pt': 0.75,
-        'cm': 0.0264583,
-        'mm': 0.0026458,
-        'in': 0.0104167,
-        'pc': 0.0625,
-        'vw': 0.00625,
-        'vh': 0.00625,
-        'vmin': 0.00625,
-        'vmax': 0.00625
-    },
-    'em': {
-        'px': 16,
-        'em': 1,
-        'rem': 1,
-        'pt': 12,
-        'cm': 0.423333,
-        'mm': 0.0423333,
-        'in': 0.166667,
-        'pc': 0.0625,
-        'vw': 1,
-        'vh': 1,
-        'vmin': 1,
-        'vmax': 1
-    },
-    'rem': {
-        'px': 16,
-        'em': 1,
-        'rem': 1,
-        'pt': 12,
-        'cm': 0.423333,
-        'mm': 0.0423333,
-        'in': 0.166667,
-        'pc': 0.0625,
-        'vw': 1,
-        'vh': 1,
-        'vmin': 1,
-        'vmax': 1
-    },
-    'pt': {
-        'px': 1.33333,
-        'em': 0.0833333,
-        'rem': 0.0833333,
-        'pt': 1,
-        'cm': 0.0352778,
-        'mm': 0.0035278,
-        'in': 0.0138889,
-        'pc': 0.0416667,
-        'vw': 0.00416667,
-        'vh': 0.00416667,
-        'vmin': 0.00416667,
-        'vmax': 0.00416667
-    },
-    'cm': {
-        'px': 37.7953,
-        'em': 2.3622,
-        'rem': 2.3622,
-        'pt': 28.3465,
-        'cm': 1,
-        'mm': 0.1,
-        'in': 0.393701,
-        'pc': 0.148148,
-        'vw': 0.0377953,
-        'vh': 0.0377953,
-        'vmin': 0.0377953,
-        'vmax': 0.0377953
-    },
-    'mm': {
-        'px': 3.77953,
-        'em': 0.23622,
-        'rem': 0.23622,
-        'pt': 2.83465,
-        'cm': 10,
-        'mm': 1,
-        'in': 0.0393701,
-        'pc': 0.0148148,
-        'vw': 0.00377953,
-        'vh': 0.00377953,
-        'vmin': 0.00377953,
-        'vmax': 0.00377953
-    },
-    'in': {
-        'px': 96,
-        'em': 6,
-        'rem': 6,
-        'pt': 72,
-        'cm': 2.54,
-        'mm': 25.4,
-        'in': 1,
-        'pc': 0.375,
-        'vw': 0.09375,
-        'vh': 0.09375,
-        'vmin': 0.09375,
-        'vmax': 0.09375
-    },
-    'pc': {
-        'px': 16,
-        'em': 1,
-        'rem': 1,
-        'pt': 12,
-        'cm': 0.423333,
-        'mm': 0.0423333,
-        'in': 0.166667,
-        'pc': 1,
-        'vw': 0.0625,
-        'vh': 0.0625,
-        'vmin': 0.0625,
-        'vmax': 0.0625
-    },
-    'vw': {
-        'px': 160,
-        'em': 10,
-        'rem': 10,
-        'pt': 120,
-        'cm': 4.23333,
-        'mm': 0.423333,
-        'in': 1.66667,
-        'pc': 0.625,
-        'vw': 1,
-        'vh': 1,
-        'vmin': 1,
-        'vmax': 1
-    },
-    'vh': {
-        'px': 160,
-        'em': 10,
-        'rem': 10,
-        'pt': 120,
-        'cm': 4.23333,
-        'mm': 0.423333,
-        'in': 1.66667,
-        'pc': 0.625,
-        'vw': 1,
-        'vh': 1,
-        'vmin': 1,
-        'vmax': 1
-    },
-    'vmin': {
-        'px': 160,
-        'em': 10,
-        'rem': 10,
-        'pt': 120,
-        'cm': 4.23333,
-        'mm': 0.423333,
-        'in': 1.66667,
-        'pc': 0.625,
-        'vw': 1,
-        'vh': 1,
-        'vmin': 1,
-        'vmax': 1
-    },
-    'vmax': {
-        'px': 160,
-        'em': 10,
-        'rem': 10,
-        'pt': 120,
-        'cm': 4.23333,
-        'mm': 0.423333,
-        'in': 1.66667,
-        'pc': 0.625,
-        'vw': 1,
-        'vh': 1,
-        'vmin': 1,
-        'vmax': 1
-    }
-};
-/**
- * @hidden
- * @deprecated
- */
-export var onHandleFontsizeChange = 'onHandleFontsizeChange';