@skyux/text-editor 7.5.0 → 7.6.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.
- package/documentation.json +33 -33
- package/esm2020/lib/modules/rich-text-display/rich-text-display.component.mjs +2 -2
- package/esm2020/lib/modules/text-editor/text-editor.component.mjs +13 -13
- package/esm2020/lib/modules/text-editor/types/font-state.mjs +1 -1
- package/esm2020/lib/modules/text-editor/types/style-state.mjs +1 -1
- package/esm2020/lib/modules/text-editor/types/text-editor-merge-field.mjs +1 -1
- package/fesm2015/skyux-text-editor.mjs +13 -13
- package/fesm2015/skyux-text-editor.mjs.map +1 -1
- package/fesm2020/skyux-text-editor.mjs +13 -13
- package/fesm2020/skyux-text-editor.mjs.map +1 -1
- package/lib/modules/rich-text-display/rich-text-display.component.d.ts +1 -1
- package/lib/modules/text-editor/text-editor.component.d.ts +10 -10
- package/lib/modules/text-editor/types/font-state.d.ts +2 -2
- package/lib/modules/text-editor/types/style-state.d.ts +8 -8
- package/lib/modules/text-editor/types/text-editor-merge-field.d.ts +3 -3
- package/package.json +12 -12
|
@@ -17,56 +17,56 @@ import * as i0 from "@angular/core";
|
|
|
17
17
|
export declare class SkyTextEditorComponent implements AfterViewInit, OnDestroy {
|
|
18
18
|
#private;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* Whether to put focus on the editor after it renders.
|
|
21
21
|
*/
|
|
22
22
|
autofocus: boolean | undefined;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* Whether to disable the text editor.
|
|
25
25
|
* @default false
|
|
26
26
|
*/
|
|
27
27
|
set disabled(value: boolean | undefined);
|
|
28
28
|
get disabled(): boolean;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* The fonts to include in the font picker.
|
|
31
31
|
* @default [{name: 'Blackbaud Sans', value: '"Blackbaud Sans", Arial, sans-serif'}, {name: 'Arial', value: 'Arial'}, {name: 'Arial Black', value: '"Arial Black"'}, {name: 'Courier New', value: '"Courier New"'}, {name: 'Georgia', value: 'Georgia, serif'}, {name: 'Tahoma', value: 'Tahoma, Geneva, sans-serif'}, {name: 'Times New Roman', value: '"Times New Roman"'}, {name: 'Trebuchet MS', value: '"Trebuchet MS", sans-serif'}, {name: 'Verdana', value: 'Verdana, Geneva, sans-serif'}]
|
|
32
32
|
*/
|
|
33
33
|
set fontList(value: SkyTextEditorFont[] | undefined);
|
|
34
34
|
get fontList(): SkyTextEditorFont[];
|
|
35
35
|
/**
|
|
36
|
-
*
|
|
36
|
+
* The font sizes to include in the font size picker.
|
|
37
37
|
* @default [6, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 36, 48]
|
|
38
38
|
*/
|
|
39
39
|
set fontSizeList(value: number[] | undefined);
|
|
40
40
|
get fontSizeList(): number[];
|
|
41
41
|
/**
|
|
42
|
-
*
|
|
42
|
+
* The unique ID attribute for the text editor.
|
|
43
43
|
* By default, the component generates a random ID.
|
|
44
44
|
*/
|
|
45
45
|
set id(value: string | undefined);
|
|
46
46
|
get id(): string;
|
|
47
47
|
/**
|
|
48
|
-
*
|
|
48
|
+
* The initial styles for all content, including background color, font size, and link state.
|
|
49
49
|
*/
|
|
50
50
|
set initialStyleState(state: SkyTextEditorStyleState | undefined);
|
|
51
51
|
get initialStyleState(): SkyTextEditorStyleState;
|
|
52
52
|
/**
|
|
53
|
-
*
|
|
53
|
+
* The menus to include in the menu bar.
|
|
54
54
|
* @default [ 'edit', 'format' ]
|
|
55
55
|
*/
|
|
56
56
|
set menus(value: SkyTextEditorMenuType[] | undefined);
|
|
57
57
|
get menus(): SkyTextEditorMenuType[];
|
|
58
58
|
/**
|
|
59
|
-
*
|
|
59
|
+
* The merge fields to include in the merge field menu.
|
|
60
60
|
*/
|
|
61
61
|
set mergeFields(value: SkyTextEditorMergeField[] | undefined);
|
|
62
62
|
get mergeFields(): SkyTextEditorMergeField[];
|
|
63
63
|
/**
|
|
64
|
-
*
|
|
64
|
+
* Placeholder text to display when the text entry area is empty.
|
|
65
65
|
*/
|
|
66
66
|
set placeholder(value: string | undefined);
|
|
67
67
|
get placeholder(): string;
|
|
68
68
|
/**
|
|
69
|
-
*
|
|
69
|
+
* The actions to include in the toolbar and determines their order.
|
|
70
70
|
* @default [ 'font-family', 'font-size', 'font-style', 'color', 'list', 'link ]
|
|
71
71
|
*/
|
|
72
72
|
set toolbarActions(value: SkyTextEditorToolbarActionType[] | undefined);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export interface SkyTextEditorFont {
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* The display name of the font.
|
|
4
4
|
*/
|
|
5
5
|
name: string;
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* The CSS `font-family` value for the font.
|
|
8
8
|
*/
|
|
9
9
|
value: string;
|
|
10
10
|
}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
export interface SkyTextEditorStyleState {
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* The background color. Accepts any CSS color value.
|
|
4
4
|
*/
|
|
5
5
|
backColor: string;
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* The font color. Accepts any CSS color value.
|
|
8
8
|
*/
|
|
9
9
|
fontColor: string;
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* The font size in pixels.
|
|
12
12
|
*/
|
|
13
13
|
fontSize: number;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* The font family. Available values: `"Blackbaud Sans"`,
|
|
16
16
|
* `"Arial"`, `"sans-serif"`, `"Arial Black"`, `"Courier New"`, and `"Times New Roman"`.
|
|
17
17
|
*/
|
|
18
18
|
font: string;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* Whether to make text bold.
|
|
21
21
|
*/
|
|
22
22
|
boldState: boolean;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* Whether to italicize text.
|
|
25
25
|
*/
|
|
26
26
|
italicState: boolean;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* Whether to underline text.
|
|
29
29
|
*/
|
|
30
30
|
underlineState: boolean;
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* Whether to format text as a link.
|
|
33
33
|
*/
|
|
34
34
|
linkState: boolean;
|
|
35
35
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export interface SkyTextEditorMergeField {
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* The identifier for the merge field.
|
|
4
4
|
*/
|
|
5
5
|
id: string;
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Display text for the merge field. If it is more than 18 characters, the component truncates to 15 characters.
|
|
8
8
|
*/
|
|
9
9
|
name: string;
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* The `src` attribute for a preview image to represent the merge field
|
|
12
12
|
* in the text editor. By default, the `name` value appears in a blue rectangle.
|
|
13
13
|
*/
|
|
14
14
|
previewImageUrl?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/text-editor",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.6.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -36,17 +36,17 @@
|
|
|
36
36
|
"@angular/core": "^14.2.11",
|
|
37
37
|
"@angular/forms": "^14.2.11",
|
|
38
38
|
"@angular/platform-browser": "^14.2.11",
|
|
39
|
-
"@skyux/colorpicker": "7.
|
|
40
|
-
"@skyux/core": "7.
|
|
41
|
-
"@skyux/forms": "7.
|
|
42
|
-
"@skyux/i18n": "7.
|
|
43
|
-
"@skyux/indicators": "7.
|
|
44
|
-
"@skyux/layout": "7.
|
|
45
|
-
"@skyux/modals": "7.
|
|
46
|
-
"@skyux/popovers": "7.
|
|
47
|
-
"@skyux/tabs": "7.
|
|
48
|
-
"@skyux/theme": "7.
|
|
49
|
-
"@skyux/validation": "7.
|
|
39
|
+
"@skyux/colorpicker": "7.6.0",
|
|
40
|
+
"@skyux/core": "7.6.0",
|
|
41
|
+
"@skyux/forms": "7.6.0",
|
|
42
|
+
"@skyux/i18n": "7.6.0",
|
|
43
|
+
"@skyux/indicators": "7.6.0",
|
|
44
|
+
"@skyux/layout": "7.6.0",
|
|
45
|
+
"@skyux/modals": "7.6.0",
|
|
46
|
+
"@skyux/popovers": "7.6.0",
|
|
47
|
+
"@skyux/tabs": "7.6.0",
|
|
48
|
+
"@skyux/theme": "7.6.0",
|
|
49
|
+
"@skyux/validation": "7.6.0"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"dompurify": "2.4.1",
|