@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.
@@ -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, never>;
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.11.0",
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.11.0",
38
- "@skyux/core": "10.11.0",
39
- "@skyux/forms": "10.11.0",
40
- "@skyux/i18n": "10.11.0",
41
- "@skyux/indicators": "10.11.0",
42
- "@skyux/layout": "10.11.0",
43
- "@skyux/modals": "10.11.0",
44
- "@skyux/popovers": "10.11.0",
45
- "@skyux/tabs": "10.11.0",
46
- "@skyux/theme": "10.11.0",
47
- "@skyux/validation": "10.11.0"
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",