@progress/kendo-angular-editor 3.1.0-dev.202202171216 → 3.1.1
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/dist/cdn/js/kendo-angular-editor.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/common/styles.js +2 -2
- package/dist/es/editor.component.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es2015/common/styles.d.ts +2 -2
- package/dist/es2015/common/styles.js +181 -167
- package/dist/es2015/editor.component.js +1 -0
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/fesm2015/index.js +183 -168
- package/dist/fesm5/index.js +4 -3
- package/dist/npm/common/styles.js +2 -2
- package/dist/npm/editor.component.js +1 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-angular-editor.js +1 -1
- package/package.json +1 -1
package/dist/fesm2015/index.js
CHANGED
|
@@ -27,7 +27,7 @@ const packageMetadata = {
|
|
|
27
27
|
name: '@progress/kendo-angular-editor',
|
|
28
28
|
productName: 'Kendo UI for Angular',
|
|
29
29
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
30
|
-
publishDate:
|
|
30
|
+
publishDate: 1645783118,
|
|
31
31
|
version: '',
|
|
32
32
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
33
33
|
};
|
|
@@ -930,236 +930,250 @@ FileLinkDialogComponent = __decorate([
|
|
|
930
930
|
* @hidden
|
|
931
931
|
*/
|
|
932
932
|
const defaultStyle = `
|
|
933
|
-
html, body {
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
}
|
|
933
|
+
html, body {
|
|
934
|
+
margin: 0;
|
|
935
|
+
height: 100%;
|
|
936
|
+
padding: 0;
|
|
937
|
+
}
|
|
938
938
|
|
|
939
|
-
html {
|
|
940
|
-
|
|
941
|
-
}
|
|
939
|
+
html {
|
|
940
|
+
min-height: 100%;
|
|
941
|
+
}
|
|
942
942
|
|
|
943
|
-
body {
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
943
|
+
body {
|
|
944
|
+
box-sizing: border-box;
|
|
945
|
+
position: relative;
|
|
946
|
+
word-wrap: break-word;
|
|
947
|
+
padding: 8px;
|
|
948
|
+
}
|
|
948
949
|
|
|
949
|
-
.
|
|
950
|
-
|
|
951
|
-
|
|
950
|
+
body > .k-content {
|
|
951
|
+
outline: 0;
|
|
952
|
+
height: 100%;
|
|
953
|
+
white-space: pre-wrap;
|
|
954
|
+
}
|
|
952
955
|
|
|
953
|
-
div.ProseMirror {
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
}
|
|
956
|
+
div.ProseMirror {
|
|
957
|
+
position: relative;
|
|
958
|
+
word-wrap: break-word;
|
|
959
|
+
white-space: pre-wrap;
|
|
960
|
+
white-space: break-spaces;
|
|
961
|
+
-webkit-font-variant-ligatures: none;
|
|
962
|
+
font-variant-ligatures: none;
|
|
963
|
+
font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
|
|
964
|
+
}
|
|
962
965
|
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
}
|
|
966
|
+
.ProseMirror pre {
|
|
967
|
+
white-space: pre-wrap;
|
|
968
|
+
}
|
|
966
969
|
|
|
967
|
-
.
|
|
968
|
-
|
|
969
|
-
}
|
|
970
|
+
.k-content > p {
|
|
971
|
+
margin: 0 0 1em;
|
|
972
|
+
}
|
|
970
973
|
|
|
971
|
-
.
|
|
972
|
-
|
|
973
|
-
|
|
974
|
+
.k-content table {
|
|
975
|
+
white-space: pre-wrap;
|
|
976
|
+
}
|
|
974
977
|
|
|
975
|
-
.
|
|
976
|
-
|
|
977
|
-
|
|
978
|
+
.k-content .k-text-selected, .k-content::selection {
|
|
979
|
+
color: HighlightText;
|
|
980
|
+
background-color: Highlight;
|
|
981
|
+
}
|
|
978
982
|
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
}
|
|
983
|
+
.k-content .k-text-highlighted {
|
|
984
|
+
background-color: #bbdefb;
|
|
985
|
+
}
|
|
982
986
|
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
left: -32px;
|
|
987
|
-
right: -2px;
|
|
988
|
-
top: -2px;
|
|
989
|
-
bottom: -2px;
|
|
990
|
-
border: 2px solid #8cf;
|
|
991
|
-
pointer-events: none;
|
|
992
|
-
}
|
|
987
|
+
.k-content .ProseMirror-selectednode {
|
|
988
|
+
outline: 2px solid #8cf;
|
|
989
|
+
}
|
|
993
990
|
|
|
994
|
-
.ProseMirror-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
position: absolute;
|
|
998
|
-
}
|
|
991
|
+
.ProseMirror-hideselection *::selection { background: transparent; }
|
|
992
|
+
.ProseMirror-hideselection *::-moz-selection { background: transparent; }
|
|
993
|
+
.ProseMirror-hideselection { caret-color: transparent; }
|
|
999
994
|
|
|
1000
|
-
.ProseMirror-gapcursor
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
width: 20px;
|
|
1006
|
-
border-top: 1px solid black;
|
|
1007
|
-
animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
|
|
1008
|
-
}
|
|
995
|
+
.ProseMirror-gapcursor {
|
|
996
|
+
display: none;
|
|
997
|
+
pointer-events: none;
|
|
998
|
+
position: absolute;
|
|
999
|
+
}
|
|
1009
1000
|
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1001
|
+
.ProseMirror-gapcursor:after {
|
|
1002
|
+
content: "";
|
|
1003
|
+
display: block;
|
|
1004
|
+
position: absolute;
|
|
1005
|
+
top: -2px;
|
|
1006
|
+
width: 20px;
|
|
1007
|
+
border-top: 1px solid black;
|
|
1008
|
+
animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
|
|
1009
|
+
}
|
|
1015
1010
|
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1011
|
+
@keyframes ProseMirror-cursor-blink {
|
|
1012
|
+
to {
|
|
1013
|
+
visibility: hidden;
|
|
1014
|
+
}
|
|
1015
|
+
}
|
|
1019
1016
|
|
|
1020
|
-
.ProseMirror .
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
color: #8a8a8a;
|
|
1024
|
-
float: left;
|
|
1025
|
-
opacity: 1;
|
|
1026
|
-
cursor: text;
|
|
1027
|
-
-webkit-user-select: none;
|
|
1028
|
-
-ms-user-select: none;
|
|
1029
|
-
user-select: none;
|
|
1030
|
-
}
|
|
1017
|
+
.ProseMirror-focused .ProseMirror-gapcursor {
|
|
1018
|
+
display: block;
|
|
1019
|
+
}
|
|
1031
1020
|
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
}
|
|
1021
|
+
.k-editor-resize-handles-wrapper {
|
|
1022
|
+
position: absolute;
|
|
1023
|
+
visibility: hidden;
|
|
1024
|
+
}
|
|
1037
1025
|
|
|
1038
|
-
.k-editor-resize-handle {
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
}
|
|
1026
|
+
.k-editor-resize-handle {
|
|
1027
|
+
position: absolute;
|
|
1028
|
+
visibility: visible;
|
|
1029
|
+
background-color: #fff;
|
|
1030
|
+
border: 1px solid #000;
|
|
1031
|
+
z-index: 100;
|
|
1032
|
+
width: 5px;
|
|
1033
|
+
height: 5px;
|
|
1034
|
+
}
|
|
1047
1035
|
|
|
1048
|
-
.k-editor-resize-handle.northwest {
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
}
|
|
1036
|
+
.k-editor-resize-handle.northwest {
|
|
1037
|
+
top: 0;
|
|
1038
|
+
left: 0;
|
|
1039
|
+
transform: translate(-50%, -50%);
|
|
1040
|
+
cursor: nw-resize;
|
|
1041
|
+
}
|
|
1054
1042
|
|
|
1055
|
-
.k-editor-resize-handle.north {
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
}
|
|
1043
|
+
.k-editor-resize-handle.north {
|
|
1044
|
+
top: 0;
|
|
1045
|
+
left: 50%;
|
|
1046
|
+
transform: translate(-50%, -50%);
|
|
1047
|
+
cursor: n-resize;
|
|
1048
|
+
}
|
|
1061
1049
|
|
|
1062
|
-
.k-editor-resize-handle.northeast {
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
}
|
|
1050
|
+
.k-editor-resize-handle.northeast {
|
|
1051
|
+
top: 0;
|
|
1052
|
+
right: 0;
|
|
1053
|
+
transform: translate(50%, -50%);
|
|
1054
|
+
cursor: ne-resize;
|
|
1055
|
+
}
|
|
1068
1056
|
|
|
1069
|
-
.k-editor-resize-handle.southwest {
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
}
|
|
1057
|
+
.k-editor-resize-handle.southwest {
|
|
1058
|
+
left: 0;
|
|
1059
|
+
bottom: 0;
|
|
1060
|
+
transform: translate(-50%, 50%);
|
|
1061
|
+
cursor: sw-resize;
|
|
1062
|
+
}
|
|
1075
1063
|
|
|
1076
|
-
.k-editor-resize-handle.south {
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
}
|
|
1064
|
+
.k-editor-resize-handle.south {
|
|
1065
|
+
bottom: 0;
|
|
1066
|
+
left: 50%;
|
|
1067
|
+
transform: translate(-50%, 50%);
|
|
1068
|
+
cursor: s-resize;
|
|
1069
|
+
}
|
|
1082
1070
|
|
|
1083
|
-
.k-editor-resize-handle.southeast {
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
}
|
|
1071
|
+
.k-editor-resize-handle.southeast {
|
|
1072
|
+
right: 0;
|
|
1073
|
+
bottom: 0;
|
|
1074
|
+
transform: translate(50%, 50%);
|
|
1075
|
+
cursor: se-resize;
|
|
1076
|
+
}
|
|
1089
1077
|
|
|
1090
|
-
.k-editor-resize-handle.west {
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
}
|
|
1078
|
+
.k-editor-resize-handle.west {
|
|
1079
|
+
top: 50%;
|
|
1080
|
+
left: 0;
|
|
1081
|
+
transform: translate(-50%, -50%);
|
|
1082
|
+
cursor: w-resize;
|
|
1083
|
+
}
|
|
1096
1084
|
|
|
1097
|
-
.k-editor-resize-handle.east {
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
}
|
|
1085
|
+
.k-editor-resize-handle.east {
|
|
1086
|
+
top: 50%;
|
|
1087
|
+
right: 0;
|
|
1088
|
+
transform: translate(50%, -50%);
|
|
1089
|
+
cursor: e-resize;
|
|
1090
|
+
}
|
|
1091
|
+
|
|
1092
|
+
.ProseMirror .k-placeholder::before {
|
|
1093
|
+
content: attr(data-placeholder);
|
|
1094
|
+
height: 0;
|
|
1095
|
+
color: #8a8a8a;
|
|
1096
|
+
float: left;
|
|
1097
|
+
opacity: 1;
|
|
1098
|
+
cursor: text;
|
|
1099
|
+
-webkit-user-select: none;
|
|
1100
|
+
-ms-user-select: none;
|
|
1101
|
+
user-select: none;
|
|
1102
|
+
}
|
|
1103
|
+
|
|
1104
|
+
.ProseMirror li {
|
|
1105
|
+
position: relative;
|
|
1106
|
+
}
|
|
1107
|
+
|
|
1108
|
+
li.ProseMirror-selectednode {
|
|
1109
|
+
outline: none;
|
|
1110
|
+
}
|
|
1111
|
+
|
|
1112
|
+
li.ProseMirror-selectednode:after {
|
|
1113
|
+
content: "";
|
|
1114
|
+
position: absolute;
|
|
1115
|
+
left: -32px;
|
|
1116
|
+
right: -2px;
|
|
1117
|
+
top: -2px;
|
|
1118
|
+
bottom: -2px;
|
|
1119
|
+
border: 2px solid #8cf;
|
|
1120
|
+
pointer-events: none;
|
|
1121
|
+
}
|
|
1103
1122
|
`;
|
|
1104
1123
|
/**
|
|
1105
1124
|
* @hidden
|
|
1106
1125
|
*/
|
|
1107
1126
|
const tablesStyles = `
|
|
1108
|
-
|
|
1127
|
+
.ProseMirror .tableWrapper {
|
|
1109
1128
|
overflow-x: auto;
|
|
1110
1129
|
margin: 1em 0;
|
|
1111
|
-
|
|
1130
|
+
}
|
|
1112
1131
|
|
|
1113
|
-
|
|
1132
|
+
.ProseMirror table {
|
|
1114
1133
|
margin: 0;
|
|
1115
1134
|
border-collapse: collapse;
|
|
1116
1135
|
table-layout: fixed;
|
|
1117
1136
|
width: 100%;
|
|
1118
1137
|
overflow: hidden;
|
|
1119
|
-
|
|
1138
|
+
}
|
|
1120
1139
|
|
|
1121
|
-
|
|
1140
|
+
.ProseMirror td, .ProseMirror th {
|
|
1122
1141
|
min-width: 1em;
|
|
1123
1142
|
border: 1px solid #ddd;
|
|
1124
1143
|
padding: 3px 5px;
|
|
1125
1144
|
vertical-align: top;
|
|
1126
1145
|
box-sizing: border-box;
|
|
1127
1146
|
position: relative;
|
|
1128
|
-
|
|
1147
|
+
}
|
|
1129
1148
|
|
|
1130
|
-
|
|
1149
|
+
.ProseMirror th {
|
|
1131
1150
|
font-weight: bold;
|
|
1132
1151
|
text-align: left;
|
|
1133
|
-
|
|
1152
|
+
}
|
|
1134
1153
|
|
|
1135
|
-
|
|
1154
|
+
.ProseMirror .column-resize-handle {
|
|
1136
1155
|
position: absolute;
|
|
1137
|
-
right: -2px;
|
|
1138
|
-
top: 0;
|
|
1139
|
-
bottom: 0;
|
|
1156
|
+
right: -2px; top: 0; bottom: 0;
|
|
1140
1157
|
width: 4px;
|
|
1141
1158
|
z-index: 20;
|
|
1142
1159
|
background-color: #adf;
|
|
1143
1160
|
pointer-events: none;
|
|
1144
|
-
|
|
1161
|
+
}
|
|
1145
1162
|
|
|
1146
|
-
|
|
1163
|
+
.ProseMirror.resize-cursor {
|
|
1147
1164
|
cursor: ew-resize;
|
|
1148
1165
|
cursor: col-resize;
|
|
1149
|
-
|
|
1166
|
+
}
|
|
1150
1167
|
|
|
1151
|
-
|
|
1152
|
-
|
|
1168
|
+
/* Give selected cells a blue overlay */
|
|
1169
|
+
.ProseMirror .selectedCell:after {
|
|
1153
1170
|
z-index: 2;
|
|
1154
1171
|
position: absolute;
|
|
1155
1172
|
content: "";
|
|
1156
|
-
left: 0;
|
|
1157
|
-
right: 0;
|
|
1158
|
-
top: 0;
|
|
1159
|
-
bottom: 0;
|
|
1173
|
+
left: 0; right: 0; top: 0; bottom: 0;
|
|
1160
1174
|
background: rgba(200, 200, 255, 0.4);
|
|
1161
1175
|
pointer-events: none;
|
|
1162
|
-
|
|
1176
|
+
}
|
|
1163
1177
|
`;
|
|
1164
1178
|
/**
|
|
1165
1179
|
* @hidden
|
|
@@ -1791,6 +1805,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
|
|
|
1791
1805
|
}
|
|
1792
1806
|
});
|
|
1793
1807
|
const element = iframeDoc.createElement('div');
|
|
1808
|
+
element.classList.add('k-content');
|
|
1794
1809
|
iframeDoc.body.appendChild(element);
|
|
1795
1810
|
}
|
|
1796
1811
|
else {
|
package/dist/fesm5/index.js
CHANGED
|
@@ -27,7 +27,7 @@ var packageMetadata = {
|
|
|
27
27
|
name: '@progress/kendo-angular-editor',
|
|
28
28
|
productName: 'Kendo UI for Angular',
|
|
29
29
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
30
|
-
publishDate:
|
|
30
|
+
publishDate: 1645783118,
|
|
31
31
|
version: '',
|
|
32
32
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
33
33
|
};
|
|
@@ -871,11 +871,11 @@ var FileLinkDialogComponent = /** @class */ (function (_super) {
|
|
|
871
871
|
/**
|
|
872
872
|
* @hidden
|
|
873
873
|
*/
|
|
874
|
-
var defaultStyle = "\
|
|
874
|
+
var defaultStyle = "\n html, body {\n margin: 0;\n height: 100%;\n padding: 0;\n }\n\n html {\n min-height: 100%;\n }\n\n body {\n box-sizing: border-box;\n position: relative;\n word-wrap: break-word;\n padding: 8px;\n }\n\n body > .k-content {\n outline: 0;\n height: 100%;\n white-space: pre-wrap;\n }\n\n div.ProseMirror {\n position: relative;\n word-wrap: break-word;\n white-space: pre-wrap;\n white-space: break-spaces;\n -webkit-font-variant-ligatures: none;\n font-variant-ligatures: none;\n font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n }\n\n .ProseMirror pre {\n white-space: pre-wrap;\n }\n\n .k-content > p {\n margin: 0 0 1em;\n }\n\n .k-content table {\n white-space: pre-wrap;\n }\n\n .k-content .k-text-selected, .k-content::selection {\n color: HighlightText;\n background-color: Highlight;\n }\n\n .k-content .k-text-highlighted {\n background-color: #bbdefb;\n }\n\n .k-content .ProseMirror-selectednode {\n outline: 2px solid #8cf;\n }\n\n .ProseMirror-hideselection *::selection { background: transparent; }\n .ProseMirror-hideselection *::-moz-selection { background: transparent; }\n .ProseMirror-hideselection { caret-color: transparent; }\n\n .ProseMirror-gapcursor {\n display: none;\n pointer-events: none;\n position: absolute;\n }\n\n .ProseMirror-gapcursor:after {\n content: \"\";\n display: block;\n position: absolute;\n top: -2px;\n width: 20px;\n border-top: 1px solid black;\n animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n }\n\n @keyframes ProseMirror-cursor-blink {\n to {\n visibility: hidden;\n }\n }\n\n .ProseMirror-focused .ProseMirror-gapcursor {\n display: block;\n }\n\n .k-editor-resize-handles-wrapper {\n position: absolute;\n visibility: hidden;\n }\n\n .k-editor-resize-handle {\n position: absolute;\n visibility: visible;\n background-color: #fff;\n border: 1px solid #000;\n z-index: 100;\n width: 5px;\n height: 5px;\n }\n\n .k-editor-resize-handle.northwest {\n top: 0;\n left: 0;\n transform: translate(-50%, -50%);\n cursor: nw-resize;\n }\n\n .k-editor-resize-handle.north {\n top: 0;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: n-resize;\n }\n\n .k-editor-resize-handle.northeast {\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n cursor: ne-resize;\n }\n\n .k-editor-resize-handle.southwest {\n left: 0;\n bottom: 0;\n transform: translate(-50%, 50%);\n cursor: sw-resize;\n }\n\n .k-editor-resize-handle.south {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%);\n cursor: s-resize;\n }\n\n .k-editor-resize-handle.southeast {\n right: 0;\n bottom: 0;\n transform: translate(50%, 50%);\n cursor: se-resize;\n }\n\n .k-editor-resize-handle.west {\n top: 50%;\n left: 0;\n transform: translate(-50%, -50%);\n cursor: w-resize;\n }\n\n .k-editor-resize-handle.east {\n top: 50%;\n right: 0;\n transform: translate(50%, -50%);\n cursor: e-resize;\n }\n\n .ProseMirror .k-placeholder::before {\n content: attr(data-placeholder);\n height: 0;\n color: #8a8a8a;\n float: left;\n opacity: 1;\n cursor: text;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .ProseMirror li {\n position: relative;\n }\n\n li.ProseMirror-selectednode {\n outline: none;\n }\n\n li.ProseMirror-selectednode:after {\n content: \"\";\n position: absolute;\n left: -32px;\n right: -2px;\n top: -2px;\n bottom: -2px;\n border: 2px solid #8cf;\n pointer-events: none;\n }\n";
|
|
875
875
|
/**
|
|
876
876
|
* @hidden
|
|
877
877
|
*/
|
|
878
|
-
var tablesStyles = "\n
|
|
878
|
+
var tablesStyles = "\n.ProseMirror .tableWrapper {\n overflow-x: auto;\n margin: 1em 0;\n}\n\n.ProseMirror table {\n margin: 0;\n border-collapse: collapse;\n table-layout: fixed;\n width: 100%;\n overflow: hidden;\n}\n\n.ProseMirror td, .ProseMirror th {\n min-width: 1em;\n border: 1px solid #ddd;\n padding: 3px 5px;\n vertical-align: top;\n box-sizing: border-box;\n position: relative;\n}\n\n.ProseMirror th {\n font-weight: bold;\n text-align: left;\n}\n\n.ProseMirror .column-resize-handle {\n position: absolute;\n right: -2px; top: 0; bottom: 0;\n width: 4px;\n z-index: 20;\n background-color: #adf;\n pointer-events: none;\n}\n\n.ProseMirror.resize-cursor {\n cursor: ew-resize;\n cursor: col-resize;\n}\n\n/* Give selected cells a blue overlay */\n.ProseMirror .selectedCell:after {\n z-index: 2;\n position: absolute;\n content: \"\";\n left: 0; right: 0; top: 0; bottom: 0;\n background: rgba(200, 200, 255, 0.4);\n pointer-events: none;\n}\n";
|
|
879
879
|
/**
|
|
880
880
|
* @hidden
|
|
881
881
|
*/
|
|
@@ -1591,6 +1591,7 @@ var EditorComponent = /** @class */ (function () {
|
|
|
1591
1591
|
}
|
|
1592
1592
|
});
|
|
1593
1593
|
var element = iframeDoc_1.createElement('div');
|
|
1594
|
+
element.classList.add('k-content');
|
|
1594
1595
|
iframeDoc_1.body.appendChild(element);
|
|
1595
1596
|
}
|
|
1596
1597
|
else {
|
|
@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
exports.defaultStyle = "\
|
|
10
|
+
exports.defaultStyle = "\n html, body {\n margin: 0;\n height: 100%;\n padding: 0;\n }\n\n html {\n min-height: 100%;\n }\n\n body {\n box-sizing: border-box;\n position: relative;\n word-wrap: break-word;\n padding: 8px;\n }\n\n body > .k-content {\n outline: 0;\n height: 100%;\n white-space: pre-wrap;\n }\n\n div.ProseMirror {\n position: relative;\n word-wrap: break-word;\n white-space: pre-wrap;\n white-space: break-spaces;\n -webkit-font-variant-ligatures: none;\n font-variant-ligatures: none;\n font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n }\n\n .ProseMirror pre {\n white-space: pre-wrap;\n }\n\n .k-content > p {\n margin: 0 0 1em;\n }\n\n .k-content table {\n white-space: pre-wrap;\n }\n\n .k-content .k-text-selected, .k-content::selection {\n color: HighlightText;\n background-color: Highlight;\n }\n\n .k-content .k-text-highlighted {\n background-color: #bbdefb;\n }\n\n .k-content .ProseMirror-selectednode {\n outline: 2px solid #8cf;\n }\n\n .ProseMirror-hideselection *::selection { background: transparent; }\n .ProseMirror-hideselection *::-moz-selection { background: transparent; }\n .ProseMirror-hideselection { caret-color: transparent; }\n\n .ProseMirror-gapcursor {\n display: none;\n pointer-events: none;\n position: absolute;\n }\n\n .ProseMirror-gapcursor:after {\n content: \"\";\n display: block;\n position: absolute;\n top: -2px;\n width: 20px;\n border-top: 1px solid black;\n animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n }\n\n @keyframes ProseMirror-cursor-blink {\n to {\n visibility: hidden;\n }\n }\n\n .ProseMirror-focused .ProseMirror-gapcursor {\n display: block;\n }\n\n .k-editor-resize-handles-wrapper {\n position: absolute;\n visibility: hidden;\n }\n\n .k-editor-resize-handle {\n position: absolute;\n visibility: visible;\n background-color: #fff;\n border: 1px solid #000;\n z-index: 100;\n width: 5px;\n height: 5px;\n }\n\n .k-editor-resize-handle.northwest {\n top: 0;\n left: 0;\n transform: translate(-50%, -50%);\n cursor: nw-resize;\n }\n\n .k-editor-resize-handle.north {\n top: 0;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: n-resize;\n }\n\n .k-editor-resize-handle.northeast {\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n cursor: ne-resize;\n }\n\n .k-editor-resize-handle.southwest {\n left: 0;\n bottom: 0;\n transform: translate(-50%, 50%);\n cursor: sw-resize;\n }\n\n .k-editor-resize-handle.south {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%);\n cursor: s-resize;\n }\n\n .k-editor-resize-handle.southeast {\n right: 0;\n bottom: 0;\n transform: translate(50%, 50%);\n cursor: se-resize;\n }\n\n .k-editor-resize-handle.west {\n top: 50%;\n left: 0;\n transform: translate(-50%, -50%);\n cursor: w-resize;\n }\n\n .k-editor-resize-handle.east {\n top: 50%;\n right: 0;\n transform: translate(50%, -50%);\n cursor: e-resize;\n }\n\n .ProseMirror .k-placeholder::before {\n content: attr(data-placeholder);\n height: 0;\n color: #8a8a8a;\n float: left;\n opacity: 1;\n cursor: text;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .ProseMirror li {\n position: relative;\n }\n\n li.ProseMirror-selectednode {\n outline: none;\n }\n\n li.ProseMirror-selectednode:after {\n content: \"\";\n position: absolute;\n left: -32px;\n right: -2px;\n top: -2px;\n bottom: -2px;\n border: 2px solid #8cf;\n pointer-events: none;\n }\n";
|
|
11
11
|
/**
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
|
-
exports.tablesStyles = "\n
|
|
14
|
+
exports.tablesStyles = "\n.ProseMirror .tableWrapper {\n overflow-x: auto;\n margin: 1em 0;\n}\n\n.ProseMirror table {\n margin: 0;\n border-collapse: collapse;\n table-layout: fixed;\n width: 100%;\n overflow: hidden;\n}\n\n.ProseMirror td, .ProseMirror th {\n min-width: 1em;\n border: 1px solid #ddd;\n padding: 3px 5px;\n vertical-align: top;\n box-sizing: border-box;\n position: relative;\n}\n\n.ProseMirror th {\n font-weight: bold;\n text-align: left;\n}\n\n.ProseMirror .column-resize-handle {\n position: absolute;\n right: -2px; top: 0; bottom: 0;\n width: 4px;\n z-index: 20;\n background-color: #adf;\n pointer-events: none;\n}\n\n.ProseMirror.resize-cursor {\n cursor: ew-resize;\n cursor: col-resize;\n}\n\n/* Give selected cells a blue overlay */\n.ProseMirror .selectedCell:after {\n z-index: 2;\n position: absolute;\n content: \"\";\n left: 0; right: 0; top: 0; bottom: 0;\n background: rgba(200, 200, 255, 0.4);\n pointer-events: none;\n}\n";
|
|
15
15
|
/**
|
|
16
16
|
* @hidden
|
|
17
17
|
*/
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-editor',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1645783118,
|
|
15
15
|
version: '',
|
|
16
16
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
17
17
|
};
|