@covalent/text-editor 4.0.0 → 4.1.0-develop.2
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/README.md +17 -18
- package/covalent-text-editor.d.ts +2 -1
- package/esm2020/covalent-text-editor.mjs +5 -0
- package/esm2020/lib/text-editor.component.mjs +166 -0
- package/esm2020/lib/text-editor.module.mjs +19 -0
- package/esm2020/public_api.mjs +3 -0
- package/fesm2015/covalent-text-editor.mjs +188 -0
- package/fesm2015/covalent-text-editor.mjs.map +1 -0
- package/fesm2020/covalent-text-editor.mjs +188 -0
- package/fesm2020/covalent-text-editor.mjs.map +1 -0
- package/{text-editor.component.d.ts → lib/text-editor.component.d.ts} +4 -1
- package/lib/text-editor.module.d.ts +8 -0
- package/package.json +25 -41
- package/public_api.d.ts +2 -0
- package/bundles/covalent-text-editor.umd.js +0 -390
- package/bundles/covalent-text-editor.umd.js.map +0 -1
- package/bundles/covalent-text-editor.umd.min.js +0 -2
- package/bundles/covalent-text-editor.umd.min.js.map +0 -1
- package/covalent-text-editor.metadata.json +0 -1
- package/esm2015/covalent-text-editor.js +0 -10
- package/esm2015/index.js +0 -7
- package/esm2015/public-api.js +0 -8
- package/esm2015/text-editor.component.js +0 -319
- package/esm2015/text-editor.module.js +0 -19
- package/fesm2015/covalent-text-editor.js +0 -355
- package/fesm2015/covalent-text-editor.js.map +0 -1
- package/index.d.ts +0 -1
- package/public-api.d.ts +0 -2
- package/text-editor.component.scss +0 -5
- package/text-editor.module.d.ts +0 -2
|
@@ -1,355 +0,0 @@
|
|
|
1
|
-
import { Component, forwardRef, NgZone, ViewChild, Input, NgModule } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import * as EasyMDE from 'easymde';
|
|
4
|
-
import { setOptions } from 'marked';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* @fileoverview added by tsickle
|
|
9
|
-
* Generated from: text-editor.component.ts
|
|
10
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11
|
-
*/
|
|
12
|
-
/** @type {?} */
|
|
13
|
-
const noop = (/**
|
|
14
|
-
* @return {?}
|
|
15
|
-
*/
|
|
16
|
-
() => {
|
|
17
|
-
// empty method
|
|
18
|
-
});
|
|
19
|
-
const ɵ0 = noop;
|
|
20
|
-
class TdTextEditorComponent {
|
|
21
|
-
/**
|
|
22
|
-
* @param {?} _zone
|
|
23
|
-
*/
|
|
24
|
-
constructor(_zone) {
|
|
25
|
-
this._zone = _zone;
|
|
26
|
-
this._value = '';
|
|
27
|
-
this._fromEditor = false;
|
|
28
|
-
this.options = {};
|
|
29
|
-
/* tslint:disable-next-line */
|
|
30
|
-
this.propagateChange = (/**
|
|
31
|
-
* @param {?} _
|
|
32
|
-
* @return {?}
|
|
33
|
-
*/
|
|
34
|
-
(_) => { });
|
|
35
|
-
this.onTouched = (/**
|
|
36
|
-
* @return {?}
|
|
37
|
-
*/
|
|
38
|
-
() => noop);
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* value?: string
|
|
42
|
-
* Value in the Editor after async getEditorContent was called
|
|
43
|
-
* @param {?} value
|
|
44
|
-
* @return {?}
|
|
45
|
-
*/
|
|
46
|
-
set value(value) {
|
|
47
|
-
this._value = value;
|
|
48
|
-
if (this._easyMDE) {
|
|
49
|
-
if (!this._fromEditor) {
|
|
50
|
-
this._easyMDE.value(value);
|
|
51
|
-
}
|
|
52
|
-
this.propagateChange(this._value);
|
|
53
|
-
this._fromEditor = false;
|
|
54
|
-
this._zone.run((/**
|
|
55
|
-
* @return {?}
|
|
56
|
-
*/
|
|
57
|
-
() => (this._value = value)));
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* @return {?}
|
|
62
|
-
*/
|
|
63
|
-
get value() {
|
|
64
|
-
return this._value;
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* @return {?}
|
|
68
|
-
*/
|
|
69
|
-
get easyMDE() {
|
|
70
|
-
return this._easyMDE;
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Implemented as part of ControlValueAccessor.
|
|
74
|
-
* @param {?} value
|
|
75
|
-
* @return {?}
|
|
76
|
-
*/
|
|
77
|
-
writeValue(value) {
|
|
78
|
-
this.value = !value ? '' : value;
|
|
79
|
-
}
|
|
80
|
-
/**
|
|
81
|
-
* @param {?} fn
|
|
82
|
-
* @return {?}
|
|
83
|
-
*/
|
|
84
|
-
registerOnChange(fn) {
|
|
85
|
-
this.propagateChange = fn;
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* @param {?} fn
|
|
89
|
-
* @return {?}
|
|
90
|
-
*/
|
|
91
|
-
registerOnTouched(fn) {
|
|
92
|
-
this.onTouched = fn;
|
|
93
|
-
}
|
|
94
|
-
/**
|
|
95
|
-
* @return {?}
|
|
96
|
-
*/
|
|
97
|
-
ngAfterViewInit() {
|
|
98
|
-
this.options.element = this.textarea.nativeElement;
|
|
99
|
-
// If content entered is html then don't evaluate it, prevent xss vulnerabilities
|
|
100
|
-
setOptions({ sanitize: true });
|
|
101
|
-
this._easyMDE = new EasyMDE(this.options);
|
|
102
|
-
this._easyMDE.value(this.value);
|
|
103
|
-
this._easyMDE.codemirror.on('change', (/**
|
|
104
|
-
* @return {?}
|
|
105
|
-
*/
|
|
106
|
-
() => {
|
|
107
|
-
this._fromEditor = true;
|
|
108
|
-
this.writeValue(this._easyMDE.value());
|
|
109
|
-
}));
|
|
110
|
-
}
|
|
111
|
-
/* Wrapped function provided by EasyMDE */
|
|
112
|
-
/**
|
|
113
|
-
* @return {?}
|
|
114
|
-
*/
|
|
115
|
-
isPreviewActive() {
|
|
116
|
-
return this._easyMDE.isPreviewActive();
|
|
117
|
-
}
|
|
118
|
-
/**
|
|
119
|
-
* @return {?}
|
|
120
|
-
*/
|
|
121
|
-
isSideBySideActive() {
|
|
122
|
-
return this._easyMDE.isSideBySideActive();
|
|
123
|
-
}
|
|
124
|
-
/**
|
|
125
|
-
* @return {?}
|
|
126
|
-
*/
|
|
127
|
-
isFullscreenActive() {
|
|
128
|
-
return this._easyMDE.isFullscreenActive();
|
|
129
|
-
}
|
|
130
|
-
/**
|
|
131
|
-
* @return {?}
|
|
132
|
-
*/
|
|
133
|
-
clearAutosavedValue() {
|
|
134
|
-
this._easyMDE.clearAutosavedValue();
|
|
135
|
-
}
|
|
136
|
-
/**
|
|
137
|
-
* @return {?}
|
|
138
|
-
*/
|
|
139
|
-
toTextArea() {
|
|
140
|
-
this._easyMDE.toTextArea();
|
|
141
|
-
}
|
|
142
|
-
/**
|
|
143
|
-
* @return {?}
|
|
144
|
-
*/
|
|
145
|
-
toggleBold() {
|
|
146
|
-
this._easyMDE.toggleBold();
|
|
147
|
-
}
|
|
148
|
-
/**
|
|
149
|
-
* @return {?}
|
|
150
|
-
*/
|
|
151
|
-
toggleItalic() {
|
|
152
|
-
this._easyMDE.toggleItalic();
|
|
153
|
-
}
|
|
154
|
-
/**
|
|
155
|
-
* @return {?}
|
|
156
|
-
*/
|
|
157
|
-
toggleStrikethrough() {
|
|
158
|
-
this._easyMDE.toggleStrikethrough();
|
|
159
|
-
}
|
|
160
|
-
/**
|
|
161
|
-
* @return {?}
|
|
162
|
-
*/
|
|
163
|
-
toggleHeadingSmaller() {
|
|
164
|
-
this._easyMDE.toggleHeadingSmaller();
|
|
165
|
-
}
|
|
166
|
-
/**
|
|
167
|
-
* @return {?}
|
|
168
|
-
*/
|
|
169
|
-
toggleHeadingBigger() {
|
|
170
|
-
this._easyMDE.toggleHeadingBigger();
|
|
171
|
-
}
|
|
172
|
-
/**
|
|
173
|
-
* @return {?}
|
|
174
|
-
*/
|
|
175
|
-
toggleHeading1() {
|
|
176
|
-
this._easyMDE.toggleHeading1();
|
|
177
|
-
}
|
|
178
|
-
/**
|
|
179
|
-
* @return {?}
|
|
180
|
-
*/
|
|
181
|
-
toggleHeading2() {
|
|
182
|
-
this._easyMDE.toggleHeading2();
|
|
183
|
-
}
|
|
184
|
-
/**
|
|
185
|
-
* @return {?}
|
|
186
|
-
*/
|
|
187
|
-
toggleHeading3() {
|
|
188
|
-
this._easyMDE.toggleHeading3();
|
|
189
|
-
}
|
|
190
|
-
/**
|
|
191
|
-
* @return {?}
|
|
192
|
-
*/
|
|
193
|
-
toggleCodeBlock() {
|
|
194
|
-
this._easyMDE.toggleCodeBlock();
|
|
195
|
-
}
|
|
196
|
-
/**
|
|
197
|
-
* @return {?}
|
|
198
|
-
*/
|
|
199
|
-
toggleBlockquote() {
|
|
200
|
-
this._easyMDE.toggleBlockquote();
|
|
201
|
-
}
|
|
202
|
-
/**
|
|
203
|
-
* @return {?}
|
|
204
|
-
*/
|
|
205
|
-
toggleUnorderedList() {
|
|
206
|
-
this._easyMDE.toggleUnorderedList();
|
|
207
|
-
}
|
|
208
|
-
/**
|
|
209
|
-
* @return {?}
|
|
210
|
-
*/
|
|
211
|
-
toggleOrderedList() {
|
|
212
|
-
this._easyMDE.toggleOrderedList();
|
|
213
|
-
}
|
|
214
|
-
/**
|
|
215
|
-
* @return {?}
|
|
216
|
-
*/
|
|
217
|
-
cleanBlock() {
|
|
218
|
-
this._easyMDE.cleanBlock();
|
|
219
|
-
}
|
|
220
|
-
/**
|
|
221
|
-
* @return {?}
|
|
222
|
-
*/
|
|
223
|
-
drawLink() {
|
|
224
|
-
this._easyMDE.drawLink();
|
|
225
|
-
}
|
|
226
|
-
/**
|
|
227
|
-
* @return {?}
|
|
228
|
-
*/
|
|
229
|
-
drawImage() {
|
|
230
|
-
this._easyMDE.drawImage();
|
|
231
|
-
}
|
|
232
|
-
/**
|
|
233
|
-
* @return {?}
|
|
234
|
-
*/
|
|
235
|
-
drawTable() {
|
|
236
|
-
this._easyMDE.drawTable();
|
|
237
|
-
}
|
|
238
|
-
/**
|
|
239
|
-
* @return {?}
|
|
240
|
-
*/
|
|
241
|
-
drawHorizontalRule() {
|
|
242
|
-
this._easyMDE.drawHorizontalRule();
|
|
243
|
-
}
|
|
244
|
-
/**
|
|
245
|
-
* @return {?}
|
|
246
|
-
*/
|
|
247
|
-
togglePreview() {
|
|
248
|
-
this._easyMDE.togglePreview();
|
|
249
|
-
}
|
|
250
|
-
/**
|
|
251
|
-
* @return {?}
|
|
252
|
-
*/
|
|
253
|
-
toggleSideBySide() {
|
|
254
|
-
this._easyMDE.toggleSideBySide();
|
|
255
|
-
}
|
|
256
|
-
/**
|
|
257
|
-
* @return {?}
|
|
258
|
-
*/
|
|
259
|
-
toggleFullScreen() {
|
|
260
|
-
this._easyMDE.toggleFullScreen();
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
TdTextEditorComponent.decorators = [
|
|
264
|
-
{ type: Component, args: [{
|
|
265
|
-
selector: 'td-text-editor',
|
|
266
|
-
template: "<div>\n <textarea #easymde></textarea>\n</div>\n",
|
|
267
|
-
providers: [
|
|
268
|
-
{
|
|
269
|
-
provide: NG_VALUE_ACCESSOR,
|
|
270
|
-
useExisting: forwardRef((/**
|
|
271
|
-
* @return {?}
|
|
272
|
-
*/
|
|
273
|
-
() => TdTextEditorComponent)),
|
|
274
|
-
multi: true,
|
|
275
|
-
},
|
|
276
|
-
],
|
|
277
|
-
styles: ["@charset \"UTF-8\";:host ::ng-deep .CodeMirror{color:#000;direction:ltr;font-family:monospace;height:300px}:host ::ng-deep .CodeMirror-lines{padding:4px 0}:host ::ng-deep .CodeMirror pre.CodeMirror-line,:host ::ng-deep .CodeMirror pre.CodeMirror-line-like{padding:0 4px}:host ::ng-deep .CodeMirror-gutter-filler,:host ::ng-deep .CodeMirror-scrollbar-filler{background-color:#fff}:host ::ng-deep .CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}:host ::ng-deep .CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}:host ::ng-deep .CodeMirror-guttermarker{color:#000}:host ::ng-deep .CodeMirror-guttermarker-subtle{color:#999}:host ::ng-deep .CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}:host ::ng-deep .CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}:host ::ng-deep .cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0!important;width:auto}:host ::ng-deep .cm-fat-cursor div.CodeMirror-cursors{z-index:1}:host ::ng-deep .cm-fat-cursor-mark{animation:blink 1.06s steps(1) infinite;background-color:rgba(20,255,20,.5)}:host ::ng-deep .cm-animate-fat-cursor{animation:blink 1.06s steps(1) infinite;background-color:#7e7;border:0;width:auto}@keyframes blink{50%{background-color:rgba(0,0,0,0)}}:host ::ng-deep .cm-tab{display:inline-block;text-decoration:inherit}:host ::ng-deep .CodeMirror-rulers{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:-50px}:host ::ng-deep .CodeMirror-ruler{border-left:1px solid #ccc;bottom:0;position:absolute;top:0}:host ::ng-deep .cm-s-default .cm-header{color:#00f}:host ::ng-deep .cm-s-default .cm-quote{color:#090}:host ::ng-deep .cm-negative{color:#d44}:host ::ng-deep .cm-positive{color:#292}:host ::ng-deep .cm-header,:host ::ng-deep .cm-strong{font-weight:700}:host ::ng-deep .cm-em{font-style:italic}:host ::ng-deep .cm-link{text-decoration:underline}:host ::ng-deep .cm-strikethrough{text-decoration:line-through}:host ::ng-deep .cm-s-default .cm-keyword{color:#708}:host ::ng-deep .cm-s-default .cm-atom{color:#219}:host ::ng-deep .cm-s-default .cm-number{color:#164}:host ::ng-deep .cm-s-default .cm-def{color:#00f}:host ::ng-deep .cm-s-default .cm-variable-2{color:#05a}:host ::ng-deep .cm-s-default .cm-type,:host ::ng-deep .cm-s-default .cm-variable-3{color:#085}:host ::ng-deep .cm-s-default .cm-comment{color:#a50}:host ::ng-deep .cm-s-default .cm-string{color:#a11}:host ::ng-deep .cm-s-default .cm-string-2{color:#f50}:host ::ng-deep .cm-s-default .cm-meta,:host ::ng-deep .cm-s-default .cm-qualifier{color:#555}:host ::ng-deep .cm-s-default .cm-builtin{color:#30a}:host ::ng-deep .cm-s-default .cm-bracket{color:#997}:host ::ng-deep .cm-s-default .cm-tag{color:#170}:host ::ng-deep .cm-s-default .cm-attribute{color:#00c}:host ::ng-deep .cm-s-default .cm-hr{color:#999}:host ::ng-deep .cm-s-default .cm-link{color:#00c}:host ::ng-deep .cm-invalidchar,:host ::ng-deep .cm-s-default .cm-error{color:red}:host ::ng-deep .CodeMirror-composing{border-bottom:2px solid}:host ::ng-deep div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}:host ::ng-deep div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}:host ::ng-deep .CodeMirror-matchingtag{background:rgba(255,150,0,.3)}:host ::ng-deep .CodeMirror-activeline-background{background:#e8f2ff}:host ::ng-deep .CodeMirror{background:#fff;overflow:hidden;position:relative}:host ::ng-deep .CodeMirror-scroll{height:100%;margin-bottom:-30px;margin-right:-30px;outline:0;overflow:scroll!important;padding-bottom:30px;position:relative}:host ::ng-deep .CodeMirror-sizer{border-right:30px solid rgba(0,0,0,0);position:relative}:host ::ng-deep .CodeMirror-gutter-filler,:host ::ng-deep .CodeMirror-hscrollbar,:host ::ng-deep .CodeMirror-scrollbar-filler,:host ::ng-deep .CodeMirror-vscrollbar{display:none;position:absolute;z-index:6}:host ::ng-deep .CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}:host ::ng-deep .CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}:host ::ng-deep .CodeMirror-scrollbar-filler{bottom:0;right:0}:host ::ng-deep .CodeMirror-gutter-filler{bottom:0;left:0}:host ::ng-deep .CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}:host ::ng-deep .CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-30px;vertical-align:top;white-space:normal}:host ::ng-deep .CodeMirror-gutter-wrapper{background:0 0!important;border:none!important;position:absolute;z-index:4}:host ::ng-deep .CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}:host ::ng-deep .CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}:host ::ng-deep .CodeMirror-gutter-wrapper ::selection{background-color:rgba(0,0,0,0)}:host ::ng-deep .CodeMirror-gutter-wrapper ::-moz-selection{background-color:rgba(0,0,0,0)}:host ::ng-deep .CodeMirror-lines{cursor:text;min-height:1px}:host ::ng-deep .CodeMirror pre.CodeMirror-line,:host ::ng-deep .CodeMirror pre.CodeMirror-line-like{-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-variant-ligatures:contextual;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;word-wrap:normal;z-index:2}:host ::ng-deep .CodeMirror-wrap pre.CodeMirror-line,:host ::ng-deep .CodeMirror-wrap pre.CodeMirror-line-like{white-space:pre-wrap;word-break:normal;word-wrap:break-word}:host ::ng-deep .CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}:host ::ng-deep .CodeMirror-linewidget{padding:.1px;position:relative;z-index:2}:host ::ng-deep .CodeMirror-rtl pre{direction:rtl}:host ::ng-deep .CodeMirror-code{outline:0}:host ::ng-deep .CodeMirror-gutter,:host ::ng-deep .CodeMirror-gutters,:host ::ng-deep .CodeMirror-linenumber,:host ::ng-deep .CodeMirror-scroll,:host ::ng-deep .CodeMirror-sizer{box-sizing:content-box}:host ::ng-deep .CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}:host ::ng-deep .CodeMirror-cursor{pointer-events:none;position:absolute}:host ::ng-deep .CodeMirror-measure pre{position:static}:host ::ng-deep div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}:host ::ng-deep .CodeMirror-focused div.CodeMirror-cursors,:host ::ng-deep div.CodeMirror-dragcursors{visibility:visible}:host ::ng-deep .CodeMirror-selected{background:#d9d9d9}:host ::ng-deep .CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}:host ::ng-deep .CodeMirror-crosshair{cursor:crosshair}:host ::ng-deep .CodeMirror-line::selection,:host ::ng-deep .CodeMirror-line>span::selection,:host ::ng-deep .CodeMirror-line>span>span::selection{background:#d7d4f0}:host ::ng-deep .CodeMirror-line::-moz-selection,:host ::ng-deep .CodeMirror-line>span::-moz-selection,:host ::ng-deep .CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}:host ::ng-deep .cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}:host ::ng-deep .cm-force-border{padding-right:.1px}@media print{:host ::ng-deep .CodeMirror div.CodeMirror-cursors{visibility:hidden}}:host ::ng-deep .cm-tab-wrap-hack:after{content:\"\"}:host ::ng-deep span.CodeMirror-selectedtext{background:0 0}:host ::ng-deep .CodeMirror{border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-sizing:border-box;font:inherit;height:auto;padding:10px;word-wrap:break-word;z-index:1}:host ::ng-deep .CodeMirror-scroll{cursor:text}:host ::ng-deep .CodeMirror-fullscreen{background:#fff;border-bottom-right-radius:0!important;border-right:none!important;bottom:0;height:auto;left:0;position:fixed!important;right:0;top:50px;z-index:9}:host ::ng-deep .CodeMirror-sided{width:50%!important}:host ::ng-deep .CodeMirror-placeholder{opacity:.5}:host ::ng-deep .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}:host ::ng-deep .editor-toolbar{-moz-user-select:none;-ms-user-select:none;-o-user-select:none;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px;padding:0 10px;position:relative;user-select:none}:host ::ng-deep .editor-toolbar:after,:host ::ng-deep .editor-toolbar:before{content:\" \";display:block;height:1px}:host ::ng-deep .editor-toolbar:before{margin-bottom:8px}:host ::ng-deep .editor-toolbar:after{margin-top:8px}:host ::ng-deep .editor-toolbar.fullscreen{background:#fff;border:0;box-sizing:border-box;height:50px;left:0;opacity:1;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;padding-top:10px;position:fixed;top:0;white-space:nowrap;width:100%;z-index:9}:host ::ng-deep .editor-toolbar.fullscreen:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));height:50px;left:0;margin:0;padding:0;position:fixed;top:0;width:20px}:host ::ng-deep .editor-toolbar.fullscreen:after{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);height:50px;margin:0;padding:0;position:fixed;right:0;top:0;width:20px}:host ::ng-deep .editor-toolbar button{background:0 0;border:1px solid rgba(0,0,0,0);border-radius:3px;cursor:pointer;display:inline-block;height:30px;margin:0;padding:0;text-align:center;text-decoration:none!important;width:30px}:host ::ng-deep .editor-toolbar button.active,:host ::ng-deep .editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}:host ::ng-deep .editor-toolbar i.separator{border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:rgba(0,0,0,0);display:inline-block;margin:0 6px;text-indent:-10px;width:0}:host ::ng-deep .editor-toolbar button:after{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:65%;position:relative;top:2px;vertical-align:text-bottom}:host ::ng-deep .editor-toolbar button.heading-1:after{content:\"1\"}:host ::ng-deep .editor-toolbar button.heading-2:after{content:\"2\"}:host ::ng-deep .editor-toolbar button.heading-3:after{content:\"3\"}:host ::ng-deep .editor-toolbar button.heading-bigger:after{content:\"\u25B2\"}:host ::ng-deep .editor-toolbar button.heading-smaller:after{content:\"\u25BC\"}:host ::ng-deep .editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width:700px){:host ::ng-deep .editor-toolbar i.no-mobile{display:none}}:host ::ng-deep .editor-statusbar{color:#959694;font-size:12px;padding:8px 10px;text-align:right}:host ::ng-deep .editor-statusbar span{display:inline-block;margin-left:1em;min-width:4em}:host ::ng-deep .editor-statusbar .lines:before{content:\"lines: \"}:host ::ng-deep .editor-statusbar .words:before{content:\"words: \"}:host ::ng-deep .editor-statusbar .characters:before{content:\"characters: \"}:host ::ng-deep .editor-preview-full{box-sizing:border-box;display:none;height:100%;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:7}:host ::ng-deep .editor-preview-side{border:1px solid #ddd;bottom:0;box-sizing:border-box;display:none;overflow:auto;position:fixed;right:0;top:50px;width:50%;word-wrap:break-word;z-index:9}:host ::ng-deep .editor-preview-active,:host ::ng-deep .editor-preview-active-side{display:block}:host ::ng-deep .editor-preview{background:#fafafa;padding:10px}:host ::ng-deep .editor-preview>p{margin-top:0}:host ::ng-deep .editor-preview pre{background:#eee;margin-bottom:10px}:host ::ng-deep .editor-preview table td,:host ::ng-deep .editor-preview table th{border:1px solid #ddd;padding:5px}:host ::ng-deep .cm-s-easymde .cm-tag{color:#63a35c}:host ::ng-deep .cm-s-easymde .cm-attribute{color:#795da3}:host ::ng-deep .cm-s-easymde .cm-string{color:#183691}:host ::ng-deep .cm-s-easymde .cm-header-1{font-size:200%;line-height:200%}:host ::ng-deep .cm-s-easymde .cm-header-2{font-size:160%;line-height:160%}:host ::ng-deep .cm-s-easymde .cm-header-3{font-size:125%;line-height:125%}:host ::ng-deep .cm-s-easymde .cm-header-4{font-size:110%;line-height:110%}:host ::ng-deep .cm-s-easymde .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}:host ::ng-deep .cm-s-easymde .cm-link{color:#7f8c8d}:host ::ng-deep .cm-s-easymde .cm-url{color:#aab2b3}:host ::ng-deep .cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}:host ::ng-deep .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}"]
|
|
278
|
-
}] }
|
|
279
|
-
];
|
|
280
|
-
/** @nocollapse */
|
|
281
|
-
TdTextEditorComponent.ctorParameters = () => [
|
|
282
|
-
{ type: NgZone }
|
|
283
|
-
];
|
|
284
|
-
TdTextEditorComponent.propDecorators = {
|
|
285
|
-
textarea: [{ type: ViewChild, args: ['easymde', { static: true },] }],
|
|
286
|
-
options: [{ type: Input }],
|
|
287
|
-
value: [{ type: Input, args: ['value',] }]
|
|
288
|
-
};
|
|
289
|
-
if (false) {
|
|
290
|
-
/**
|
|
291
|
-
* @type {?}
|
|
292
|
-
* @private
|
|
293
|
-
*/
|
|
294
|
-
TdTextEditorComponent.prototype._value;
|
|
295
|
-
/**
|
|
296
|
-
* @type {?}
|
|
297
|
-
* @private
|
|
298
|
-
*/
|
|
299
|
-
TdTextEditorComponent.prototype._easyMDE;
|
|
300
|
-
/**
|
|
301
|
-
* @type {?}
|
|
302
|
-
* @private
|
|
303
|
-
*/
|
|
304
|
-
TdTextEditorComponent.prototype._fromEditor;
|
|
305
|
-
/** @type {?} */
|
|
306
|
-
TdTextEditorComponent.prototype.textarea;
|
|
307
|
-
/** @type {?} */
|
|
308
|
-
TdTextEditorComponent.prototype.options;
|
|
309
|
-
/** @type {?} */
|
|
310
|
-
TdTextEditorComponent.prototype.propagateChange;
|
|
311
|
-
/** @type {?} */
|
|
312
|
-
TdTextEditorComponent.prototype.onTouched;
|
|
313
|
-
/**
|
|
314
|
-
* @type {?}
|
|
315
|
-
* @private
|
|
316
|
-
*/
|
|
317
|
-
TdTextEditorComponent.prototype._zone;
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
/**
|
|
321
|
-
* @fileoverview added by tsickle
|
|
322
|
-
* Generated from: text-editor.module.ts
|
|
323
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
324
|
-
*/
|
|
325
|
-
class CovalentTextEditorModule {
|
|
326
|
-
}
|
|
327
|
-
CovalentTextEditorModule.decorators = [
|
|
328
|
-
{ type: NgModule, args: [{
|
|
329
|
-
imports: [CommonModule],
|
|
330
|
-
declarations: [TdTextEditorComponent],
|
|
331
|
-
exports: [TdTextEditorComponent],
|
|
332
|
-
bootstrap: [TdTextEditorComponent],
|
|
333
|
-
},] }
|
|
334
|
-
];
|
|
335
|
-
|
|
336
|
-
/**
|
|
337
|
-
* @fileoverview added by tsickle
|
|
338
|
-
* Generated from: public-api.ts
|
|
339
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
340
|
-
*/
|
|
341
|
-
|
|
342
|
-
/**
|
|
343
|
-
* @fileoverview added by tsickle
|
|
344
|
-
* Generated from: index.ts
|
|
345
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
346
|
-
*/
|
|
347
|
-
|
|
348
|
-
/**
|
|
349
|
-
* @fileoverview added by tsickle
|
|
350
|
-
* Generated from: covalent-text-editor.ts
|
|
351
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
352
|
-
*/
|
|
353
|
-
|
|
354
|
-
export { CovalentTextEditorModule, TdTextEditorComponent };
|
|
355
|
-
//# sourceMappingURL=covalent-text-editor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"covalent-text-editor.js","sources":["../../../../src/platform/text-editor/text-editor.component.ts","../../../../src/platform/text-editor/text-editor.module.ts"],"sourcesContent":["import { Component, Input, AfterViewInit, ViewChild, ElementRef, forwardRef, NgZone } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport * as EasyMDE from 'easymde';\n// get access to the marked class under easymde\nimport * as marked from 'marked';\n\nconst noop: any = () => {\n // empty method\n};\n\n@Component({\n selector: 'td-text-editor',\n templateUrl: './text-editor.component.html',\n styleUrls: ['./text-editor.component.scss'],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdTextEditorComponent),\n multi: true,\n },\n ],\n})\nexport class TdTextEditorComponent implements AfterViewInit, ControlValueAccessor {\n private _value: string = '';\n private _easyMDE: any;\n private _fromEditor: boolean = false;\n\n @ViewChild('easymde', { static: true }) textarea: ElementRef;\n @Input() options: any = {};\n\n constructor(private _zone: NgZone) {}\n\n /* tslint:disable-next-line */\n propagateChange = (_: any) => {};\n onTouched = () => noop;\n\n /**\n * value?: string\n * Value in the Editor after async getEditorContent was called\n */\n @Input('value')\n set value(value: string) {\n this._value = value;\n if (this._easyMDE) {\n if (!this._fromEditor) {\n this._easyMDE.value(value);\n }\n this.propagateChange(this._value);\n this._fromEditor = false;\n this._zone.run(() => (this._value = value));\n }\n }\n\n get value(): string {\n return this._value;\n }\n\n get easyMDE(): any {\n return this._easyMDE;\n }\n\n /**\n * Implemented as part of ControlValueAccessor.\n */\n writeValue(value: any): void {\n this.value = !value ? '' : value;\n }\n registerOnChange(fn: any): void {\n this.propagateChange = fn;\n }\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n ngAfterViewInit(): void {\n this.options.element = this.textarea.nativeElement;\n\n // If content entered is html then don't evaluate it, prevent xss vulnerabilities\n marked.setOptions({ sanitize: true });\n this._easyMDE = new EasyMDE(this.options);\n this._easyMDE.value(this.value);\n this._easyMDE.codemirror.on('change', () => {\n this._fromEditor = true;\n this.writeValue(this._easyMDE.value());\n });\n }\n\n /* Wrapped function provided by EasyMDE */\n\n isPreviewActive(): boolean {\n return this._easyMDE.isPreviewActive();\n }\n\n isSideBySideActive(): boolean {\n return this._easyMDE.isSideBySideActive();\n }\n\n isFullscreenActive(): boolean {\n return this._easyMDE.isFullscreenActive();\n }\n\n clearAutosavedValue(): void {\n this._easyMDE.clearAutosavedValue();\n }\n\n toTextArea(): void {\n this._easyMDE.toTextArea();\n }\n\n toggleBold(): void {\n this._easyMDE.toggleBold();\n }\n\n toggleItalic(): void {\n this._easyMDE.toggleItalic();\n }\n\n toggleStrikethrough(): void {\n this._easyMDE.toggleStrikethrough();\n }\n\n toggleHeadingSmaller(): void {\n this._easyMDE.toggleHeadingSmaller();\n }\n\n toggleHeadingBigger(): void {\n this._easyMDE.toggleHeadingBigger();\n }\n\n toggleHeading1(): void {\n this._easyMDE.toggleHeading1();\n }\n\n toggleHeading2(): void {\n this._easyMDE.toggleHeading2();\n }\n\n toggleHeading3(): void {\n this._easyMDE.toggleHeading3();\n }\n\n toggleCodeBlock(): void {\n this._easyMDE.toggleCodeBlock();\n }\n\n toggleBlockquote(): void {\n this._easyMDE.toggleBlockquote();\n }\n\n toggleUnorderedList(): void {\n this._easyMDE.toggleUnorderedList();\n }\n\n toggleOrderedList(): void {\n this._easyMDE.toggleOrderedList();\n }\n\n cleanBlock(): void {\n this._easyMDE.cleanBlock();\n }\n\n drawLink(): void {\n this._easyMDE.drawLink();\n }\n\n drawImage(): void {\n this._easyMDE.drawImage();\n }\n\n drawTable(): void {\n this._easyMDE.drawTable();\n }\n\n drawHorizontalRule(): void {\n this._easyMDE.drawHorizontalRule();\n }\n\n togglePreview(): void {\n this._easyMDE.togglePreview();\n }\n\n toggleSideBySide(): void {\n this._easyMDE.toggleSideBySide();\n }\n\n toggleFullScreen(): void {\n this._easyMDE.toggleFullScreen();\n }\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { TdTextEditorComponent } from './text-editor.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TdTextEditorComponent],\n exports: [TdTextEditorComponent],\n bootstrap: [TdTextEditorComponent],\n})\nexport class CovalentTextEditorModule {}\n"],"names":["marked.setOptions"],"mappings":"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"}
|
package/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
package/public-api.d.ts
DELETED
package/text-editor.module.d.ts
DELETED