@skyux/text-editor 10.11.0 → 10.13.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 +559 -384
- package/esm2022/lib/modules/text-editor/text-editor.component.mjs +39 -12
- package/esm2022/lib/modules/text-editor/toolbar/text-editor-toolbar.component.mjs +2 -2
- package/fesm2022/skyux-text-editor.mjs +42 -15
- package/fesm2022/skyux-text-editor.mjs.map +1 -1
- package/lib/modules/text-editor/text-editor.component.d.ts +24 -1
- package/package.json +13 -12
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
+
import { SkyRequiredStateDirective } from '@skyux/forms';
|
|
3
4
|
import { Subject } from 'rxjs';
|
|
4
5
|
import { SkyTextEditorFont } from './types/font-state';
|
|
5
6
|
import { SkyTextEditorLinkWindowOptionsType } from './types/link-window-options-type';
|
|
@@ -8,6 +9,7 @@ import { SkyTextEditorStyleState } from './types/style-state';
|
|
|
8
9
|
import { SkyTextEditorMergeField } from './types/text-editor-merge-field';
|
|
9
10
|
import { SkyTextEditorToolbarActionType } from './types/toolbar-action-type';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
12
|
+
import * as i1 from "@skyux/forms";
|
|
11
13
|
/**
|
|
12
14
|
* The text editor component lets users format and manipulate text.
|
|
13
15
|
*/
|
|
@@ -36,6 +38,19 @@ export declare class SkyTextEditorComponent implements AfterViewInit, OnInit, On
|
|
|
36
38
|
*/
|
|
37
39
|
set fontSizeList(value: number[] | undefined);
|
|
38
40
|
get fontSizeList(): number[];
|
|
41
|
+
/**
|
|
42
|
+
* The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
43
|
+
* button is added to the text editor. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
44
|
+
* when clicked using the specified content and optional title.
|
|
45
|
+
* @preview
|
|
46
|
+
*/
|
|
47
|
+
helpPopoverContent: string | TemplateRef<unknown> | undefined;
|
|
48
|
+
/**
|
|
49
|
+
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
50
|
+
* also specified.
|
|
51
|
+
* @preview
|
|
52
|
+
*/
|
|
53
|
+
helpPopoverTitle: string | undefined;
|
|
39
54
|
/**
|
|
40
55
|
* [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
|
|
41
56
|
* additional context to the user.
|
|
@@ -75,6 +90,12 @@ export declare class SkyTextEditorComponent implements AfterViewInit, OnInit, On
|
|
|
75
90
|
*/
|
|
76
91
|
set placeholder(value: string | undefined);
|
|
77
92
|
get placeholder(): string;
|
|
93
|
+
/**
|
|
94
|
+
* Whether the text editor is stacked on another form component. When specified,
|
|
95
|
+
* the appropriate vertical spacing is automatically added to the text editor.
|
|
96
|
+
* @preview
|
|
97
|
+
*/
|
|
98
|
+
stacked: boolean;
|
|
78
99
|
/**
|
|
79
100
|
* The actions to include in the toolbar in the specified order.
|
|
80
101
|
* @default [ 'font-family', 'font-size', 'font-style', 'color', 'list', 'link ]
|
|
@@ -100,6 +121,7 @@ export declare class SkyTextEditorComponent implements AfterViewInit, OnInit, On
|
|
|
100
121
|
protected editorFocused: boolean;
|
|
101
122
|
protected readonly errorId: string;
|
|
102
123
|
protected readonly ngControl: NgControl;
|
|
124
|
+
protected readonly requiredState: SkyRequiredStateDirective;
|
|
103
125
|
constructor();
|
|
104
126
|
ngAfterViewInit(): void;
|
|
105
127
|
ngOnInit(): void;
|
|
@@ -122,5 +144,6 @@ export declare class SkyTextEditorComponent implements AfterViewInit, OnInit, On
|
|
|
122
144
|
*/
|
|
123
145
|
setDisabledState(isDisabled: boolean): void;
|
|
124
146
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorComponent, never>;
|
|
125
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorComponent, "sky-text-editor", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fontList": { "alias": "fontList"; "required": false; }; "fontSizeList": { "alias": "fontSizeList"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "id": { "alias": "id"; "required": false; }; "initialStyleState": { "alias": "initialStyleState"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "menus": { "alias": "menus"; "required": false; }; "mergeFields": { "alias": "mergeFields"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "toolbarActions": { "alias": "toolbarActions"; "required": false; }; "linkWindowOptions": { "alias": "linkWindowOptions"; "required": false; }; }, {}, never, ["sky-form-error"], true,
|
|
147
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorComponent, "sky-text-editor", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fontList": { "alias": "fontList"; "required": false; }; "fontSizeList": { "alias": "fontSizeList"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "id": { "alias": "id"; "required": false; }; "initialStyleState": { "alias": "initialStyleState"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "menus": { "alias": "menus"; "required": false; }; "mergeFields": { "alias": "mergeFields"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "toolbarActions": { "alias": "toolbarActions"; "required": false; }; "linkWindowOptions": { "alias": "linkWindowOptions"; "required": false; }; }, {}, never, ["sky-form-error"], true, [{ directive: typeof i1.SkyRequiredStateDirective; inputs: { "required": "required"; }; outputs: {}; }]>;
|
|
148
|
+
static ngAcceptInputType_stacked: unknown;
|
|
126
149
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/text-editor",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.13.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -34,17 +34,18 @@
|
|
|
34
34
|
"@angular/core": "^17.3.4",
|
|
35
35
|
"@angular/forms": "^17.3.4",
|
|
36
36
|
"@angular/platform-browser": "^17.3.4",
|
|
37
|
-
"@skyux/colorpicker": "10.
|
|
38
|
-
"@skyux/core": "10.
|
|
39
|
-
"@skyux/forms": "10.
|
|
40
|
-
"@skyux/
|
|
41
|
-
"@skyux/
|
|
42
|
-
"@skyux/
|
|
43
|
-
"@skyux/
|
|
44
|
-
"@skyux/
|
|
45
|
-
"@skyux/
|
|
46
|
-
"@skyux/
|
|
47
|
-
"@skyux/
|
|
37
|
+
"@skyux/colorpicker": "10.13.0",
|
|
38
|
+
"@skyux/core": "10.13.0",
|
|
39
|
+
"@skyux/forms": "10.13.0",
|
|
40
|
+
"@skyux/help-inline": "10.13.0",
|
|
41
|
+
"@skyux/i18n": "10.13.0",
|
|
42
|
+
"@skyux/indicators": "10.13.0",
|
|
43
|
+
"@skyux/layout": "10.13.0",
|
|
44
|
+
"@skyux/modals": "10.13.0",
|
|
45
|
+
"@skyux/popovers": "10.13.0",
|
|
46
|
+
"@skyux/tabs": "10.13.0",
|
|
47
|
+
"@skyux/theme": "10.13.0",
|
|
48
|
+
"@skyux/validation": "10.13.0"
|
|
48
49
|
},
|
|
49
50
|
"dependencies": {
|
|
50
51
|
"dompurify": "3.0.11",
|