@progress/kendo-angular-editor 3.1.0 → 3.1.2-dev.202202251414
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 +2 -2
- 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 +2 -2
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: 1645798286,
|
|
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: 1645798286,
|
|
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: 1645798286,
|
|
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
|
};
|