@syncfusion/ej2-angular-richtexteditor 20.4.53 → 21.1.35-ngcc

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.
Files changed (115) hide show
  1. package/@syncfusion/ej2-angular-richtexteditor.es5.js +330 -0
  2. package/@syncfusion/ej2-angular-richtexteditor.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-richtexteditor.js +311 -0
  4. package/@syncfusion/ej2-angular-richtexteditor.js.map +1 -0
  5. package/CHANGELOG.md +1250 -0
  6. package/README.md +1 -1
  7. package/dist/ej2-angular-richtexteditor.umd.js +806 -0
  8. package/dist/ej2-angular-richtexteditor.umd.js.map +1 -0
  9. package/dist/ej2-angular-richtexteditor.umd.min.js +11 -0
  10. package/dist/ej2-angular-richtexteditor.umd.min.js.map +1 -0
  11. package/ej2-angular-richtexteditor.d.ts +5 -0
  12. package/ej2-angular-richtexteditor.metadata.json +1 -0
  13. package/package.json +15 -29
  14. package/postinstall/tagchange.js +18 -0
  15. package/schematics/utils/lib-details.d.ts +2 -2
  16. package/schematics/utils/lib-details.js +2 -2
  17. package/schematics/utils/lib-details.ts +2 -2
  18. package/src/index.d.ts +1 -1
  19. package/src/rich-text-editor/richtexteditor-all.module.d.ts +1 -6
  20. package/src/rich-text-editor/richtexteditor.component.d.ts +0 -3
  21. package/src/rich-text-editor/richtexteditor.module.d.ts +0 -6
  22. package/styles/bootstrap-dark.css +31 -1
  23. package/styles/bootstrap.css +31 -1
  24. package/styles/bootstrap4.css +31 -1
  25. package/styles/bootstrap5-dark.css +32 -2
  26. package/styles/bootstrap5.css +32 -2
  27. package/styles/fabric-dark.css +31 -1
  28. package/styles/fabric.css +31 -1
  29. package/styles/fluent-dark.css +34 -4
  30. package/styles/fluent.css +34 -4
  31. package/styles/highcontrast-light.css +31 -1
  32. package/styles/highcontrast.css +31 -1
  33. package/styles/material-dark.css +31 -1
  34. package/styles/material.css +31 -1
  35. package/styles/rich-text-editor/bootstrap-dark.css +31 -1
  36. package/styles/rich-text-editor/bootstrap-dark.scss +1 -4
  37. package/styles/rich-text-editor/bootstrap.css +31 -1
  38. package/styles/rich-text-editor/bootstrap.scss +1 -4
  39. package/styles/rich-text-editor/bootstrap4.css +31 -1
  40. package/styles/rich-text-editor/bootstrap4.scss +1 -4
  41. package/styles/rich-text-editor/bootstrap5-dark.css +32 -2
  42. package/styles/rich-text-editor/bootstrap5-dark.scss +1 -4
  43. package/styles/rich-text-editor/bootstrap5.css +32 -2
  44. package/styles/rich-text-editor/bootstrap5.scss +1 -4
  45. package/styles/rich-text-editor/fabric-dark.css +31 -1
  46. package/styles/rich-text-editor/fabric-dark.scss +1 -4
  47. package/styles/rich-text-editor/fabric.css +31 -1
  48. package/styles/rich-text-editor/fabric.scss +1 -4
  49. package/styles/rich-text-editor/fluent-dark.css +34 -4
  50. package/styles/rich-text-editor/fluent-dark.scss +1 -4
  51. package/styles/rich-text-editor/fluent.css +34 -4
  52. package/styles/rich-text-editor/fluent.scss +1 -4
  53. package/styles/rich-text-editor/highcontrast-light.css +31 -1
  54. package/styles/rich-text-editor/highcontrast-light.scss +1 -4
  55. package/styles/rich-text-editor/highcontrast.css +31 -1
  56. package/styles/rich-text-editor/highcontrast.scss +1 -4
  57. package/styles/rich-text-editor/material-dark.css +31 -1
  58. package/styles/rich-text-editor/material-dark.scss +1 -4
  59. package/styles/rich-text-editor/material.css +31 -1
  60. package/styles/rich-text-editor/material.scss +1 -4
  61. package/styles/rich-text-editor/tailwind-dark.css +31 -1
  62. package/styles/rich-text-editor/tailwind-dark.scss +1 -4
  63. package/styles/rich-text-editor/tailwind.css +31 -1
  64. package/styles/rich-text-editor/tailwind.scss +1 -4
  65. package/styles/tailwind-dark.css +31 -1
  66. package/styles/tailwind.css +31 -1
  67. package/esm2020/public_api.mjs +0 -3
  68. package/esm2020/src/index.mjs +0 -5
  69. package/esm2020/src/rich-text-editor/richtexteditor-all.module.mjs +0 -65
  70. package/esm2020/src/rich-text-editor/richtexteditor.component.mjs +0 -182
  71. package/esm2020/src/rich-text-editor/richtexteditor.module.mjs +0 -25
  72. package/esm2020/syncfusion-ej2-angular-richtexteditor.mjs +0 -5
  73. package/fesm2015/syncfusion-ej2-angular-richtexteditor.mjs +0 -272
  74. package/fesm2015/syncfusion-ej2-angular-richtexteditor.mjs.map +0 -1
  75. package/fesm2020/syncfusion-ej2-angular-richtexteditor.mjs +0 -272
  76. package/fesm2020/syncfusion-ej2-angular-richtexteditor.mjs.map +0 -1
  77. package/styles/_all.scss +0 -1
  78. package/styles/rich-text-editor/_all.scss +0 -2
  79. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +0 -211
  80. package/styles/rich-text-editor/_bootstrap-definition.scss +0 -266
  81. package/styles/rich-text-editor/_bootstrap4-definition.scss +0 -393
  82. package/styles/rich-text-editor/_bootstrap5-dark-definition.scss +0 -1
  83. package/styles/rich-text-editor/_bootstrap5-definition.scss +0 -196
  84. package/styles/rich-text-editor/_fabric-dark-definition.scss +0 -192
  85. package/styles/rich-text-editor/_fabric-definition.scss +0 -190
  86. package/styles/rich-text-editor/_fluent-dark-definition.scss +0 -1
  87. package/styles/rich-text-editor/_fluent-definition.scss +0 -199
  88. package/styles/rich-text-editor/_fusionnew-definition.scss +0 -196
  89. package/styles/rich-text-editor/_highcontrast-definition.scss +0 -190
  90. package/styles/rich-text-editor/_highcontrast-light-definition.scss +0 -190
  91. package/styles/rich-text-editor/_layout.scss +0 -1833
  92. package/styles/rich-text-editor/_material-dark-definition.scss +0 -194
  93. package/styles/rich-text-editor/_material-definition.scss +0 -192
  94. package/styles/rich-text-editor/_material3-definition.scss +0 -196
  95. package/styles/rich-text-editor/_tailwind-dark-definition.scss +0 -1
  96. package/styles/rich-text-editor/_tailwind-definition.scss +0 -194
  97. package/styles/rich-text-editor/_theme.scss +0 -705
  98. package/styles/rich-text-editor/icons/_bootstrap-dark.scss +0 -320
  99. package/styles/rich-text-editor/icons/_bootstrap.scss +0 -320
  100. package/styles/rich-text-editor/icons/_bootstrap4.scss +0 -320
  101. package/styles/rich-text-editor/icons/_bootstrap5-dark.scss +0 -1
  102. package/styles/rich-text-editor/icons/_bootstrap5.scss +0 -319
  103. package/styles/rich-text-editor/icons/_fabric-dark.scss +0 -320
  104. package/styles/rich-text-editor/icons/_fabric.scss +0 -320
  105. package/styles/rich-text-editor/icons/_fluent-dark.scss +0 -1
  106. package/styles/rich-text-editor/icons/_fluent.scss +0 -319
  107. package/styles/rich-text-editor/icons/_fusionnew.scss +0 -319
  108. package/styles/rich-text-editor/icons/_highcontrast-light.scss +0 -320
  109. package/styles/rich-text-editor/icons/_highcontrast.scss +0 -320
  110. package/styles/rich-text-editor/icons/_material-dark.scss +0 -320
  111. package/styles/rich-text-editor/icons/_material.scss +0 -320
  112. package/styles/rich-text-editor/icons/_material3.scss +0 -319
  113. package/styles/rich-text-editor/icons/_tailwind-dark.scss +0 -1
  114. package/styles/rich-text-editor/icons/_tailwind.scss +0 -319
  115. package/syncfusion-ej2-angular-richtexteditor.d.ts +0 -5
