@syncfusion/ej2-richtexteditor 20.2.49 → 20.3.47

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

@@ -82,12 +82,12 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.isRTE = true;
     };
     QuickToolbar.prototype.keyUpQT = function (e) {
-        if (e.which == 27) {
+        if (e.which === 27) {
             this.hideQuickToolbars();
         }
     };
     QuickToolbar.prototype.renderQuickToolbars = function () {
-        if (this.linkQTBar || this.imageQTBar || this.textQTBar || this.tableQTBar) {
+        if (this.linkQTBar || this.imageQTBar || this.audioQTBar || this.videoQTBar || this.textQTBar || this.tableQTBar) {
             return;
         }
         this.linkQTBar = this.createQTBar('Link', 'Scrollable', this.parent.quickToolbarSettings.link, RenderType.LinkToolbar);
@@ -96,6 +96,10 @@ var QuickToolbar = /** @class */ (function () {
         this.renderFactory.addRenderer(RenderType.TextToolbar, this.textQTBar);
         this.imageQTBar = this.createQTBar('Image', 'MultiRow', this.parent.quickToolbarSettings.image, RenderType.ImageToolbar);
         this.renderFactory.addRenderer(RenderType.ImageToolbar, this.imageQTBar);
+        this.audioQTBar = this.createQTBar('Audio', 'MultiRow', this.parent.quickToolbarSettings.audio, RenderType.AudioToolbar);
+        this.renderFactory.addRenderer(RenderType.AudioToolbar, this.audioQTBar);
+        this.videoQTBar = this.createQTBar('Video', 'MultiRow', this.parent.quickToolbarSettings.video, RenderType.VideoToolbar);
+        this.renderFactory.addRenderer(RenderType.VideoToolbar, this.videoQTBar);
         this.tableQTBar = this.createQTBar('Table', 'MultiRow', this.parent.quickToolbarSettings.table, RenderType.TableToolbar);
         this.renderFactory.addRenderer(RenderType.TableToolbar, this.tableQTBar);
         if (this.linkQTBar) {
@@ -106,6 +110,14 @@ var QuickToolbar = /** @class */ (function () {
             EventHandler.add(this.imageQTBar.element, 'mousedown', this.onMouseDown, this);
             EventHandler.add(this.imageQTBar.element, 'keyup', this.keyUpQT, this);
         }
+        if (this.audioQTBar) {
+            EventHandler.add(this.audioQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.audioQTBar.element, 'keyup', this.keyUpQT, this);
+        }
+        if (this.videoQTBar) {
+            EventHandler.add(this.videoQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.videoQTBar.element, 'keyup', this.keyUpQT, this);
+        }
         if (this.textQTBar) {
             EventHandler.add(this.textQTBar.element, 'mousedown', this.onMouseDown, this);
             EventHandler.add(this.textQTBar.element, 'keyup', this.keyUpQT, this);
@@ -135,7 +147,7 @@ var QuickToolbar = /** @class */ (function () {
 
      */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
-        if (this.parent.readonly || target.tagName.toLowerCase() === "img") {
+        if (this.parent.readonly || target.tagName.toLowerCase() === 'img') {
             return;
         }
         this.inlineQTBar.showPopup(x, y, target);
@@ -169,10 +181,16 @@ var QuickToolbar = /** @class */ (function () {
         if (this.imageQTBar && !hasClass(this.imageQTBar.element, 'e-popup-close') && document.body.contains(this.imageQTBar.element)) {
             this.imageQTBar.hidePopup();
         }
+        if (this.audioQTBar && !hasClass(this.audioQTBar.element, 'e-popup-close') && document.body.contains(this.audioQTBar.element)) {
+            this.audioQTBar.hidePopup();
+        }
+        if (this.videoQTBar && !hasClass(this.videoQTBar.element, 'e-popup-close') && document.body.contains(this.videoQTBar.element)) {
+            this.videoQTBar.hidePopup();
+        }
         if (this.tableQTBar && !hasClass(this.tableQTBar.element, 'e-popup-close') && document.body.contains(this.tableQTBar.element)) {
             this.tableQTBar.hidePopup();
         }
-        if (this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice())) {
+        if (!isNOU(this.parent) && this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice())) {
             this.hideInlineQTBar();
         }
     };
@@ -289,6 +307,16 @@ var QuickToolbar = /** @class */ (function () {
             EventHandler.remove(this.imageQTBar.element, 'keyup', this.keyUpQT);
             this.imageQTBar.destroy();
         }
+        if (this.audioQTBar) {
+            EventHandler.remove(this.audioQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.audioQTBar.element, 'keyup', this.keyUpQT);
+            this.audioQTBar.destroy();
+        }
+        if (this.videoQTBar) {
+            EventHandler.remove(this.videoQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.videoQTBar.element, 'keyup', this.keyUpQT);
+            this.videoQTBar.destroy();
+        }
         if (this.tableQTBar) {
             EventHandler.remove(this.tableQTBar.element, 'mousedown', this.onMouseDown);
             EventHandler.remove(this.tableQTBar.element, 'keyup', this.keyUpQT);
@@ -314,6 +342,7 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.on(events.keyUp, this.keyUpHandler, this);
         this.parent.on(events.sourceCodeMouseDown, this.mouseUpHandler, this);
         this.parent.on(events.renderInlineToolbar, this.renderInlineQuickToolbar, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     QuickToolbar.prototype.unWireInlineQTBarEvents = function () {
         this.parent.off(events.mouseUp, this.mouseUpHandler);
@@ -322,6 +351,7 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.off(events.keyUp, this.keyUpHandler);
         this.parent.off(events.sourceCodeMouseDown, this.mouseUpHandler);
         this.parent.off(events.renderInlineToolbar, this.renderInlineQuickToolbar);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     // eslint-disable-next-line
     QuickToolbar.prototype.toolbarUpdated = function (args) {
@@ -331,6 +361,12 @@ var QuickToolbar = /** @class */ (function () {
         if (this.imageQTBar && !hasClass(this.imageQTBar.element, 'e-popup-close')) {
             this.imageQTBar.hidePopup();
         }
+        if (this.audioQTBar && !hasClass(this.audioQTBar.element, 'e-popup-close')) {
+            this.audioQTBar.hidePopup();
+        }
+        if (this.videoQTBar && !hasClass(this.videoQTBar.element, 'e-popup-close')) {
+            this.videoQTBar.hidePopup();
+        }
         if (this.tableQTBar && !hasClass(this.tableQTBar.element, 'e-popup-close')) {
             this.tableQTBar.hidePopup();
         }
@@ -362,7 +398,6 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.on(events.keyDown, this.onKeyDown, this);
         this.parent.on(events.rtlMode, this.setRtl, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
-        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     QuickToolbar.prototype.onKeyDown = function (e) {
         var args = e.args;
@@ -370,6 +405,12 @@ var QuickToolbar = /** @class */ (function () {
             if (this.imageQTBar && !hasClass(this.imageQTBar.element, 'e-popup-close')) {
                 this.imageQTBar.hidePopup();
             }
+            if (this.audioQTBar && !hasClass(this.audioQTBar.element, 'e-popup-close')) {
+                this.audioQTBar.hidePopup();
+            }
+            if (this.videoQTBar && !hasClass(this.videoQTBar.element, 'e-popup-close')) {
+                this.videoQTBar.hidePopup();
+            }
         }
     };
     QuickToolbar.prototype.onIframeMouseDown = function () {
@@ -401,6 +442,12 @@ var QuickToolbar = /** @class */ (function () {
         if (this.imageQTBar) {
             this.imageQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
         }
+        if (this.audioQTBar) {
+            this.audioQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
+        }
+        if (this.videoQTBar) {
+            this.videoQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
+        }
         if (this.linkQTBar) {
             this.linkQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
         }
@@ -432,7 +479,6 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.off(events.keyDown, this.onKeyDown);
         this.parent.off(events.rtlMode, this.setRtl);
         this.parent.off(events.bindCssClass, this.setCssClass);
-        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     /**
      * Called internally if any of the property value changed.

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

@@ -53,7 +53,17 @@ var Resize = /** @class */ (function () {
         var boundRect = this.parent.element.getBoundingClientRect();
         if (this.isMouseEvent(e)) {
             this.parent.element.style.height = e.clientY - boundRect.top + 'px';
-            this.parent.element.style.width = (!this.parent.enableRtl) ? e.clientX - boundRect.left + 'px' : boundRect.right - e.clientX + 'px';
+            this.parent.element.style.width = (!this.parent.enableRtl) ? e.clientX - boundRect.left + 'px' :
+                boundRect.right - e.clientX + 'px';
+            var toolBarEle = this.parent.toolbarModule.getToolbarElement();
+            if (toolBarEle !== null) {
+                if (toolBarEle.classList.contains(classes.CLS_TB_FLOAT) && this.parent.toolbarSettings.enableFloating &&
+                    this.parent.getToolbar() && !this.parent.inlineMode.enable) {
+                    var contentPanel = this.parent.contentModule.getPanel();
+                    var contentPanelWidth = contentPanel.getBoundingClientRect().width;
+                    toolBarEle.style.width = contentPanelWidth + 'px';
+                }
+            }
         }
         else {
             var eventType = Browser.info.name !== 'msie' ? e.touches[0] : e;

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

@@ -48,7 +48,8 @@ var ToolbarAction = /** @class */ (function () {
     ToolbarAction.prototype.dropDownSelect = function (e) {
         this.parent.notify(events.selectionRestore, {});
         if (!(document.body.contains(document.body.querySelector('.e-rte-quick-toolbar'))
-            && e.item && (e.item.command === 'Images' || e.item.command === 'Display' || e.item.command === 'Table'))) {
+            && e.item && (e.item.command === 'Images' || e.item.command === 'Audios' || e.item.command === 'Videos' ||
+            e.item.command === 'VideoLayoutOption' || e.item.command === 'Display' || e.item.command === 'Table'))) {
             var value = e.item.controlParent && this.parent.quickToolbarModule && this.parent.quickToolbarModule.tableQTBar
                 && this.parent.quickToolbarModule.tableQTBar.element.contains(e.item.controlParent.element) ? 'Table' : null;
             if (e.item.command === 'Lists') {

package/src/rich-text-editor/actions/xhtml-validation.js

@@ -29,7 +29,7 @@ var XhtmlValidation = /** @class */ (function () {
             this.ImageTags();
             this.removeTags();
             this.RemoveUnsupported();
-            this.currentElement.innerHTML = this.selfEncloseValidation(this.currentElement.innerHTML, this.currentElement.innerText === "\n" ?
+            this.currentElement.innerHTML = this.selfEncloseValidation(this.currentElement.innerHTML, this.currentElement.innerText === '\n' ?
                 this.currentElement.innerText.length : this.currentElement.innerText.trim().length);
             this.parent.setProperties({ value: this.currentElement.innerHTML }, true);
         }

package/src/rich-text-editor/audio.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Audio
+ */
+export * from './renderer/audio-module';

package/src/rich-text-editor/audio.js

@@ -0,0 +1,4 @@
+/**
+ * Audio
+ */
+export * from './renderer/audio-module';

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

@@ -224,6 +224,36 @@ export declare const CLS_IMGBREAK: string;
 /**
  * @hidden
 
+ */
+export declare const CLS_AUDIOBREAK: string;
+/**
+ * @hidden
+
+ */
+export declare const CLS_CLICKELEM: string;
+/**
+ * @hidden
+
+ */
+export declare const CLS_VID_CLICK_ELEM: string;
+/**
+ * @hidden
+
+ */
+export declare const CLS_AUDIOWRAP: string;
+/**
+ * @hidden
+
+ */
+export declare const CLS_VIDEOWRAP: string;
+/**
+ * @hidden
+
+ */
+export declare const CLS_VIDEOBREAK: string;
+/**
+ * @hidden
+
  */
 export declare const CLS_CAPTION: string;
 /**
@@ -244,6 +274,16 @@ export declare const CLS_IMGINLINE: string;
 /**
  * @hidden
 
+ */
+export declare const CLS_AUDIOINLINE: string;
+/**
+ * @hidden
+
+ */
+export declare const CLS_VIDEOINLINE: string;
+/**
+ * @hidden
+
  */
 export declare const CLS_COUNT: string;
 /**
@@ -464,6 +504,16 @@ export declare const CLS_IMG_FOCUS: string;
 /**
  * @hidden
 
+ */
+export declare const CLS_AUD_FOCUS: string;
+/**
+ * @hidden
+
+ */
+export declare const CLS_VID_FOCUS: string;
+/**
+ * @hidden
+
  */
 export declare const CLS_RTE_DRAG_IMAGE: string;
 /**

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

@@ -224,6 +224,36 @@ export var CLS_IMGBREAK = 'e-imgbreak';
 /**
  * @hidden
 
+ */
+export var CLS_AUDIOBREAK = 'e-audio-break';
+/**
+ * @hidden
+
+ */
+export var CLS_CLICKELEM = 'e-clickelem';
+/**
+ * @hidden
+
+ */
+export var CLS_VID_CLICK_ELEM = 'e-video-clickelem';
+/**
+ * @hidden
+
+ */
+export var CLS_AUDIOWRAP = 'e-audio-wrap';
+/**
+ * @hidden
+
+ */
+export var CLS_VIDEOWRAP = 'e-video-wrap';
+/**
+ * @hidden
+
+ */
+export var CLS_VIDEOBREAK = 'e-video-break';
+/**
+ * @hidden
+
  */
 export var CLS_CAPTION = 'e-img-caption';
 /**
@@ -244,6 +274,16 @@ export var CLS_IMGINLINE = 'e-imginline';
 /**
  * @hidden
 
+ */
+export var CLS_AUDIOINLINE = 'e-audio-inline';
+/**
+ * @hidden
+
+ */
+export var CLS_VIDEOINLINE = 'e-video-inline';
+/**
+ * @hidden
+
  */
 export var CLS_COUNT = 'e-rte-character-count';
 /**
@@ -464,6 +504,16 @@ export var CLS_IMG_FOCUS = 'e-img-focus';
 /**
  * @hidden
 
+ */
+export var CLS_AUD_FOCUS = 'e-audio-focus';
+/**
+ * @hidden
+
+ */
+export var CLS_VID_FOCUS = 'e-video-focus';
+/**
+ * @hidden
+
  */
 export var CLS_RTE_DRAG_IMAGE = 'e-rte-drag-image';
 /**

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

@@ -11,6 +11,11 @@ export declare const destroyed: string;
 /**
  * @hidden
 
+ */
+export declare const tableclass: string;
+/**
+ * @hidden
+
  */
 export declare const load: string;
 /**
@@ -94,6 +99,11 @@ export declare const modelChanged: string;
 /**
  * @hidden
 
+ */
+export declare const tableModulekeyUp: string;
+/**
+ * @hidden
+
  */
 export declare const keyUp: string;
 /**
@@ -149,6 +159,16 @@ export declare const imageToolbarAction: string;
 /**
  * @hidden
 
+ */
+export declare const audioToolbarAction: string;
+/**
+ * @hidden
+
+ */
+export declare const videoToolbarAction: string;
+/**
+ * @hidden
+
  */
 export declare const linkToolbarAction: string;
 /**
@@ -234,6 +254,16 @@ export declare const insertImage: string;
 /**
  * @hidden
 
+ */
+export declare const insertAudio: string;
+/**
+ * @hidden
+
+ */
+export declare const insertVideo: string;
+/**
+ * @hidden
+
  */
 export declare const insertCompleted: string;
 /**
@@ -279,6 +309,16 @@ export declare const imageDelete: string;
 /**
  * @hidden
 
+ */
+export declare const audioDelete: string;
+/**
+ * @hidden
+
+ */
+export declare const videoDelete: string;
+/**
+ * @hidden
+
  */
 export declare const imageCaption: string;
 /**
@@ -289,6 +329,11 @@ export declare const imageSize: string;
 /**
  * @hidden
 
+ */
+export declare const videoSize: string;
+/**
+ * @hidden
+
  */
 export declare const sourceCode: string;
 /**
@@ -525,27 +570,27 @@ export declare const imageRemoving: string;
  * @hidden
 
  */
-export declare const mediaSelected: string;
+export declare const fileSelected: string;
 /**
- * @hidden
+  * @hidden
 
- */
-export declare const mediaUploading: string;
+  */
+export declare const fileUploading: string;
 /**
- * @hidden
+  * @hidden
 
- */
-export declare const mediaUploadSuccess: string;
+  */
+export declare const fileUploadSuccess: string;
 /**
- * @hidden
+  * @hidden
 
- */
-export declare const mediaUploadFailed: string;
+  */
+export declare const fileUploadFailed: string;
 /**
- * @hidden
+  * @hidden
 
- */
-export declare const mediaRemoving: string;
+  */
+export declare const fileRemoving: string;
 /**
  * @hidden
 
@@ -575,7 +620,7 @@ export declare const beforeImageUpload: string;
  * @hidden
 
  */
-export declare const beforeMediaUpload: string;
+export declare const beforeFileUpload: string;
 /**
  * @hidden
 
@@ -629,6 +674,16 @@ export declare const showImageDialog: string;
 /**
  * @hidden
 
+ */
+export declare const showAudioDialog: string;
+/**
+ * @hidden
+
+ */
+export declare const showVideoDialog: string;
+/**
+ * @hidden
+
  */
 export declare const closeImageDialog: string;
 /**
@@ -639,6 +694,11 @@ export declare const closeAudioDialog: string;
 /**
  * @hidden
 
+ */
+export declare const closeVideoDialog: string;
+/**
+ * @hidden
+
  */
 export declare const showTableDialog: string;
 /**

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

@@ -11,6 +11,11 @@ export var destroyed = 'destroy';
 /**
  * @hidden
 
+ */
+export var tableclass = 'tableclass';
+/**
+ * @hidden
+
  */
 export var load = 'load';
 /**
@@ -94,6 +99,11 @@ export var modelChanged = 'model-changed';
 /**
  * @hidden
 
+ */
+export var tableModulekeyUp = 'tableModulekeyUp';
+/**
+ * @hidden
+
  */
 export var keyUp = 'keyUp';
 /**
@@ -149,6 +159,16 @@ export var imageToolbarAction = 'image-toolbar-action';
 /**
  * @hidden
 
+ */
+export var audioToolbarAction = 'audio-toolbar-action';
+/**
+ * @hidden
+
+ */
+export var videoToolbarAction = 'video-toolbar-action';
+/**
+ * @hidden
+
  */
 export var linkToolbarAction = 'link-toolbar-action';
 /**
@@ -234,6 +254,16 @@ export var insertImage = 'insertImage';
 /**
  * @hidden
 
+ */
+export var insertAudio = 'insertAudio';
+/**
+ * @hidden
+
+ */
+export var insertVideo = 'insertVideo';
+/**
+ * @hidden
+
  */
 export var insertCompleted = 'insertCompleted';
 /**
@@ -279,6 +309,16 @@ export var imageDelete = 'delete';
 /**
  * @hidden
 
+ */
+export var audioDelete = 'delete';
+/**
+ * @hidden
+
+ */
+export var videoDelete = 'delete';
+/**
+ * @hidden
+
  */
 export var imageCaption = 'caption';
 /**
@@ -289,6 +329,11 @@ export var imageSize = 'imageSize';
 /**
  * @hidden
 
+ */
+export var videoSize = 'videoSize';
+/**
+ * @hidden
+
  */
 export var sourceCode = 'sourceCode';
 /**
@@ -525,27 +570,27 @@ export var imageRemoving = 'imageRemoving';
  * @hidden
 
  */
-export var mediaSelected = 'mediaSelected';
+export var fileSelected = 'fileSelected';
 /**
- * @hidden
+  * @hidden
 
- */
-export var mediaUploading = 'mediaUploading';
+  */
+export var fileUploading = 'fileUploading';
 /**
- * @hidden
+  * @hidden
 
- */
-export var mediaUploadSuccess = 'mediaUploadSuccess';
+  */
+export var fileUploadSuccess = 'fileUploadSuccess';
 /**
- * @hidden
+  * @hidden
 
- */
-export var mediaUploadFailed = 'mediaUploadFailed';
+  */
+export var fileUploadFailed = 'fileUploadFailed';
 /**
- * @hidden
+  * @hidden
 
- */
-export var mediaRemoving = 'mediaRemoving';
+  */
+export var fileRemoving = 'fileRemoving';
 /**
  * @hidden
 
@@ -555,7 +600,7 @@ export var afterImageDelete = 'afterImageDelete';
  * @hidden
 
  */
-export var afterMediaDelete = 'afterMediaaDelete';
+export var afterMediaDelete = 'afterMediaDelete';
 /**
  * @hidden
 
@@ -575,7 +620,7 @@ export var beforeImageUpload = 'beforeImageUpload';
  * @hidden
 
  */
-export var beforeMediaUpload = 'beforeMediaUpload';
+export var beforeFileUpload = 'beforeFileUpload';
 /**
  * @hidden
 
@@ -629,6 +674,16 @@ export var showImageDialog = 'showImageDialog';
 /**
  * @hidden
 
+ */
+export var showAudioDialog = 'showAudioDialog';
+/**
+ * @hidden
+
+ */
+export var showVideoDialog = 'showVideoDialog';
+/**
+ * @hidden
+
  */
 export var closeImageDialog = 'closeImageDialog';
 /**
@@ -639,6 +694,11 @@ export var closeAudioDialog = 'closeAudioDialog';
 /**
  * @hidden
 
+ */
+export var closeVideoDialog = 'closeVideoDialog';
+/**
+ * @hidden
+
  */
 export var showTableDialog = 'showTableDialog';
 /**
@@ -660,4 +720,4 @@ export var blockEmptyNodes = "address:empty, article:empty, aside:empty, blockqu
  * @hidden
 
  */
-export var inlineEmptyNodes = "a:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,\n canvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,\n ins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,\n q: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,\n template:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty";
+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";