@semantic-components/editor 0.4.0 → 0.62.0

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 (45) hide show
  1. package/README.md +11 -4
  2. package/eslint.config.mjs +48 -0
  3. package/ng-package.json +8 -0
  4. package/package.json +14 -122
  5. package/project.json +28 -0
  6. package/src/index.ts +1 -0
  7. package/src/lib/components/editor/README.md +354 -0
  8. package/src/lib/components/editor/editor-align-center-button.ts +45 -0
  9. package/src/lib/components/editor/editor-align-justify-button.ts +45 -0
  10. package/src/lib/components/editor/editor-align-left-button.ts +44 -0
  11. package/src/lib/components/editor/editor-align-right-button.ts +44 -0
  12. package/src/lib/components/editor/editor-blockquote-button.ts +44 -0
  13. package/src/lib/components/editor/editor-bold-button.ts +44 -0
  14. package/src/lib/components/editor/editor-bullet-list-button.ts +44 -0
  15. package/src/lib/components/editor/editor-char-count.ts +42 -0
  16. package/src/lib/components/editor/editor-clear-formatting-button.ts +42 -0
  17. package/src/lib/components/editor/editor-code-button.ts +52 -0
  18. package/src/lib/components/editor/editor-content.ts +107 -0
  19. package/src/lib/components/editor/editor-count.ts +28 -0
  20. package/src/lib/components/editor/editor-footer.ts +30 -0
  21. package/src/lib/components/editor/editor-header.ts +27 -0
  22. package/src/lib/components/editor/editor-heading-select.ts +48 -0
  23. package/src/lib/components/editor/editor-horizontal-rule-button.ts +42 -0
  24. package/src/lib/components/editor/editor-italic-button.ts +44 -0
  25. package/src/lib/components/editor/editor-link-button.ts +58 -0
  26. package/src/lib/components/editor/editor-numbered-list-button.ts +44 -0
  27. package/src/lib/components/editor/editor-redo-button.ts +42 -0
  28. package/src/lib/components/editor/editor-separator.ts +25 -0
  29. package/src/lib/components/editor/editor-strikethrough-button.ts +44 -0
  30. package/src/lib/components/editor/editor-toolbar-group.ts +27 -0
  31. package/src/lib/components/editor/editor-toolbar.ts +32 -0
  32. package/src/lib/components/editor/editor-underline-button.ts +44 -0
  33. package/src/lib/components/editor/editor-undo-button.ts +42 -0
  34. package/src/lib/components/editor/editor-word-count.ts +43 -0
  35. package/src/lib/components/editor/editor.ts +211 -0
  36. package/src/lib/components/editor/index.ts +45 -0
  37. package/src/lib/components/index.ts +1 -0
  38. package/src/lib/styles/editor.css +94 -0
  39. package/src/lib/styles/index.css +1 -0
  40. package/tsconfig.json +28 -0
  41. package/tsconfig.lib.json +12 -0
  42. package/tsconfig.lib.prod.json +7 -0
  43. package/fesm2022/semantic-components-editor.mjs +0 -4721
  44. package/fesm2022/semantic-components-editor.mjs.map +0 -1
  45. package/index.d.ts +0 -385