@@ -1,266 +0,0 @@
1
- $rte-border-size: 1px !default;
2
- $rte-2px-border-size: 2px !default;
3
- $rte-border-type: solid !default;
4
-
5
- $rte-list-btn-flex: column !default;
6
- $rte-list-btn-line-height: 1 !default;
7
- $rte-split-btn-line-height: 39px !default;
8
- $rte-big-split-btn-line-height: 38px !default;
9
- $skin-name: 'bootstrap' !default;
10
- $rte-border-color: $grey-dd !default;
11
- $rte-full-screen-bg: $grey-white !default;
12
- $rte-content-bg: $grey-white !default;
13
- $rte-content-font-color: #333 !default;
14
- $rte-item-color: $base-font !default;
15
- $rte-icons-color: $base-font !default;
16
-
17
- $rte-big-quick-item-btn-width: 39px !default;
18
- $rte-quick-item-btn-width: 27px !default;
19
- $rte-big-quick-item-btn-height: 34px !default;
20
- $rte-quick-item-btn-height: 26px !default;
21
- $rte-big-quick-item-padding: 0 !default;
22
- $rte-quick-item-padding: 0 !default;
23
- $rte-quick-item-icon-min-width: 25px !default;
24
- $rte-big-quick-item-line-height: normal !default;
25
- $rte-quick-item-line-height: 20px !default;
26
- $rte-quick-item-active-bg: rgba($grey-base, .12) !default;
27
- $rte-quick-item-active-font-color: $base-font !default;
28
- $rte-quick-item-border: $rte-border-size solid transparent !default;
29
- $rte-quick-item-hover-border-color: $grey-8c !default;
30
- $rte-quick-item-active-border-color: $grey-8c !default;
31
- $rte-content-padding: 16px !default;
32
- $rte-table-popup-padding: 10px !default;
33
-
34
- $rte-big-quick-drop-btn-line-height: 33px !default;
35
- $rte-quick-drop-btn-line-height: 24px !default;
36
- $rte-big-quick-drop-btn-margin: 4px 0 !default;
37
- $rte-quick-drop-btn-margin: 4px 0 !default;
38
- $rte-big-quick-drop-btn-padding: 0 !default;
39
- $rte-quick-drop-btn-padding: 0 !default;
40
- $rte-big-quick-drop-btn-icon-size: 16px !default;
41
- $rte-quick-drop-btn-icon-size: 14px !default;
42
- $rte-big-quick-drop-btn-caret-icon-size: 10px !default;
43
- $rte-quick-drop-btn-caret-icon-size: 12px !default;
44
- $rte-big-quick-drop-btn-caret-font-size: 11px !default;
45
- $rte-quick-drop-btn-caret-font-size: 10px !default;
46
- $rte-quick-drop-btn-border-color: $grey-white !default;
47
- $rte-quick-drop-btn-hover-border-color: $grey-8c !default;
48
- $font-weight: 500 !default;
49
- $rte-quick-pop-border: 0 !default;
50
- $rte-quick-tb-border: 0 !default;
51
- $rte-quick-pop-bg: $grey-white !default;
52
- $rte-quick-vr-line-color: rgba($grey-base, .05) !default;
53
- $rte-quick-pop-shadow: 0 2px 6px rgba($grey-base, .26) !default;
54
- $rte-quick-pop-item-focus-bg: rgba($grey-base, .12) !default;
55
- $rte-quick-tb-btn-hover: rgba($grey-base, .12) !default;
56
- $rte-mob-drop-down-pop-shadow: rgba($grey-base, .12) !default;
57
- $rte-table-popup-bdr-radius: 0 !default;
58
-
59
- $rte-big-tb-items-margin-left: 3px !default;
60
- $rte-tb-items-margin-left: 6px !default;
61
- $rte-big-tb-items-padding-left: 3px !default;
62
- $rte-tb-items-padding-left: 6px !default;
63
- $rte-big-active-tb-item-btn-padding: 0 6px !default;
64
- $rte-active-tb-item-btn-padding: 0 1.5px !default;
65
- $rte-tb-item-active-bg: rgba($grey-base, .12) !default;
66
- $rte-tb-active-font-color: $base-font !default;
67
- $rte-tb-item-active-border: $rte-border-size $rte-border-type $grey-8c !default;
68
- $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type rgb(250, 250, 250) !default;
69
- $rte-color-picker-active-bg: inherit !default;
70
- $rte-drop-btn-active-bg: $grey-e6 !default;
71
- $rte-drop-btn-active-color: $base-font !default;
72
- $rte-drop-btn-active-border-color: $grey-8c !default;
73
- $rte-split-btn-active-hover-font-color: $base-font !default;
74
-
75
- $rte-split-btn-color: $base-font !default;
76
- $rte-split-btn-active-color: $base-font !default;
77
- $rte-split-btn-hover-bg: inherit !default;
78
- $rte-split-btn-active-bg: $grey-e6 !default;
79
- $rte-split-btn-span-hover-bg: $grey-e6 !default;
80
- $rte-split-btn-span-focus-bg: $grey-e6 !default;
81
- $rte-split-btn-span-active-bg: $grey-e6 !default;
82
- $rte-split-btn-bar-bg: $grey-ad !default;
83
- $rte-split-btn-active-bar-bg: $grey-ad !default;
84
- $rte-split-btn-bar-size: 1px !default;
85
- $rte-split-btn-active-border: 1px solid $grey-ad !default;
86
- $rte-split-btn-active-color-icon-line-height: 30px !default;
87
- $rte-big-split-btn-active-color-icon-line-height: 34px !default;
88
-
89
- $rte-link-valid-color: #f00 !default;
90
- $rte-img-popup-color: #000 !default;
91
- $rte-img-border-color: #ccc !default;
92
- $rte-img-popup-border: 1px solid $rte-img-border-color !default;
93
- $rte-img-popup-box-shadow: 0 2px 3px 1px rgba($rte-img-popup-color, .21) !default;
94
- $rte-upload-drag-border-clr: $grey-d4 !default;
95
- $rte-img-header-clr: $grey-light-font !default;
96
- $rte-drop-text-clr: $grey-ad !default;
97
- $rte-default-character-count-color: #000 !default;
98
- $rte-warning-character-count-color: #ffb74d !default;
99
- $rte-error-character-count-color: #c62828 !default;
100
- $rte-img-border: solid 2px $brand-primary !default;
101
- $rte-font-family: $font-family !default;
102
- $rte-content-color: $rte-content-font-color !default;
103
- $rte-content-blockquote-border-left-color: solid 2px $rte-content-font-color !default;
104
- $rte-dropdown-selection-bgcolor: $grey-e6 !default;
105
- $rte-format-btn-min-width: 75px !default;
106
- $rte-font-name-btn-min-width: 67px !default;
107
- $rte-font-size-btn-min-width: 36px !default;
108
- $rte-drop-btn-padding-left: 9px !default;
109
- $rte-drop-btn-padding-right: 3.5px !default;
110
- $rte-drop-btn-action-padding-left: 8px !default;
111
- $rte-drop-btn-action-padding-right: 2.5px !default;
112
- $rte-big-drop-btn-padding-left: 12px !default;
113
- $rte-big-drop-btn-padding-right: 7px !default;
114
- $rte-big-drop-btn-action-padding-left: 11px !default;
115
- $rte-big-drop-btn-action-padding-right: 6px !default;
116
- $rte-ext-tbar-overlay-icons-color: $base-font !default;
117
- $rte-colorpicker-parent-padding: 1px !default;
118
- $rte-colorpicker-parent-padding-hover: 0 !default;
119
- $rte-colorpicker-parent-padding-active-hover: 1px !default;
120
- $rte-overlay-color: #383838 !default;
121
- $rte-font-icon-width: 30px !default;
122
- $rte-font-arrow-width: 18px !default;
123
- $rte-font-arrow-touch-width: 20px !default;
124
- $rte-font-icon-line-height: 1 !default;
125
- $rte-colorpicker-padding: 1.5px 0 !default;
126
- $rte-dropdown-selection-color: $grey-dark !default;
127
- $rte-anchor-color: #2e2ef1 !default;
128
- $rte-ext-tbar-overlay-dropdown-color: $grey-dark !default;
129
- $rte-placeholder-line-height: 18px !default;
130
- $rte-img-resize-back-color: #4a90e2 !default;
131
- $rte-img-resize-color: #fff !default;
132
- $rte-table-header-color: rgba($grey-light-font, .87) !default;
133
- $rte-table-span-bg-color: $grey-white !default;
134
- $rte-table-span-border: 1px solid $grey-cc !default;
135
- $rte-table-span-active-bg-color: rgba($brand-primary, .2) !default;
136
- $rte-table-span-active-border-color: $grey-cc !default;
137
- $rte-table-select-border-color: #0478d7 !default;
138
- $rte-table-popup-bg: $brand-primary-font !default;
139
- $rte-table-popup-color: $grey-base !default;
140
- $rte-table-popup-box: 0 3px 8px 0 rgba($grey-base, .26) !default;
141
- $rte-table-border-color: #bdbdbd !default;
142
- $rte-table-alternate-color: #f5f5f5 !default;
143
- $rte-table-header-bg: #e0e0e0 !default;
144
- $rte-dropdown-active-border: 1px solid #8c8c8c !default;
145
- $rte-dropdown-active-bg: #e6e6e6 !default;
146
-
147
- $rte-insert-dialog-label-padding-top: 20px !default;
148
- $rte-insert-dialog-label-padding-bottom: 20px !default;
149
- $rte-big-quick-tbar-item-min-height: 34px !default;
150
- $rte-big-quick-tbar-item-min-width: 39px !default;
151
- $rte-content-font-size: 14px !default;
152
- $rte-dropdown-caret-icon-size: 12px !default;
153
- $rte-big-dropdown-caret-icon-size: 12px !default;
154
- $rte-toolbar-icon-size: 16px !default;
155
- $rte-toolbar-big-icon-size: 18px !default;
156
- $rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
157
-
158
- $rte-big-inline-tmp-min-width: 56px;
159
- $rte-inline-tmp-min-width: 61px;
160
- $rte-big-inline-tmp-size-min-width: 64px;
161
- $rte-inline-tmp-size-min-width: 69px;
162
- $rte-big-inline-tmp-color-min-width: 54px;
163
- $rte-inline-tmp-color-min-width: 57px;
164
-
165
- $rte-resize-handler-width: 15px;
166
- $rte-resize-handler-height: 15px;
167
- $rte-resize-handler-position: 0;
168
- $rte-default-character-count-opacity: .54;
169
-
170
- $rte-big-color-list-span-common-padding-left-right: 0;
171
- $rte-placeholder-padding: 16px !default;
172
-
173
- $rte-img-dlg-max-height: 426px !default;
174
- $rte-img-alt-dlg-max-height: 426px !default;
175
- $rte-img-link-dlg-max-height: 223px !default;
176
- $rte-img-size-dlg-max-height: 284px !default;
177
- $rte-link-dlg-max-height: 394px !default;
178
- $rte-file-browser-dlg-max-height: 557px !default;
179
- $rte-table-dlg-max-height: 287px !default;
180
- $rte-edit-table-dlg-max-height: 365px !default;
181
-
182
- $rte-big-img-dlg-max-height: 457px !default;
183
- $rte-big-img-alt-dlg-max-height: 457px !default;
184
- $rte-big-img-link-dlg-max-height: 256px !default;
185
- $rte-big-img-size-dlg-max-height: 327px !default;
186
- $rte-big-link-dlg-max-height: 427px !default;
187
- $rte-big-file-browser-dlg-max-height: 557px !default;
188
- $rte-big-table-dlg-max-height: 330px !default;
189
- $rte-big-edit-table-dlg-max-height: 414px !default;
190
- $rte-drop-text-width: 300px !default;
191
- $rte-drop-text-mobile-width: 250px !default;
192
-
193
- @include export-module('richtexteditor-bootstrap') {
194
- .e-richtexteditor {
195
- & .e-rte-toolbar {
196
- &.e-extended-toolbar .e-toolbar-items .e-toolbar-item {
197
- & .e-rte-dropdown-btn.e-active.e-tbar-btn {
198
- background: $rte-dropdown-active-bg;
199
- border: $rte-dropdown-active-border;
200
- padding-left: 8px;
201
- padding-right: 2.5px;
202
- }
203
- }
204
- }
205
- }
206
-
207
- .e-bigger .e-richtexteditor {
208
- & .e-rte-toolbar {
209
- &.e-extended-toolbar .e-toolbar-items .e-toolbar-item {
210
- & .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-btn.e-active {
211
- padding-left: 11px;
212
- padding-right: 6px;
213
- }
214
- }
215
-
216
- & .e-toolbar-items .e-toolbar-item {
217
- & .e-tbar-btn.e-btn.e-rte-dropdown-btn,
218
- & .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn {
219
- padding-bottom: 0;
220
- padding-top: 0;
221
- }
222
- }
223
- }
224
- }
225
-
226
- .e-bigger .e-rte-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn {
227
- &.e-rte-backgroundcolor-dropdown,
228
- &.e-rte-fontcolor-dropdown,
229
- &.e-rte-numberformatlist-dropdown,
230
- &.e-rte-bulletformatlist-dropdown {
231
- padding-left: 1px;
232
- padding-right: 1px;
233
-
234
- &.e-active:hover {
235
- padding-left: 1px;
236
- padding-right: 1px;
237
- }
238
- }
239
- }
240
-
241
- .e-rte-toolbar,
242
- .e-rte-toolbar.e-extended-toolbar {
243
- .e-toolbar-items,
244
- .e-toolbar-popup,
245
- .e-toolbar-extended {
246
- .e-rte-backgroundcolor-dropdown,
247
- .e-rte-fontcolor-dropdown,
248
- .e-rte-numberformatlist-dropdown,
249
- .e-rte-bulletformatlist-dropdown {
250
- padding-bottom: 0;
251
- padding-top: 0;
252
-
253
- &.e-tbar-btn.e-btn:hover,
254
- &.e-tbar-btn.e-btn.e-active,
255
- &.e-tbar-btn.e-btn.e-active:hover {
256
- padding-bottom: 0;
257
- padding-top: 0;
258
- }
259
-
260
- &.e-active {
261
- border-radius: 4px;
262
- }
263
- }
264
- }
265
- }
266
- }
@@ -1,393 +0,0 @@
1
- $rte-border-size: 1px !default;
2
- $rte-2px-border-size: 2px !default;
3
- $rte-border-type: solid !default;
4
- $rte-list-btn-flex: column !default;
5
- $rte-list-btn-line-height: unset !default;
6
- $rte-split-btn-line-height: 33px !default;
7
- $rte-big-split-btn-line-height: 40px !default;
8
-
9
- $rte-list-btn-flex: unset !default;
10
- $rte-list-btn-line-height: unset !default;
11
- $skin-name: 'bootstrap4' !default;
12
- $rte-border-color: $gray-300 !default;
13
- $rte-full-screen-bg: $content-bg !default;
14
- $rte-content-bg: $content-bg !default;
15
- $rte-content-font-color: $gray-900 !default;
16
- $rte-item-color: $gray-900 !default;
17
- $rte-icons-color: $gray-900 !default;
18
- $rte-big-quick-item-btn-width: 38px !default;
19
- $rte-quick-item-btn-width: 32px !default;
20
- $rte-big-quick-item-btn-height: 38px !default;
21
- $rte-quick-item-btn-height: 32px !default;
22
- $rte-big-quick-item-padding: 0 !default;
23
- $rte-quick-item-padding: 0 !default;
24
- $rte-quick-item-icon-min-width: 26px !default;
25
- $rte-big-quick-item-line-height: normal !default;
26
- $rte-quick-item-line-height: 20px !default;
27
- $rte-quick-item-active-bg: darken($gray-600, 10%) !default;
28
- $rte-quick-item-active-font-color: $white !default;
29
- $rte-quick-item-border: $rte-border-size solid transparent !default;
30
- $rte-quick-item-hover-border-color: darken($gray-600, 10%) !default;
31
- $rte-quick-item-active-border-color: darken($gray-600, 12.5%) !default;
32
- $rte-big-quick-drop-btn-line-height: 33px !default;
33
- $rte-quick-drop-btn-line-height: 24px !default;
34
- $rte-big-quick-drop-btn-margin: 4px 0 !default;
35
- $rte-quick-drop-btn-margin: 4px 0 !default;
36
- $rte-big-quick-drop-btn-padding: 0 !default;
37
- $rte-quick-drop-btn-padding: 0 !default;
38
- $rte-big-quick-drop-btn-icon-size: 16px !default;
39
- $rte-quick-drop-btn-icon-size: 14px !default;
40
- $rte-big-quick-drop-btn-caret-icon-size: 10px !default;
41
- $rte-quick-drop-btn-caret-icon-size: 12px !default;
42
- $rte-big-quick-drop-btn-caret-font-size: 10px !default;
43
- $rte-quick-drop-btn-caret-font-size: 8px !default;
44
- $rte-quick-drop-btn-border-color: $white !default;
45
- $rte-quick-drop-btn-hover-border-color: darken($gray-600, 10%) !default;
46
- $rte-quick-pop-border: 1px solid rgba(0, 0, 0, .2) !default;
47
- $rte-quick-tb-border: 0 !default;
48
- $rte-quick-pop-bg: $content-bg !default;
49
- $rte-quick-vr-line-color: $gray-300 !default;
50
- $rte-quick-pop-shadow: 0 2px 4px rgba(0, 0, 0, .2) !default;
51
- $rte-quick-pop-item-focus-bg: $gray-600 !default;
52
- $rte-quick-tb-btn-hover: $gray-600 !default;
53
- $rte-mob-drop-down-pop-shadow: $gray-600 !default;
54
- $rte-big-tb-items-margin-left: 3px !default;
55
- $rte-tb-items-margin-left: 6px !default;
56
- $rte-big-tb-items-padding-left: 3px !default;
57
- $rte-tb-items-padding-left: 6px !default;
58
- $rte-big-active-tb-item-btn-padding: 0 5px !default;
59
- $rte-active-tb-item-btn-padding: 0 2px !default;
60
- $rte-tb-item-active-bg: $gray-600 !default;
61
- $rte-tb-active-font-color: $gray-900 !default;
62
- $rte-tb-item-active-border: $rte-border-size solid darken($gray-600, 12.5%) !default;
63
- $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $gray-300 !default;
64
- $rte-color-picker-active-bg: inherit !default;
65
- $rte-drop-btn-active-bg: darken($gray-600, 10%) !default;
66
- $rte-drop-btn-active-color: $white !default;
67
- $rte-drop-btn-active-border-color: darken($gray-600, 12.5%) !default;
68
- $rte-split-btn-color: $white !default;
69
- $rte-split-btn-active-color: $white !default;
70
- $rte-split-btn-hover-bg: $gray-600 !default;
71
- $rte-split-btn-active-bg: darken($gray-600, 10%) !default;
72
- $rte-split-btn-span-hover-bg: darken($gray-600, 7.5%) !default;
73
- $rte-split-btn-span-focus-bg: $gray-600 !default;
74
- $rte-split-btn-span-active-bg: darken($gray-600, 10%) !default;
75
- $rte-split-btn-bar-bg: darken($gray-600, 10%) !default;
76
- $rte-split-btn-active-bar-bg: darken($gray-600, 12.5%) !default;
77
- $rte-split-btn-bar-size: 1px !default;
78
- $rte-split-btn-active-border: 1px solid $gray-600 !default;
79
- $rte-split-btn-active-color-icon-line-height: 28px !default;
80
- $rte-big-split-btn-active-color-icon-line-height: 36px !default;
81
- $rte-link-valid-color: $danger !default;
82
- $rte-img-popup-color: $gray-900 !default;
83
- $rte-img-border-color: rgba(0, 0, 0, .2) !default;
84
- $rte-img-popup-border: 1px solid $rte-img-border-color !default;
85
- $rte-img-popup-box-shadow: none !default;
86
- $rte-upload-drag-border-clr: $gray-500 !default;
87
- $rte-img-header-clr: $gray-900 !default;
88
- $rte-drop-text-clr: $gray-900 !default;
89
- $rte-default-character-count-color: $gray-600 !default;
90
- $rte-warning-character-count-color: $warning !default;
91
- $rte-error-character-count-color: $danger !default;
92
- $rte-img-border: solid 2px $primary !default;
93
- $rte-font-family: $font-family !default;
94
- $rte-content-color: $rte-content-font-color !default;
95
- $rte-content-blockquote-border-left-color: solid 2px $gray-900 !default;
96
- $rte-dropdown-selection-bgcolor: $primary !default;
97
- $rte-format-btn-min-width: 75px !default;
98
- $rte-font-name-btn-min-width: 67px !default;
99
- $rte-font-size-btn-min-width: 36px !default;
100
- $rte-drop-btn-padding-left: 8px !default;
101
- $rte-drop-btn-padding-right: 2px !default;
102
- $rte-drop-btn-action-padding-left: 8px !default;
103
- $rte-drop-btn-action-padding-right: 2px !default;
104
- $rte-big-drop-btn-padding-left: 6px !default;
105
- $rte-big-drop-btn-padding-right: 6px !default;
106
- $rte-big-drop-btn-action-padding-left: 6px !default;
107
- $rte-big-drop-btn-action-padding-right: 6px !default;
108
- $rte-ext-tbar-overlay-icons-color: rgba(108, 117, 125, .3) !default;
109
- $rte-colorpicker-parent-padding: 1px !default;
110
- $rte-colorpicker-parent-padding-hover: 1px !default;
111
- $rte-colorpicker-parent-padding-active-hover: 1px !default;
112
- $rte-overlay-color: rgba(0, 0, 0, .5) !default;
113
- $rte-font-icon-width: 30px !default;
114
- $rte-font-arrow-width: 20px !default;
115
- $rte-font-arrow-touch-width: 25px !default;
116
- $rte-font-icon-line-height: 1 !default;
117
- $rte-colorpicker-padding: 1.5px 0 !default;
118
- $rte-dropdown-selection-color: $primary-font !default;
119
- $rte-anchor-color: $primary !default;
120
- $rte-ext-tbar-overlay-dropdown-color: rgba(108, 117, 125, .3) !default;
121
- $rte-placeholder-line-height: 18px !default;
122
- $rte-img-resize-back-color: $primary !default;
123
- $rte-img-resize-color: $white !default;
124
- $rte-table-header-color: $gray-900 !default;
125
- $rte-table-span-bg-color: $content-bg !default;
126
- $rte-table-span-border: 1px solid $gray-300 !default;
127
- $rte-table-span-active-bg-color: $content-bg !default;
128
- $rte-table-span-active-border-color: $primary !default;
129
- $rte-table-select-border-color: $primary !default;
130
- $rte-table-popup-bg: $content-bg !default;
131
- $rte-table-popup-color: $gray-900 !default;
132
- $rte-table-popup-box: none !default;
133
- $rte-table-border-color: $gray-500 !default;
134
- $rte-table-alternate-color: $gray-100 !default;
135
- $rte-table-header-bg: $gray-200 !default;
136
- $rte-content-padding: 16px !default;
137
- $rte-table-popup-padding: 10px !default;
138
- $font-weight: 500 !default;
139
- $rte-insert-dialog-label-padding-top: 14px !default;
140
- $rte-insert-dialog-label-padding-bottom: 14px !default;
141
- $rte-big-quick-tbar-item-min-height: 38px !default;
142
- $rte-big-quick-tbar-item-min-width: 38px !default;
143
- $rte-content-font-size: 14px !default;
144
- $rte-table-popup-bdr-radius: 0 !default;
145
-
146
- $rte-table-popup-border: rgba(0, 0, 0, .2) !default;
147
- $rte-big-content-font-size: 16px !default;
148
- $rte-dropdown-caret-icon-size: 8px !default;
149
- $rte-big-dropdown-caret-icon-size: 10px !default;
150
- $rte-toolbar-icon-size: 16px !default;
151
- $rte-toolbar-big-icon-size: 18px !default;
152
- $rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
153
-
154
- $rte-resize-handler-width: 15px;
155
- $rte-resize-handler-height: 15px;
156
- $rte-resize-handler-position: 0;
157
-
158
- $rte-big-inline-tmp-min-width: 54px;
159
- $rte-inline-tmp-min-width: 62px;
160
- $rte-big-inline-tmp-size-min-width: 63px;
161
- $rte-inline-tmp-size-min-width: 71px;
162
- $rte-big-inline-tmp-color-min-width: 56px;
163
- $rte-inline-tmp-color-min-width: 60px;
164
- $rte-default-character-count-opacity: 1;
165
-
166
- $rte-big-color-list-span-common-padding-left-right: 1px;
167
- $rte-placeholder-padding: 16px !default;
168
-
169
- $rte-img-dlg-max-height: 405px !default;
170
- $rte-img-alt-dlg-max-height: 405px !default;
171
- $rte-img-link-dlg-max-height: 204px !default;
172
- $rte-img-size-dlg-max-height: 268px !default;
173
- $rte-link-dlg-max-height: 368px !default;
174
- $rte-file-browser-dlg-max-height: 557px !default;
175
- $rte-table-dlg-max-height: 264px !default;
176
- $rte-edit-table-dlg-max-height: 333px !default;
177
-
178
- $rte-big-img-dlg-max-height: 428px !default;
179
- $rte-big-img-alt-dlg-max-height: 428px !default;
180
- $rte-big-img-link-dlg-max-height: 231px !default;
181
- $rte-big-img-size-dlg-max-height: 312px !default;
182
- $rte-big-link-dlg-max-height: 404px !default;
183
- $rte-big-file-browser-dlg-max-height: 557px !default;
184
- $rte-big-table-dlg-max-height: 302px !default;
185
- $rte-big-edit-table-dlg-max-height: 378px !default;
186
- $rte-drop-text-width: 300px !default;
187
- $rte-drop-text-mobile-width: 250px !default;
188
-
189
- @include export-module('richtexteditor-bootstrap4') {
190
- .e-richtexteditor {
191
- border-radius: 4px;
192
-
193
- & .e-rte-toolbar {
194
- border-top-left-radius: 4px;
195
- border-top-right-radius: 4px;
196
-
197
- &.e-extended-toolbar {
198
- & .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn .e-icons,
199
- & .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons,
200
- & .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active .e-icons,
201
- & .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons,
202
- & .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
203
- color: $rte-img-resize-color;
204
- }
205
-
206
- & .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn {
207
- border-radius: 4px;
208
- }
209
-
210
- & .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn:active,
211
- & .e-toolbar-items .e-toolbar-item.e-active .e-control.e-tbar-btn.e-btn,
212
- & .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn,
213
- & .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
214
- border: 1px solid darken($gray-600, 12.5%);
215
- }
216
-
217
- & .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn:hover,
218
- & .e-toolbar-extended .e-toolbar-item .e-control.e-tbar-btn.e-btn:hover {
219
- border: 1px solid darken($gray-600, 10%);
220
- }
221
-
222
- & .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn:focus,
223
- & .e-toolbar-extended .e-toolbar-item .e-control.e-tbar-btn.e-btn:focus {
224
- border: 1px solid $gray-600;
225
- }
226
-
227
- & .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn,
228
- & .e-toolbar-extended .e-toolbar-item .e-control.e-tbar-btn.e-dropdown-btn {
229
- border: 1px solid transparent;
230
- }
231
-
232
- & .e-toolbar-extended .e-toolbar-item .e-control.e-tbar-btn.e-dropdown-btn.e-active {
233
- border-radius: 4px;
234
-
235
- & .e-icons {
236
- color: $white;
237
- }
238
- }
239
-
240
- & .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn.e-icon-btn {
241
- padding: 0 2px;
242
- }
243
-
244
- & .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active,
245
- & .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus,
246
- & .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
247
- border: 1px solid transparent;
248
- padding: 0 2px;
249
- }
250
-
251
- & .e-toolbar-items .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn,
252
- & .e-toolbar-extended .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn {
253
- border: 1px solid transparent;
254
- padding-bottom: 1px;
255
- padding-top: 1px;
256
- }
257
- }
258
- }
259
-
260
- & .e-rte-content {
261
- border-bottom-left-radius: 4px;
262
- border-bottom-right-radius: 4px;
263
- }
264
-
265
- & .e-rte-table-popup.e-popup.e-popup-open {
266
- border: 1px solid $rte-table-popup-border;
267
- border-radius: 4px;
268
-
269
- & .e-insert-table-btn .e-btn-icon.e-icons {
270
- color: $white;
271
- }
272
- }
273
-
274
- & .e-rte-content,
275
- & .e-source-content {
276
-
277
- & .e-content {
278
- font-size: $rte-content-font-size;
279
- }
280
- }
281
- }
282
-
283
- .e-bigger .e-richtexteditor {
284
- & .e-rte-toolbar {
285
- &.e-extended-toolbar {
286
- & .e-toolbar-extended.e-toolbar-pop .e-toolbar-item.e-toolbar-popup .e-tbar-btn {
287
- padding: 0 5px;
288
- }
289
- }
290
-
291
- &.e-extended-toolbar .e-toolbar-items .e-toolbar-item {
292
- & .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-btn.e-rte-dropdown-items.e-active,
293
- & .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-items.e-rte-dropdown-btn:hover {
294
- padding-left: 5px;
295
- padding-right: 5px;
296
- }
297
-
298
- & .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-btn.e-rte-dropdown-items {
299
- border: 1px solid transparent;
300
- padding-left: 5px;
301
- padding-right: 5px;
302
- }
303
- }
304
-
305
- & .e-toolbar-items .e-toolbar-item {
306
- & .e-tbar-btn.e-btn,
307
- & .e-tbar-btn.e-btn.e-control,
308
- & .e-control.e-tbar-btn.e-btn.e-icon-btn {
309
- padding: 0 5px;
310
- }
311
- }
312
- }
313
-
314
- & .e-rte-content,
315
- & .e-source-content {
316
-
317
- & .e-content {
318
- font-size: $rte-big-content-font-size;
319
- }
320
- }
321
- }
322
-
323
- .e-rte-quick-popup.e-popup {
324
- border-radius: 4px;
325
- }
326
-
327
- .e-rte-quick-popup .e-rte-quick-toolbar .e-tbar-btn.e-rte-inline-dropdown {
328
- & .e-rte-color-content {
329
- line-height: 26px;
330
- min-height: 26px;
331
- min-width: 26px;
332
- }
333
-
334
- & .e-btn-icon.e-caret {
335
- font-size: 8px;
336
- }
337
- }
338
-
339
- .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-tbar-btn.e-rte-inline-dropdown {
340
- & .e-rte-color-content {
341
- line-height: 32px;
342
- min-height: 26px;
343
- min-width: 32px;
344
- }
345
-
346
- & .e-btn-icon.e-caret {
347
- font-size: 10px;
348
- }
349
- }
350
-
351
- .e-bigger .e-rte-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn,
352
- .e-bigger .e-rte-toolbar.e-extended-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn {
353
- &.e-rte-backgroundcolor-dropdown,
354
- &.e-rte-fontcolor-dropdown,
355
- &.e-rte-numberformatlist-dropdown,
356
- &.e-rte-bulletformatlist-dropdown {
357
- padding-left: 1px;
358
- padding-right: 1px;
359
-
360
- &:hover,
361
- &.e-active:hover {
362
- padding-left: 1px;
363
- padding-right: 1px;
364
- }
365
- }
366
- }
367
-
368
- .e-rte-toolbar,
369
- .e-rte-toolbar.e-extended-toolbar {
370
- .e-toolbar-items,
371
- .e-toolbar-popup,
372
- .e-toolbar-extended {
373
- .e-rte-backgroundcolor-dropdown,
374
- .e-rte-fontcolor-dropdown,
375
- .e-rte-numberformatlist-dropdown,
376
- .e-rte-bulletformatlist-dropdown {
377
- padding-bottom: 0;
378
- padding-top: 0;
379
-
380
- &.e-tbar-btn.e-btn:hover,
381
- &.e-tbar-btn.e-btn.e-active,
382
- &.e-tbar-btn.e-btn.e-active:hover {
383
- padding-bottom: 0;
384
- padding-top: 0;
385
- }
386
-
387
- &.e-active {
388
- border-radius: 4px;
389
- }
390
- }
391
- }
392
- }
393
- }
@@ -1 +0,0 @@
1
- @import './bootstrap5-definition.scss';