@syncfusion/ej2-richtexteditor 24.2.7 → 24.2.9
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/CHANGELOG.md +28 -0
- package/dist/ej2-richtexteditor.min.js +2 -2
- package/dist/ej2-richtexteditor.umd.min.js +2 -2
- package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
- package/dist/es6/ej2-richtexteditor.es2015.js +341 -157
- package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
- package/dist/es6/ej2-richtexteditor.es5.js +342 -156
- package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
- package/dist/global/ej2-richtexteditor.min.js +2 -2
- package/dist/global/ej2-richtexteditor.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +8 -8
- package/src/editor-manager/plugin/dom-node.js +3 -1
- package/src/editor-manager/plugin/format-painter-actions.d.ts +1 -0
- package/src/editor-manager/plugin/format-painter-actions.js +18 -0
- package/src/editor-manager/plugin/inserthtml.js +9 -1
- package/src/editor-manager/plugin/lists.js +79 -70
- package/src/editor-manager/plugin/ms-word-clean-up.d.ts +1 -0
- package/src/editor-manager/plugin/ms-word-clean-up.js +22 -1
- package/src/rich-text-editor/actions/base-quick-toolbar.js +5 -2
- package/src/rich-text-editor/actions/color-picker.d.ts +1 -0
- package/src/rich-text-editor/actions/color-picker.js +10 -0
- package/src/rich-text-editor/actions/emoji-picker.js +1 -1
- package/src/rich-text-editor/actions/enter-key.js +2 -2
- package/src/rich-text-editor/actions/html-editor.js +10 -5
- package/src/rich-text-editor/actions/quick-toolbar.js +1 -1
- package/src/rich-text-editor/actions/toolbar.js +3 -0
- package/src/rich-text-editor/base/constant.d.ts +5 -0
- package/src/rich-text-editor/base/constant.js +5 -0
- package/src/rich-text-editor/base/rich-text-editor.js +21 -5
- package/src/rich-text-editor/models/default-locale.js +1 -1
- package/src/rich-text-editor/renderer/dialog-renderer.js +5 -1
- package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
- package/src/rich-text-editor/renderer/image-module.js +28 -7
- package/src/rich-text-editor/renderer/table-module.d.ts +3 -1
- package/src/rich-text-editor/renderer/table-module.js +111 -50
- package/src/rich-text-editor/renderer/toolbar-renderer.js +13 -13
- package/styles/bootstrap-dark.css +32 -13
- package/styles/bootstrap.css +36 -20
- package/styles/bootstrap4.css +18 -3
- package/styles/bootstrap5-dark.css +22 -9
- package/styles/bootstrap5.css +22 -9
- package/styles/fabric-dark.css +18 -3
- package/styles/fabric.css +18 -3
- package/styles/fluent-dark.css +24 -3
- package/styles/fluent.css +24 -3
- package/styles/highcontrast-light.css +18 -3
- package/styles/highcontrast.css +21 -3
- package/styles/material-dark.css +22 -3
- package/styles/material.css +22 -3
- package/styles/material3-dark.css +19 -4
- package/styles/material3.css +19 -4
- package/styles/rich-text-editor/_bootstrap-dark-definition.scss +8 -8
- package/styles/rich-text-editor/_bootstrap-definition.scss +14 -14
- package/styles/rich-text-editor/_layout.scss +11 -0
- package/styles/rich-text-editor/_material3-definition.scss +1 -1
- package/styles/rich-text-editor/_theme.scss +47 -13
- package/styles/rich-text-editor/bootstrap-dark.css +32 -13
- package/styles/rich-text-editor/bootstrap.css +36 -20
- package/styles/rich-text-editor/bootstrap4.css +18 -3
- package/styles/rich-text-editor/bootstrap5-dark.css +22 -9
- package/styles/rich-text-editor/bootstrap5.css +22 -9
- package/styles/rich-text-editor/fabric-dark.css +18 -3
- package/styles/rich-text-editor/fabric.css +18 -3
- package/styles/rich-text-editor/fluent-dark.css +24 -3
- package/styles/rich-text-editor/fluent.css +24 -3
- package/styles/rich-text-editor/highcontrast-light.css +18 -3
- package/styles/rich-text-editor/highcontrast.css +21 -3
- package/styles/rich-text-editor/material-dark.css +22 -3
- package/styles/rich-text-editor/material.css +22 -3
- package/styles/rich-text-editor/material3-dark.css +19 -4
- package/styles/rich-text-editor/material3.css +19 -4
- package/styles/rich-text-editor/tailwind-dark.css +30 -3
- package/styles/rich-text-editor/tailwind.css +30 -3
- package/styles/tailwind-dark.css +30 -3
- package/styles/tailwind.css +30 -3
- package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -41
- package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -27
|
@@ -37,7 +37,11 @@ var DialogRenderer = /** @class */ (function () {
|
|
|
37
37
|
var dlgObj;
|
|
38
38
|
e.beforeOpen = this.beforeOpen.bind(this);
|
|
39
39
|
e.open = this.open.bind(this);
|
|
40
|
-
e.position = {
|
|
40
|
+
e.position = {
|
|
41
|
+
X: 'center',
|
|
42
|
+
Y: (e.target !== 'string' && e.target.nodeName === 'BODY' &&
|
|
43
|
+
!isNOU(e.position)) ? e.position.Y : this.getDialogPosition()
|
|
44
|
+
};
|
|
41
45
|
if (isNOU(e.close)) {
|
|
42
46
|
e.close = this.close.bind(this);
|
|
43
47
|
}
|
|
@@ -14,7 +14,7 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
14
14
|
import { ContentRender } from '../renderer/content-renderer';
|
|
15
15
|
import { isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
16
16
|
import { getEditValue } from '../base/util';
|
|
17
|
-
var IFRAMEHEADER = "\n<!DOCTYPE html> \n <html>\n <head>\n <meta charset='utf-8' /> \n <style>\n @charset \"UTF-8\";\n body {\n font-family: \"Roboto\", sans-serif;\n font-size: 14px;\n }\n html, body{height: 100%;margin: 0;}\n body.e-cursor{cursor:default}\n span.e-selected-node\t{background-color: #939393;color: white;}\n span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:\n block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-audio {border: 0;cursor: pointer;display:\n block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n .e-img-caption.e-caption-inline {display: inline-block;float: none;\n margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n position: relativetext-align: center;vertical-align: bottom;}\n .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}\n .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}\n .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}\n .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}\n .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n margin: auto;opacity: .9;text-align: center;width: 100%;}\n .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n span.e-rte-imageboxmark, span.e-rte-videoboxmark { width: 10px; height: 10px; position: absolute; display: block;\n background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n border-radius: 15px; height: 20px; width: 20px; }\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n .e-img-caption .e-img-inner { outline: 0; }\n .e-img-caption a:focus-visible { outline: none; }\n .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}\n body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n p{margin: 0 0 10px;margin-bottom: 10px;}\n li{margin-bottom: 10px;}\n h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n strong, b{font-weight: 700;}\n a{text-decoration: none;user-select: auto;}\n a:hover{text-decoration: underline;};\n p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n ul:last-child{margin-bottom: 0;}\n table { border-collapse: collapse; empty-cells: show;}\n table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n table th {background-color: #E0E0E0;}\n table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n table .e-cell-select {border: 1px double #4a90e2;}\n span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n span.e-table-box.e-rmob {height: 14px;width: 14px;}\n .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n .e-row-resize { cursor: row-resize; height: 1px;}\n .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n .e-table-rhelper.e-column-helper { width: 1px; }\n .e-table-rhelper.e-row-helper {height: 1px;}\n .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block; height: 0;\n position: absolute; right: 4px; top: 4px; width: 20px; }\n .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block;\n height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n .e-table-rhelper { background-color: #4a90e2;}\n .e-rtl { direction: rtl; }\n .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n </style>\n </head>";
|
|
17
|
+
var IFRAMEHEADER = "\n<!DOCTYPE html> \n <html>\n <head>\n <meta charset='utf-8' /> \n <style>\n @charset \"UTF-8\";\n body {\n font-family: \"Roboto\", sans-serif;\n font-size: 14px;\n }\n html, body{height: 100%;margin: 0;}\n body.e-cursor{cursor:default}\n span.e-selected-node\t{background-color: #939393;color: white;}\n span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:\n block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-audio {border: 0;cursor: pointer;display:\n block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;\n margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n .e-img-caption.e-caption-inline {display: inline-block;float: none;\n margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n position: relativetext-align: center;vertical-align: bottom;}\n .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}\n .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}\n .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}\n .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}\n .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n margin: auto;opacity: .9;text-align: center;width: 100%;}\n .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n span.e-rte-imageboxmark, span.e-rte-videoboxmark { width: 10px; height: 10px; position: absolute; display: block;\n background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n border-radius: 15px; height: 20px; width: 20px; }\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n .e-img-caption .e-img-inner { outline: 0; }\n .e-img-caption a:focus-visible { outline: none; }\n .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}\n body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n p{margin: 0 0 10px;margin-bottom: 10px;}\n li{margin-bottom: 10px;}\n h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n strong, b{font-weight: 700;}\n a{text-decoration: none;user-select: auto;}\n a:hover{text-decoration: underline;};\n p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n ul:last-child{margin-bottom: 0;}\n table { border-collapse: collapse; empty-cells: show;}\n table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n table th {background-color: #E0E0E0;}\n table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n table .e-cell-select {border: 1px double #4a90e2;}\n span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n span.e-table-box.e-rmob {height: 14px;width: 14px;}\n .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n .e-row-resize { cursor: row-resize; height: 1px;}\n .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n .e-table-rhelper.e-column-helper { width: 1px; }\n .e-table-rhelper.e-row-helper {height: 1px;}\n .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block; height: 0;\n position: absolute; right: 4px; top: 4px; width: 20px; }\n .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block;\n height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n .e-table-rhelper { background-color: #4a90e2;}\n .e-rtl { direction: rtl; }\n .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n </style>\n </head>";
|
|
18
18
|
/**
|
|
19
19
|
* Content module is used to render Rich Text Editor content
|
|
20
20
|
*
|
|
@@ -234,6 +234,7 @@ var Image = /** @class */ (function () {
|
|
|
234
234
|
}
|
|
235
235
|
});
|
|
236
236
|
}
|
|
237
|
+
EventHandler.add(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing, this);
|
|
237
238
|
EventHandler.add(this.contentModule.getDocument(), Browser.touchEndEvent, this.resizeEnd, this);
|
|
238
239
|
}
|
|
239
240
|
};
|
|
@@ -285,7 +286,6 @@ var Image = /** @class */ (function () {
|
|
|
285
286
|
this.imgResizePos(e, this.imgResizeDiv);
|
|
286
287
|
this.resizeImgDupPos(e);
|
|
287
288
|
this.contentModule.getEditPanel().appendChild(this.imgResizeDiv);
|
|
288
|
-
EventHandler.add(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing, this);
|
|
289
289
|
};
|
|
290
290
|
Image.prototype.getPointX = function (e) {
|
|
291
291
|
if (e.touches && e.touches.length) {
|
|
@@ -644,7 +644,9 @@ var Image = /** @class */ (function () {
|
|
|
644
644
|
}
|
|
645
645
|
}
|
|
646
646
|
if (originalEvent.ctrlKey && (originalEvent.keyCode === 89 || originalEvent.keyCode === 90)) {
|
|
647
|
-
|
|
647
|
+
if (this.parent.editorMode !== 'Markdown') {
|
|
648
|
+
this.undoStack({ subCommand: (originalEvent.keyCode === 90 ? 'undo' : 'redo') });
|
|
649
|
+
}
|
|
648
650
|
}
|
|
649
651
|
if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
|
|
650
652
|
if (selectNodeEle && selectNodeEle[0].nodeName === 'IMG' && selectNodeEle.length < 1) {
|
|
@@ -1169,7 +1171,29 @@ var Image = /** @class */ (function () {
|
|
|
1169
1171
|
if (this.parent.formatter.getUndoRedoStack().length === 0) {
|
|
1170
1172
|
this.parent.formatter.saveData();
|
|
1171
1173
|
}
|
|
1172
|
-
e.selection.
|
|
1174
|
+
var restoreStartElement = e.selection.range.startContainer;
|
|
1175
|
+
if (e.selection.range.startContainer.nodeName === 'SPAN' &&
|
|
1176
|
+
restoreStartElement.classList.contains('e-img-wrap') &&
|
|
1177
|
+
restoreStartElement.parentElement.classList.contains('e-img-caption')) {
|
|
1178
|
+
restoreStartElement = restoreStartElement.parentElement;
|
|
1179
|
+
if (!isNOU(restoreStartElement.previousSibling)) {
|
|
1180
|
+
var lastNode = restoreStartElement.previousSibling;
|
|
1181
|
+
while (lastNode.nodeName !== '#text' && lastNode.nodeName !== 'BR') {
|
|
1182
|
+
lastNode = lastNode.lastChild;
|
|
1183
|
+
}
|
|
1184
|
+
this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), lastNode, lastNode.nodeName !== 'BR' ? lastNode.textContent.length : 0);
|
|
1185
|
+
}
|
|
1186
|
+
else if (!isNOU(restoreStartElement.nextSibling)) {
|
|
1187
|
+
var firstNode = restoreStartElement.nextSibling;
|
|
1188
|
+
while (firstNode.nodeName !== '#text' && firstNode.nodeName !== 'BR') {
|
|
1189
|
+
firstNode = firstNode.firstChild;
|
|
1190
|
+
}
|
|
1191
|
+
this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), firstNode, 0);
|
|
1192
|
+
}
|
|
1193
|
+
}
|
|
1194
|
+
else {
|
|
1195
|
+
e.selection.restore();
|
|
1196
|
+
}
|
|
1173
1197
|
if (this.contentModule.getEditPanel().querySelector('.e-img-resize')) {
|
|
1174
1198
|
this.removeResizeEle();
|
|
1175
1199
|
}
|
|
@@ -1383,7 +1407,7 @@ var Image = /** @class */ (function () {
|
|
|
1383
1407
|
animationSettings: { effect: 'None' },
|
|
1384
1408
|
close: function (event) {
|
|
1385
1409
|
if (_this.isImgUploaded) {
|
|
1386
|
-
_this.uploadObj.
|
|
1410
|
+
_this.uploadObj.remove();
|
|
1387
1411
|
}
|
|
1388
1412
|
_this.parent.isBlur = false;
|
|
1389
1413
|
if (event && event.event.returnValue) {
|
|
@@ -1451,9 +1475,6 @@ var Image = /** @class */ (function () {
|
|
|
1451
1475
|
Image.prototype.cancelDialog = function (e) {
|
|
1452
1476
|
this.parent.isBlur = false;
|
|
1453
1477
|
this.dialogObj.hide({ returnValue: true });
|
|
1454
|
-
if (this.isImgUploaded) {
|
|
1455
|
-
this.uploadObj.removing();
|
|
1456
|
-
}
|
|
1457
1478
|
};
|
|
1458
1479
|
Image.prototype.onDocumentClick = function (e) {
|
|
1459
1480
|
var target = e.target;
|
|
@@ -33,7 +33,6 @@ export declare class Table {
|
|
|
33
33
|
private helper;
|
|
34
34
|
private dialogRenderObj;
|
|
35
35
|
private currentColumnResize;
|
|
36
|
-
private currentMarginLeft;
|
|
37
36
|
private previousTableElement;
|
|
38
37
|
private constructor();
|
|
39
38
|
protected addEventListener(): void;
|
|
@@ -83,11 +82,13 @@ export declare class Table {
|
|
|
83
82
|
private updateHelper;
|
|
84
83
|
private calMaxCol;
|
|
85
84
|
private resizing;
|
|
85
|
+
private getCurrentColWidth;
|
|
86
86
|
private getCurrentTableWidth;
|
|
87
87
|
private findFirstLastColCells;
|
|
88
88
|
private convertPixelToPercentage;
|
|
89
89
|
private cancelResizeAction;
|
|
90
90
|
private resizeEnd;
|
|
91
|
+
private resetResizeHelper;
|
|
91
92
|
private resizeBtnInit;
|
|
92
93
|
private addRow;
|
|
93
94
|
private addColumn;
|
|
@@ -123,4 +124,5 @@ export declare class Table {
|
|
|
123
124
|
*/
|
|
124
125
|
private getModuleName;
|
|
125
126
|
private afterKeyDown;
|
|
127
|
+
private updateResizeIconPosition;
|
|
126
128
|
}
|
|
@@ -17,7 +17,6 @@ var Table = /** @class */ (function () {
|
|
|
17
17
|
this.pageY = null;
|
|
18
18
|
this.moveEle = null;
|
|
19
19
|
this.currentColumnResize = '';
|
|
20
|
-
this.currentMarginLeft = 0;
|
|
21
20
|
this.parent = parent;
|
|
22
21
|
this.rteID = parent.element.id;
|
|
23
22
|
this.l10n = serviceLocator.getService('rteLocale');
|
|
@@ -633,7 +632,7 @@ var Table = /** @class */ (function () {
|
|
|
633
632
|
};
|
|
634
633
|
Table.prototype.tableResizeEleCreation = function (table, e) {
|
|
635
634
|
this.parent.preventDefaultResize(e);
|
|
636
|
-
var columns =
|
|
635
|
+
var columns = this.calMaxCol(this.curTable);
|
|
637
636
|
var rows = [];
|
|
638
637
|
for (var i = 0; i < table.rows.length; i++) {
|
|
639
638
|
for (var j = 0; j < table.rows[i].cells.length; j++) {
|
|
@@ -765,6 +764,7 @@ var Table = /** @class */ (function () {
|
|
|
765
764
|
if (target.classList.contains(classes.CLS_TB_COL_RES) ||
|
|
766
765
|
target.classList.contains(classes.CLS_TB_ROW_RES) ||
|
|
767
766
|
target.classList.contains(classes.CLS_TB_BOX_RES)) {
|
|
767
|
+
this.resetResizeHelper(this.curTable);
|
|
768
768
|
e.preventDefault();
|
|
769
769
|
this.parent.preventDefaultResize(e);
|
|
770
770
|
removeClass(this.curTable.querySelectorAll('td,th'), classes.CLS_TABLE_SEL);
|
|
@@ -775,9 +775,10 @@ var Table = /** @class */ (function () {
|
|
|
775
775
|
this.hideTableQuickToolbar();
|
|
776
776
|
if (target.classList.contains(classes.CLS_TB_COL_RES)) {
|
|
777
777
|
this.resizeBtnStat.column = true;
|
|
778
|
-
if (parseInt(target.getAttribute('data-col'), 10) === this.
|
|
778
|
+
if (parseInt(target.getAttribute('data-col'), 10) === this.calMaxCol(this.curTable).length) {
|
|
779
779
|
this.currentColumnResize = 'last';
|
|
780
|
-
this.
|
|
780
|
+
this.colIndex = parseInt(target.getAttribute('data-col'), 10) - 1;
|
|
781
|
+
this.columnEle = this.calMaxCol(this.curTable)[this.colIndex];
|
|
781
782
|
}
|
|
782
783
|
else {
|
|
783
784
|
if (parseInt(target.getAttribute('data-col'), 10) === 0) {
|
|
@@ -824,9 +825,9 @@ var Table = /** @class */ (function () {
|
|
|
824
825
|
}
|
|
825
826
|
}
|
|
826
827
|
}
|
|
827
|
-
this.
|
|
828
|
+
this.colIndex = parseInt(target.getAttribute('data-col'), 10);
|
|
829
|
+
this.columnEle = this.calMaxCol(this.curTable)[this.colIndex];
|
|
828
830
|
}
|
|
829
|
-
this.colIndex = this.columnEle.cellIndex;
|
|
830
831
|
this.moveEle = e.target;
|
|
831
832
|
this.appendHelper();
|
|
832
833
|
}
|
|
@@ -915,16 +916,33 @@ var Table = /** @class */ (function () {
|
|
|
915
916
|
this.helper.style.top = top_1 + 'px';
|
|
916
917
|
}
|
|
917
918
|
};
|
|
918
|
-
Table.prototype.calMaxCol = function (
|
|
919
|
-
var
|
|
920
|
-
var
|
|
921
|
-
for (var
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
919
|
+
Table.prototype.calMaxCol = function (curTable) {
|
|
920
|
+
var cellColl = curTable.rows[0].cells;
|
|
921
|
+
var cellCount = 0;
|
|
922
|
+
for (var cell = 0; cell < cellColl.length; cell++) {
|
|
923
|
+
cellCount = cellCount + cellColl[cell].colSpan;
|
|
924
|
+
}
|
|
925
|
+
var cells = new Array(cellCount);
|
|
926
|
+
var rowSpanCells = new Map();
|
|
927
|
+
for (var i = 0; i < curTable.rows.length; i++) {
|
|
928
|
+
var currentColIndex = 0;
|
|
929
|
+
for (var k = 0; k < curTable.rows[i].cells.length; k++) {
|
|
930
|
+
for (var l = 1; l < curTable.rows[i].cells[k].rowSpan; l++) {
|
|
931
|
+
var key = "" + (i + l) + currentColIndex;
|
|
932
|
+
rowSpanCells.set(key, curTable.rows[i].cells[k]);
|
|
933
|
+
}
|
|
934
|
+
var cellIndex = this.getCellIndex(rowSpanCells, i, k);
|
|
935
|
+
if (cellIndex > currentColIndex) {
|
|
936
|
+
currentColIndex = cellIndex;
|
|
937
|
+
}
|
|
938
|
+
var width = curTable.rows[i].cells[k].offsetWidth;
|
|
939
|
+
if (!cells[currentColIndex] || width < cells[currentColIndex].offsetWidth) {
|
|
940
|
+
cells[currentColIndex] = curTable.rows[i].cells[k];
|
|
941
|
+
}
|
|
942
|
+
currentColIndex += 1 + curTable.rows[i].cells[k].colSpan - 1;
|
|
925
943
|
}
|
|
926
944
|
}
|
|
927
|
-
return
|
|
945
|
+
return cells;
|
|
928
946
|
};
|
|
929
947
|
Table.prototype.resizing = function (e) {
|
|
930
948
|
var _this = this;
|
|
@@ -962,7 +980,6 @@ var Table = /** @class */ (function () {
|
|
|
962
980
|
}
|
|
963
981
|
if (_this.resizeBtnStat.column) {
|
|
964
982
|
var colGroup = _this.curTable.querySelectorAll('colgroup > col');
|
|
965
|
-
var cellRow = _this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
|
|
966
983
|
var currentTableWidth = void 0;
|
|
967
984
|
if (_this.curTable.style.width !== '' && _this.curTable.style.width.includes('%')) {
|
|
968
985
|
currentTableWidth = parseFloat(_this.curTable.style.width.split('%')[0]);
|
|
@@ -970,7 +987,8 @@ var Table = /** @class */ (function () {
|
|
|
970
987
|
else {
|
|
971
988
|
currentTableWidth = _this.getCurrentTableWidth(_this.curTable.offsetWidth, _this.parent.inputElement.offsetWidth);
|
|
972
989
|
}
|
|
973
|
-
var
|
|
990
|
+
var currentCol = _this.calMaxCol(_this.curTable)[_this.colIndex];
|
|
991
|
+
var currentColResizableWidth = _this.getCurrentColWidth(currentCol, tableWidth);
|
|
974
992
|
if (_this.currentColumnResize === 'first') {
|
|
975
993
|
mouseX = mouseX - 0.75; //This was done for to make the gripper and the table first/last column will be close.
|
|
976
994
|
_this.removeResizeElement();
|
|
@@ -979,16 +997,25 @@ var Table = /** @class */ (function () {
|
|
|
979
997
|
_this.curTable.style.maxWidth = maxiumWidth + 'px';
|
|
980
998
|
}
|
|
981
999
|
// Below the value '100' is the 100% width of the parent element.
|
|
982
|
-
if (((mouseX !== 0 && 5 <
|
|
1000
|
+
if (((mouseX !== 0 && 5 < currentColResizableWidth) || mouseX < 0) && currentTableWidth <= 100 &&
|
|
983
1001
|
_this.convertPixelToPercentage(tableWidth - mouseX, widthCompare) <= 100) {
|
|
984
1002
|
var firstColumnsCell = _this.findFirstLastColCells(_this.curTable, true);
|
|
985
1003
|
_this.curTable.style.width = _this.convertPixelToPercentage(tableWidth - mouseX, widthCompare) > 100 ? (100 + '%') :
|
|
986
1004
|
(_this.convertPixelToPercentage(tableWidth - mouseX, widthCompare) + '%');
|
|
987
1005
|
var differenceWidth = currentTableWidth - _this.convertPixelToPercentage(tableWidth - mouseX, widthCompare);
|
|
988
|
-
|
|
989
|
-
_this.curTable.style.marginLeft
|
|
1006
|
+
var preMarginLeft = 0;
|
|
1007
|
+
if (!isNullOrUndefined(_this.curTable.style.marginLeft) && _this.curTable.style.marginLeft !== '') {
|
|
1008
|
+
var regex = /[-+]?\d*\.\d+|\d+/;
|
|
1009
|
+
var value = _this.curTable.style.marginLeft.match(regex);
|
|
1010
|
+
if (!isNullOrUndefined(value)) {
|
|
1011
|
+
preMarginLeft = parseFloat(value[0]);
|
|
1012
|
+
}
|
|
1013
|
+
}
|
|
1014
|
+
var currentMarginLeft = preMarginLeft + differenceWidth;
|
|
1015
|
+
_this.curTable.style.marginLeft = 'calc(' + (_this.curTable.style.width === '100%' ? 0 : currentMarginLeft) + '%)';
|
|
990
1016
|
for (var i = 0; i < firstColumnsCell.length; i++) {
|
|
991
|
-
_this.
|
|
1017
|
+
var currentColumnCellWidth = _this.getCurrentColWidth(firstColumnsCell[i], tableWidth);
|
|
1018
|
+
firstColumnsCell[i].style.width = (currentColumnCellWidth - differenceWidth) + '%';
|
|
992
1019
|
}
|
|
993
1020
|
}
|
|
994
1021
|
}
|
|
@@ -1000,16 +1027,14 @@ var Table = /** @class */ (function () {
|
|
|
1000
1027
|
_this.curTable.style.maxWidth = maxiumWidth + 'px';
|
|
1001
1028
|
}
|
|
1002
1029
|
// Below the value '100' is the 100% width of the parent element.
|
|
1003
|
-
if (((mouseX !== 0 && 5 <
|
|
1030
|
+
if (((mouseX !== 0 && 5 < currentColResizableWidth) || mouseX > 0) &&
|
|
1004
1031
|
currentTableWidth <= 100 && _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) <= 100) {
|
|
1005
1032
|
var lastColumnsCell = _this.findFirstLastColCells(_this.curTable, false);
|
|
1006
1033
|
_this.curTable.style.width = _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) > 100 ? (100 + '%') : (_this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%');
|
|
1007
1034
|
var differenceWidth = currentTableWidth - _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare);
|
|
1008
1035
|
for (var i = 0; i < lastColumnsCell.length; i++) {
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
_this.colIndex - 1 : _this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
|
|
1012
|
-
}
|
|
1036
|
+
var currentColumnCellWidth = _this.getCurrentColWidth(lastColumnsCell[i], tableWidth);
|
|
1037
|
+
lastColumnsCell[i].style.width = (currentColumnCellWidth - differenceWidth) + '%';
|
|
1013
1038
|
}
|
|
1014
1039
|
}
|
|
1015
1040
|
}
|
|
@@ -1035,7 +1060,7 @@ var Table = /** @class */ (function () {
|
|
|
1035
1060
|
tableTrElementPixel[i] = (parseFloat(currentTableTrElement[i].clientHeight.toString()));
|
|
1036
1061
|
}
|
|
1037
1062
|
}
|
|
1038
|
-
_this.curTable.style.height = (parseFloat(_this.curTable.clientHeight.toString()) + mouseY) + 'px';
|
|
1063
|
+
_this.curTable.style.height = (parseFloat(_this.curTable.clientHeight.toString()) + ((mouseY > 0) ? 0 : mouseY)) + 'px';
|
|
1039
1064
|
for (var i = 0; i < currentTableTrElement.length; i++) {
|
|
1040
1065
|
if (_this.rowEle === currentTableTrElement[i]) {
|
|
1041
1066
|
currentTableTrElement[i].style.height = (parseFloat(currentTableTrElement[i].clientHeight.toString()) + mouseY) + 'px';
|
|
@@ -1070,6 +1095,16 @@ var Table = /** @class */ (function () {
|
|
|
1070
1095
|
}
|
|
1071
1096
|
});
|
|
1072
1097
|
};
|
|
1098
|
+
Table.prototype.getCurrentColWidth = function (col, tableWidth) {
|
|
1099
|
+
var currentColWidth = 0;
|
|
1100
|
+
if (col.style.width !== '' && col.style.width.includes('%')) {
|
|
1101
|
+
currentColWidth = parseFloat(col.style.width.split('%')[0]);
|
|
1102
|
+
}
|
|
1103
|
+
else {
|
|
1104
|
+
currentColWidth = this.convertPixelToPercentage(col.offsetWidth, tableWidth);
|
|
1105
|
+
}
|
|
1106
|
+
return currentColWidth;
|
|
1107
|
+
};
|
|
1073
1108
|
Table.prototype.getCurrentTableWidth = function (tableWidth, parentWidth) {
|
|
1074
1109
|
var currentTableWidth = 0;
|
|
1075
1110
|
currentTableWidth = tableWidth / parentWidth * 100;
|
|
@@ -1077,12 +1112,22 @@ var Table = /** @class */ (function () {
|
|
|
1077
1112
|
};
|
|
1078
1113
|
Table.prototype.findFirstLastColCells = function (table, isFirst) {
|
|
1079
1114
|
var resultColumns = [];
|
|
1080
|
-
var rows = table.
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1115
|
+
var rows = table.rows;
|
|
1116
|
+
var rowSpanCellIndexs = new Array();
|
|
1117
|
+
var _loop_1 = function (i) {
|
|
1118
|
+
var cellIndex = isFirst ? 0 : rows[i].cells.length - 1;
|
|
1119
|
+
var column = rows[i].cells[cellIndex];
|
|
1120
|
+
for (var rowSpan = 1; rowSpan < column.rowSpan; rowSpan++) {
|
|
1121
|
+
var key = i + rowSpan + "-" + cellIndex;
|
|
1122
|
+
rowSpanCellIndexs.push(key);
|
|
1085
1123
|
}
|
|
1124
|
+
var spannedCellKey = i + "-" + cellIndex;
|
|
1125
|
+
if (rowSpanCellIndexs.length === 0 || (isFirst && rowSpanCellIndexs.indexOf(spannedCellKey) === -1) || (!isFirst && rowSpanCellIndexs.indexOf(spannedCellKey) === -1 && rowSpanCellIndexs.every(function (key) { return key.split('-')[0] !== i.toString(); }))) {
|
|
1126
|
+
resultColumns.push(column);
|
|
1127
|
+
}
|
|
1128
|
+
};
|
|
1129
|
+
for (var i = 0; i < rows.length; i++) {
|
|
1130
|
+
_loop_1(i);
|
|
1086
1131
|
}
|
|
1087
1132
|
return resultColumns;
|
|
1088
1133
|
};
|
|
@@ -1106,22 +1151,7 @@ var Table = /** @class */ (function () {
|
|
|
1106
1151
|
detach(this.helper);
|
|
1107
1152
|
this.helper = null;
|
|
1108
1153
|
}
|
|
1109
|
-
|
|
1110
|
-
Array.from(colHelper).forEach(function (element) {
|
|
1111
|
-
if (element.parentNode) {
|
|
1112
|
-
element.parentNode.removeChild(element);
|
|
1113
|
-
}
|
|
1114
|
-
});
|
|
1115
|
-
for (var i = 0; i < this.curTable.rows.length; i++) {
|
|
1116
|
-
for (var k = 0; k < this.curTable.rows[i].cells.length; k++) {
|
|
1117
|
-
var width = this.convertPixelToPercentage(this.curTable.rows[i].cells[k].offsetWidth, parseInt(getComputedStyle(this.curTable).width, 10)) + '%';
|
|
1118
|
-
this.curTable.rows[i].cells[k].style.width = width;
|
|
1119
|
-
}
|
|
1120
|
-
}
|
|
1121
|
-
var colGroup = this.curTable.querySelector('colgroup');
|
|
1122
|
-
if (colGroup) {
|
|
1123
|
-
this.curTable.removeChild(colGroup);
|
|
1124
|
-
}
|
|
1154
|
+
this.resetResizeHelper(this.curTable);
|
|
1125
1155
|
this.pageX = null;
|
|
1126
1156
|
this.pageY = null;
|
|
1127
1157
|
this.moveEle = null;
|
|
@@ -1138,6 +1168,30 @@ var Table = /** @class */ (function () {
|
|
|
1138
1168
|
this.parent.trigger(events.resizeStop, args);
|
|
1139
1169
|
this.parent.formatter.saveData();
|
|
1140
1170
|
};
|
|
1171
|
+
Table.prototype.resetResizeHelper = function (curTable) {
|
|
1172
|
+
var colHelper = this.parent.element.querySelectorAll('.e-table-rhelper.e-column-helper');
|
|
1173
|
+
Array.from(colHelper).forEach(function (element) {
|
|
1174
|
+
if (element.parentNode) {
|
|
1175
|
+
element.parentNode.removeChild(element);
|
|
1176
|
+
}
|
|
1177
|
+
});
|
|
1178
|
+
var rowHelper = this.parent.element.querySelectorAll('.e-table-rhelper.e-row-helper');
|
|
1179
|
+
Array.from(rowHelper).forEach(function (element) {
|
|
1180
|
+
if (element.parentNode) {
|
|
1181
|
+
element.parentNode.removeChild(element);
|
|
1182
|
+
}
|
|
1183
|
+
});
|
|
1184
|
+
var colGroup = curTable.querySelector('colgroup');
|
|
1185
|
+
if (colGroup) {
|
|
1186
|
+
for (var i = 0; i < curTable.rows.length; i++) {
|
|
1187
|
+
for (var k = 0; k < curTable.rows[i].cells.length; k++) {
|
|
1188
|
+
var width = this.convertPixelToPercentage(curTable.rows[i].cells[k].offsetWidth, parseInt(getComputedStyle(curTable).width, 10)) + '%';
|
|
1189
|
+
curTable.rows[i].cells[k].style.width = width;
|
|
1190
|
+
}
|
|
1191
|
+
}
|
|
1192
|
+
curTable.removeChild(colGroup);
|
|
1193
|
+
}
|
|
1194
|
+
};
|
|
1141
1195
|
Table.prototype.resizeBtnInit = function () {
|
|
1142
1196
|
return this.resizeBtnStat = { column: false, row: false, tableBox: false };
|
|
1143
1197
|
};
|
|
@@ -1247,6 +1301,7 @@ var Table = /** @class */ (function () {
|
|
|
1247
1301
|
if (!isNOU(this.parent.cssClass)) {
|
|
1248
1302
|
addClass([this.popupObj.element], this.parent.getCssClass());
|
|
1249
1303
|
}
|
|
1304
|
+
btnEle.focus();
|
|
1250
1305
|
this.popupObj.refreshPosition(target);
|
|
1251
1306
|
};
|
|
1252
1307
|
Table.prototype.onIframeMouseDown = function () {
|
|
@@ -1579,12 +1634,18 @@ var Table = /** @class */ (function () {
|
|
|
1579
1634
|
var _this = this;
|
|
1580
1635
|
if (this.curTable) {
|
|
1581
1636
|
setTimeout(function () {
|
|
1582
|
-
|
|
1583
|
-
mouseOverEvent.initEvent('mouseover', true, true);
|
|
1584
|
-
_this.curTable.dispatchEvent(mouseOverEvent);
|
|
1637
|
+
_this.updateResizeIconPosition();
|
|
1585
1638
|
}, 1);
|
|
1586
1639
|
}
|
|
1587
1640
|
};
|
|
1641
|
+
Table.prototype.updateResizeIconPosition = function () {
|
|
1642
|
+
var tableReBox = this.parent.contentModule.getEditPanel().querySelector('.e-table-box');
|
|
1643
|
+
if (!isNOU(tableReBox)) {
|
|
1644
|
+
var tablePosition = this.calcPos(this.curTable);
|
|
1645
|
+
tableReBox.style.cssText = 'top: ' + (tablePosition.top + parseInt(getComputedStyle(this.curTable).height, 10) - 4) +
|
|
1646
|
+
'px; left:' + (tablePosition.left + parseInt(getComputedStyle(this.curTable).width, 10) - 4) + 'px;';
|
|
1647
|
+
}
|
|
1648
|
+
};
|
|
1588
1649
|
return Table;
|
|
1589
1650
|
}());
|
|
1590
1651
|
export { Table };
|
|
@@ -108,6 +108,19 @@ var ToolbarRenderer = /** @class */ (function () {
|
|
|
108
108
|
addClass([listEle[1], listEle[2]], 'e-disabled');
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
|
+
if (this.parent.showTooltip) {
|
|
112
|
+
this.dropdownTooltip = new Tooltip({
|
|
113
|
+
target: '[aria-owns="' + this.parent.getID() + '"].e-rte-elements [title]',
|
|
114
|
+
showTipPointer: true,
|
|
115
|
+
openDelay: 400,
|
|
116
|
+
opensOn: 'Hover',
|
|
117
|
+
beforeRender: this.tooltipBeforeRender.bind(this),
|
|
118
|
+
cssClass: this.parent.getCssClass(),
|
|
119
|
+
windowCollision: true,
|
|
120
|
+
position: 'BottomCenter'
|
|
121
|
+
});
|
|
122
|
+
this.dropdownTooltip.appendTo(args.element);
|
|
123
|
+
}
|
|
111
124
|
this.parent.notify(events.selectionSave, args);
|
|
112
125
|
};
|
|
113
126
|
ToolbarRenderer.prototype.dropDownClose = function (args) {
|
|
@@ -152,19 +165,6 @@ var ToolbarRenderer = /** @class */ (function () {
|
|
|
152
165
|
});
|
|
153
166
|
this.tooltip.appendTo(args.target);
|
|
154
167
|
}
|
|
155
|
-
if (this.parent.showTooltip) {
|
|
156
|
-
this.dropdownTooltip = new Tooltip({
|
|
157
|
-
target: '[aria-owns="' + this.parent.getID() + '"].e-rte-elements [title]',
|
|
158
|
-
showTipPointer: true,
|
|
159
|
-
openDelay: 400,
|
|
160
|
-
opensOn: 'Hover',
|
|
161
|
-
beforeRender: this.tooltipBeforeRender.bind(this),
|
|
162
|
-
cssClass: this.parent.getCssClass(),
|
|
163
|
-
windowCollision: true,
|
|
164
|
-
position: 'BottomCenter'
|
|
165
|
-
});
|
|
166
|
-
this.dropdownTooltip.appendTo(document.body);
|
|
167
|
-
}
|
|
168
168
|
};
|
|
169
169
|
/**
|
|
170
170
|
* renderDropDownButton method
|
|
@@ -451,8 +451,8 @@
|
|
|
451
451
|
.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:hover,
|
|
452
452
|
.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:focus,
|
|
453
453
|
.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:active {
|
|
454
|
-
padding-left:
|
|
455
|
-
padding-right:
|
|
454
|
+
padding-left: 12px;
|
|
455
|
+
padding-right: 7px;
|
|
456
456
|
}
|
|
457
457
|
.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
|
|
458
458
|
.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
|
|
463
463
|
.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
|
|
464
464
|
.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
|
|
465
|
-
padding: 0
|
|
465
|
+
padding: 0 7px;
|
|
466
466
|
}
|
|
467
467
|
.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
|
|
468
468
|
.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content,
|
|
@@ -698,8 +698,8 @@
|
|
|
698
698
|
.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:hover,
|
|
699
699
|
.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:focus,
|
|
700
700
|
.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:active {
|
|
701
|
-
padding-left:
|
|
702
|
-
padding-right:
|
|
701
|
+
padding-left: 9px;
|
|
702
|
+
padding-right: 3.5px;
|
|
703
703
|
}
|
|
704
704
|
.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
|
|
705
705
|
.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
|
|
@@ -744,7 +744,7 @@
|
|
|
744
744
|
.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
|
|
745
745
|
.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
|
|
746
746
|
.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
|
|
747
|
-
padding: 0
|
|
747
|
+
padding: 0 2.5px;
|
|
748
748
|
}
|
|
749
749
|
.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
|
|
750
750
|
.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content,
|
|
@@ -1776,6 +1776,14 @@
|
|
|
1776
1776
|
.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
|
|
1777
1777
|
min-height: 48px;
|
|
1778
1778
|
}
|
|
1779
|
+
.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
|
|
1780
|
+
.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
|
|
1781
|
+
height: 30px;
|
|
1782
|
+
}
|
|
1783
|
+
.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
|
|
1784
|
+
.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
|
|
1785
|
+
height: 30px;
|
|
1786
|
+
}
|
|
1779
1787
|
.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
|
|
1780
1788
|
margin: 0 6px;
|
|
1781
1789
|
min-height: 48px;
|
|
@@ -1977,8 +1985,8 @@
|
|
|
1977
1985
|
.e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active,
|
|
1978
1986
|
.e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active,
|
|
1979
1987
|
.e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover {
|
|
1980
|
-
padding-left:
|
|
1981
|
-
padding-right:
|
|
1988
|
+
padding-left: 1px;
|
|
1989
|
+
padding-right: 1px;
|
|
1982
1990
|
}
|
|
1983
1991
|
.e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content,
|
|
1984
1992
|
.e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content,
|
|
@@ -2233,8 +2241,8 @@
|
|
|
2233
2241
|
.e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover,
|
|
2234
2242
|
.e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:focus,
|
|
2235
2243
|
.e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active {
|
|
2236
|
-
padding-left:
|
|
2237
|
-
padding-right:
|
|
2244
|
+
padding-left: 1px;
|
|
2245
|
+
padding-right: 1px;
|
|
2238
2246
|
}
|
|
2239
2247
|
.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content .e-order-list, .e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-order-list,
|
|
2240
2248
|
.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content .e-unorder-list, .e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-unorder-list,
|
|
@@ -2723,9 +2731,6 @@
|
|
|
2723
2731
|
.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
|
|
2724
2732
|
color: #f0f0f0;
|
|
2725
2733
|
}
|
|
2726
|
-
.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
|
|
2727
|
-
color: #f0f0f0;
|
|
2728
|
-
}
|
|
2729
2734
|
.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
|
|
2730
2735
|
color: #f0f0f0;
|
|
2731
2736
|
}
|
|
@@ -2908,6 +2913,20 @@
|
|
|
2908
2913
|
.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
|
|
2909
2914
|
background: #313131;
|
|
2910
2915
|
}
|
|
2916
|
+
.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
|
|
2917
|
+
padding-top: 1px;
|
|
2918
|
+
padding-top: 5px;
|
|
2919
|
+
height: 30px;
|
|
2920
|
+
}
|
|
2921
|
+
.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
|
|
2922
|
+
background: #313131;
|
|
2923
|
+
}
|
|
2924
|
+
.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
|
|
2925
|
+
background: #313131;
|
|
2926
|
+
}
|
|
2927
|
+
.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
|
|
2928
|
+
background: #131313;
|
|
2929
|
+
}
|
|
2911
2930
|
.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
|
|
2912
2931
|
border: 0.5px solid rgba(26, 26, 26, 0.05);
|
|
2913
2932
|
}
|