package/index.d.ts DELETED
@@ -1,385 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import * as _tiptap_core from '@tiptap/core';
4
- import { Editor } from '@tiptap/core';
5
- import { Dialog } from '@angular/cdk/dialog';
6
- import { Level } from '@tiptap/extension-heading';
7
-
8
- declare class ScEditorContent {
9
- private readonly host;
10
- readonly classInput: i0.InputSignal<string>;
11
- protected readonly class: i0.Signal<string>;
12
- get nativeElement(): any;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorContent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorContent, "sc-editor-content", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
15
- }
16
-
17
- declare class ScExtensions {
18
- undo: i0.WritableSignal<boolean>;
19
- redo: i0.WritableSignal<boolean>;
20
- history: i0.Signal<boolean>;
21
- setLink: i0.WritableSignal<boolean>;
22
- unsetLink: i0.WritableSignal<boolean>;
23
- link: i0.Signal<boolean>;
24
- textAlignRight: i0.WritableSignal<boolean>;
25
- textAlignLeft: i0.WritableSignal<boolean>;
26
- textAlignCenter: i0.WritableSignal<boolean>;
27
- textAlign: i0.Signal<boolean>;
28
- highlight: i0.WritableSignal<boolean>;
29
- color: i0.WritableSignal<boolean>;
30
- underline: i0.WritableSignal<boolean>;
31
- fontFamily: i0.WritableSignal<boolean>;
32
- bold: i0.WritableSignal<boolean>;
33
- youtube: i0.WritableSignal<boolean>;
34
- image: i0.WritableSignal<boolean>;
35
- code: i0.WritableSignal<boolean>;
36
- strike: i0.WritableSignal<boolean>;
37
- italic: i0.WritableSignal<boolean>;
38
- blockquote: i0.WritableSignal<boolean>;
39
- bulletList: i0.WritableSignal<boolean>;
40
- orderedList: i0.WritableSignal<boolean>;
41
- horizontalRule: i0.WritableSignal<boolean>;
42
- textStyle: i0.WritableSignal<boolean>;
43
- table: i0.WritableSignal<boolean>;
44
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensions, never>;
45
- static ɵprov: i0.ɵɵInjectableDeclaration<ScExtensions>;
46
- }
47
-
48
- declare class ScEditor implements ControlValueAccessor {
49
- private readonly changeDetectorRef;
50
- readonly editorContent: i0.Signal<ScEditorContent>;
51
- readonly value: i0.WritableSignal<string>;
52
- readonly isEditable: i0.WritableSignal<boolean>;
53
- readonly classInput: i0.InputSignal<string>;
54
- protected readonly class: i0.Signal<string>;
55
- onChange: (value: string) => void;
56
- onTouched: () => void;
57
- editor: Editor;
58
- readonly extensions: ScExtensions;
59
- constructor();
60
- createEditor(): Promise<void>;
61
- writeValue(value: string): void;
62
- registerOnChange(fn: (value: string) => void): void;
63
- registerOnTouched(fn: () => void): void;
64
- setDisabledState?(isDisabled: boolean): void;
65
- setHtmlContent(htmlContent: string): void;
66
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditor, never>;
67
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditor, "sc-editor", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["editorContent"], ["*"], true, never>;
68
- }
69
-
70
- declare class ScEditorBlockquote {
71
- readonly ariaLabel: i0.InputSignal<string>;
72
- private readonly parent;
73
- private readonly extensions;
74
- constructor();
75
- private get editor();
76
- protected toggleBlockquote(): void;
77
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorBlockquote, never>;
78
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorBlockquote, "sc-editor-blockquote", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
79
- }
80
-
81
- declare class ScEditorBold {
82
- readonly ariaLabel: i0.InputSignal<string>;
83
- private readonly parent;
84
- private readonly extensions;
85
- constructor();
86
- private get editor();
87
- protected toggleBold(): void;
88
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorBold, never>;
89
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorBold, "sc-editor-bold", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
90
- }
91
-
92
- declare class ScEditorBulletList {
93
- ariaLabel: string;
94
- private readonly parent;
95
- extensions: ScExtensions;
96
- constructor();
97
- private get editor();
98
- protected toggleBulletList(): void;
99
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorBulletList, never>;
100
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorBulletList, "sc-editor-bullet-list", never, {}, {}, never, never, true, never>;
101
- }
102
-
103
- declare class ScEditorCode {
104
- ariaLabel: string;
105
- private readonly parent;
106
- extensions: ScExtensions;
107
- constructor();
108
- get editor(): _tiptap_core.Editor;
109
- toggleCode(): void;
110
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorCode, never>;
111
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorCode, "sc-editor-code", never, {}, {}, never, never, true, never>;
112
- }
113
-
114
- declare class ScEditorHighlight {
115
- ariaLabel: string;
116
- private readonly parent;
117
- extensions: ScExtensions;
118
- constructor();
119
- get editor(): _tiptap_core.Editor;
120
- toggleHighlight(): void;
121
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorHighlight, never>;
122
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorHighlight, "sc-editor-highlight", never, {}, {}, never, never, true, never>;
123
- }
124
-
125
- declare class ScEditorHorizontalRule {
126
- ariaLabel: string;
127
- private readonly parent;
128
- extensions: ScExtensions;
129
- constructor();
130
- get editor(): _tiptap_core.Editor;
131
- setHorizontalRule(): void;
132
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorHorizontalRule, never>;
133
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorHorizontalRule, "sc-editor-horizontal-rule", never, {}, {}, never, never, true, never>;
134
- }
135
-
136
- declare class ScEditorItalic {
137
- ariaLabel: string;
138
- private readonly parent;
139
- extensions: ScExtensions;
140
- constructor();
141
- private get editor();
142
- protected toggleItalic(): void;
143
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorItalic, never>;
144
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorItalic, "sc-editor-italic", never, {}, {}, never, never, true, never>;
145
- }
146
-
147
- declare class ScEditorOrderedList {
148
- ariaLabel: string;
149
- private readonly parent;
150
- extensions: ScExtensions;
151
- constructor();
152
- private get editor();
153
- protected toggleOrderedList(): void;
154
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorOrderedList, never>;
155
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorOrderedList, "sc-editor-ordered-list", never, {}, {}, never, never, true, never>;
156
- }
157
-
158
- declare class ScEditorParagraph {
159
- private readonly parent;
160
- get editor(): _tiptap_core.Editor;
161
- setParagraph(): void;
162
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorParagraph, never>;
163
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorParagraph, "sc-editor-paragraph", never, {}, {}, never, never, true, never>;
164
- }
165
-
166
- declare class ScEditorRedo {
167
- ariaLabel: string;
168
- private readonly parent;
169
- extensions: ScExtensions;
170
- constructor();
171
- get editor(): _tiptap_core.Editor;
172
- redo(): void;
173
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorRedo, never>;
174
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorRedo, "sc-editor-redo", never, {}, {}, never, never, true, never>;
175
- }
176
-
177
- declare class ScEditorStrike {
178
- ariaLabel: string;
179
- private readonly parent;
180
- extensions: ScExtensions;
181
- constructor();
182
- get editor(): _tiptap_core.Editor;
183
- toggleStrike(): void;
184
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorStrike, never>;
185
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorStrike, "sc-editor-strike", never, {}, {}, never, never, true, never>;
186
- }
187
-
188
- declare class ScEditorTextAlignCenter {
189
- ariaLabel: string;
190
- private readonly parent;
191
- extensions: ScExtensions;
192
- constructor();
193
- get editor(): _tiptap_core.Editor;
194
- setCenterAlign(): void;
195
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorTextAlignCenter, never>;
196
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorTextAlignCenter, "sc-editor-text-align-center", never, {}, {}, never, never, true, never>;
197
- }
198
-
199
- declare class ScEditorTextAlignLeft {
200
- ariaLabel: string;
201
- private readonly parent;
202
- extensions: ScExtensions;
203
- constructor();
204
- get editor(): _tiptap_core.Editor;
205
- setLeftAlign(): void;
206
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorTextAlignLeft, never>;
207
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorTextAlignLeft, "sc-editor-text-align-left", never, {}, {}, never, never, true, never>;
208
- }
209
-
210
- declare class ScEditorTextAlignRight {
211
- ariaLabel: string;
212
- private readonly parent;
213
- extensions: ScExtensions;
214
- constructor();
215
- get editor(): _tiptap_core.Editor;
216
- setRightAlign(): void;
217
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorTextAlignRight, never>;
218
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorTextAlignRight, "sc-editor-text-align-right", never, {}, {}, never, never, true, never>;
219
- }
220
-
221
- declare class ScEditorUnderline {
222
- ariaLabel: string;
223
- private readonly parent;
224
- extensions: ScExtensions;
225
- constructor();
226
- get editor(): _tiptap_core.Editor;
227
- toggleUnderline(): void;
228
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorUnderline, never>;
229
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorUnderline, "sc-editor-underline", never, {}, {}, never, never, true, never>;
230
- }
231
-
232
- declare class ScEditorUndo {
233
- ariaLabel: string;
234
- private readonly parent;
235
- extensions: ScExtensions;
236
- constructor();
237
- get editor(): _tiptap_core.Editor;
238
- undo(): void;
239
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorUndo, never>;
240
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorUndo, "sc-editor-undo", never, {}, {}, never, never, true, never>;
241
- }
242
-
243
- declare class ScEditorUnsetLink {
244
- ariaLabel: string;
245
- private readonly parent;
246
- dialog: Dialog;
247
- extensions: ScExtensions;
248
- constructor();
249
- get editor(): _tiptap_core.Editor;
250
- unsetLink(): void;
251
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorUnsetLink, never>;
252
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorUnsetLink, "sc-editor-unset-link", never, {}, {}, never, never, true, never>;
253
- }
254
-
255
- declare class ScEditorGroup {
256
- readonly classInput: i0.InputSignal<string>;
257
- protected readonly class: i0.Signal<string>;
258
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorGroup, never>;
259
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorGroup, "sc-editor-group", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
260
- }
261
-
262
- declare class ScEditorToolbar {
263
- readonly classInput: i0.InputSignal<string>;
264
- protected readonly class: i0.Signal<string>;
265
- static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorToolbar, never>;
266
- static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorToolbar, "sc-editor-toolbar", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
267
- }
268
-
269
- declare class ScExtensionColor {
270
- private readonly parent;
271
- extensions: ScExtensions;
272
- colors: string[];
273
- constructor();
274
- get editor(): _tiptap_core.Editor;
275
- resetColor(): void;
276
- setHexColor(e: any): void;
277
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionColor, never>;
278
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionColor, "sc-extension-color", never, {}, {}, never, never, true, never>;
279
- }
280
-
281
- declare class ScExtensionFontFamily {
282
- private readonly parent;
283
- extensions: ScExtensions;
284
- constructor();
285
- get editor(): _tiptap_core.Editor;
286
- setFontFamily(e: Event): void;
287
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionFontFamily, never>;
288
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionFontFamily, "sc-extension-font-family", never, {}, {}, never, never, true, never>;
289
- }
290
-
291
- declare class ScExtensionHeading {
292
- private readonly parent;
293
- get editor(): _tiptap_core.Editor;
294
- setHeadingLevel(level: Level): void;
295
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionHeading, never>;
296
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionHeading, "sc-extension-heading", never, {}, {}, never, never, true, never>;
297
- }
298
-
299
- interface ImageData {
300
- url: string | null | undefined;
301
- alt: string | null | undefined;
302
- title: string | null | undefined;
303
- }
304
-
305
- declare class ScExtensionImage {
306
- ariaLabel: string;
307
- private readonly parent;
308
- dialog: Dialog;
309
- extensions: ScExtensions;
310
- constructor();
311
- get editor(): _tiptap_core.Editor;
312
- setImage(image: ImageData | undefined): void;
313
- openDialog(): void;
314
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionImage, never>;
315
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionImage, "sc-extension-image", never, {}, {}, never, never, true, never>;
316
- }
317
-
318
- declare class ScExtensionLink {
319
- private readonly parent;
320
- dialog: Dialog;
321
- extensions: ScExtensions;
322
- constructor();
323
- get editor(): _tiptap_core.Editor;
324
- openDialog(): void;
325
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionLink, never>;
326
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionLink, "sc-extension-link", never, {}, {}, never, never, true, never>;
327
- }
328
-
329
- declare class ScExtensionTable {
330
- private readonly parent;
331
- dialog: Dialog;
332
- extensions: ScExtensions;
333
- constructor();
334
- get editor(): _tiptap_core.Editor;
335
- insertTable(): void;
336
- deleteTable(): void;
337
- addColumnBefore(): void;
338
- addColumnAfter(): void;
339
- deleteColumn(): void;
340
- addRowBefore(): void;
341
- addRowAfter(): void;
342
- deleteRow(): void;
343
- mergeCells(): void;
344
- splitCell(): void;
345
- mergeOrSplit(): void;
346
- toggleHeaderColumn(): void;
347
- toggleHeaderRow(): void;
348
- toggleHeaderCell(): void;
349
- fixTables(): void;
350
- goToPreviousCell(): void;
351
- goToNextCell(): void;
352
- openDialog(): void;
353
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionTable, never>;
354
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionTable, "sc-extension-table", never, {}, {}, never, never, true, never>;
355
- }
356
-
357
- declare class ScExtensionTextStyle {
358
- private readonly parent;
359
- extensions: ScExtensions;
360
- constructor();
361
- get editor(): _tiptap_core.Editor;
362
- setTextSize(fontSize: string): void;
363
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionTextStyle, never>;
364
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionTextStyle, "sc-extension-text-style", never, {}, {}, never, never, true, never>;
365
- }
366
-
367
- interface VideoData {
368
- url: string | null | undefined;
369
- width: number | null | undefined;
370
- height: number | null | undefined;
371
- }
372
-
373
- declare class ScExtensionYoutube {
374
- private readonly parent;
375
- dialog: Dialog;
376
- extensions: ScExtensions;
377
- constructor();
378
- get editor(): _tiptap_core.Editor;
379
- setYoutubeVideo(video: VideoData | undefined): void;
380
- openDialog(): void;
381
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionYoutube, never>;
382
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionYoutube, "sc-extension-youtube", never, {}, {}, never, never, true, never>;
383
- }
384
-
385
- export { ScEditor, ScEditorBlockquote, ScEditorBold, ScEditorBulletList, ScEditorCode, ScEditorContent, ScEditorGroup, ScEditorHighlight, ScEditorHorizontalRule, ScEditorItalic, ScEditorOrderedList, ScEditorParagraph, ScEditorRedo, ScEditorStrike, ScEditorTextAlignCenter, ScEditorTextAlignLeft, ScEditorTextAlignRight, ScEditorToolbar, ScEditorUnderline, ScEditorUndo, ScEditorUnsetLink, ScExtensionColor, ScExtensionFontFamily, ScExtensionHeading, ScExtensionImage, ScExtensionLink, ScExtensionTable, ScExtensionTextStyle, ScExtensionYoutube };