@skyux/text-editor 12.23.0 → 13.0.0-alpha.0

package/index.d.ts

@@ -1,13 +1,349 @@
-export { SkyRichTextDisplayModule } from './lib/modules/rich-text-display/rich-text-display.module';
-export { SkyTextEditorFont } from './lib/modules/text-editor/types/font-state';
-export { SkyTextEditorLinkWindowOptionsType } from './lib/modules/text-editor/types/link-window-options-type';
-export { SkyTextEditorMenuType } from './lib/modules/text-editor/types/menu-type';
-export { SkyTextEditorStyleState } from './lib/modules/text-editor/types/style-state';
-export { SkyTextEditorMergeField } from './lib/modules/text-editor/types/text-editor-merge-field';
-export { SkyTextEditorToolbarActionType } from './lib/modules/text-editor/types/toolbar-action-type';
-export { SkyTextEditorModule } from './lib/modules/text-editor/text-editor.module';
-export { SkyRichTextDisplayComponent as λ1 } from './lib/modules/rich-text-display/rich-text-display.component';
-export { SkyTextEditorMenubarComponent as λ2 } from './lib/modules/text-editor/menubar/text-editor-menubar.component';
-export { SkyTextEditorComponent as λ5 } from './lib/modules/text-editor/text-editor.component';
-export { SkyTextEditorToolbarComponent as λ4 } from './lib/modules/text-editor/toolbar/text-editor-toolbar.component';
-export { SkyTextEditorUrlModalComponent as λ3 } from './lib/modules/text-editor/url-modal/text-editor-url-modal.component';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, TemplateRef, ElementRef, OnInit } from '@angular/core';
+import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i1 from '@skyux/forms';
+import { SkyRequiredStateDirective } from '@skyux/forms';
+import { Subject } from 'rxjs';
+import { SkyDropdownMessage } from '@skyux/popovers';
+import { SkyColorpickerMessage, SkyColorpickerOutput } from '@skyux/colorpicker';
+import { SkyTabIndex } from '@skyux/tabs';
+
+/**
+ * The `SkyTextSanitizationService` user the `DOMPurify` library to sanitize strings for use
+ * in the DOM. `DOMPurify` allows more customization than Angular's internal `DomSanitizer` so we
+ * can preserve `<style>` tags and allow `target` attributes for new tab links.
+ * @internal
+ */
+declare class SkyTextSanitizationService {
+    #private;
+    /**
+     * Returns a sanitized string, allowing target attribute for new tab links.
+     */
+    sanitize(htmlString: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextSanitizationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTextSanitizationService>;
+}
+
+declare class SkyRichTextDisplayComponent {
+    #private;
+    /**
+     * The rich text to display.
+     */
+    set richText(value: string | undefined);
+    sanitizedText: SafeHtml;
+    constructor(sanitizer: DomSanitizer, sanitizationService: SkyTextSanitizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyRichTextDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRichTextDisplayComponent, "sky-rich-text-display", never, { "richText": { "alias": "richText"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class SkyRichTextDisplayModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyRichTextDisplayModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyRichTextDisplayModule, [typeof SkyRichTextDisplayComponent], never, [typeof SkyRichTextDisplayComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyRichTextDisplayModule>;
+}
+
+interface SkyTextEditorFont {
+    /**
+     * The display name of the font.
+     */
+    name: string;
+    /**
+     * The CSS `font-family` value for the font.
+     */
+    value: string;
+}
+
+type SkyTextEditorLinkWindowOptionsType = 'new' | 'existing';
+
+type SkyTextEditorMenuType = 'edit' | 'format' | 'merge-field';
+
+interface SkyTextEditorStyleState {
+    /**
+     * The background color. Accepts any CSS color value.
+     */
+    backColor: string;
+    /**
+     * The font color. Accepts any CSS color value.
+     */
+    fontColor: string;
+    /**
+     * The font size in pixels.
+     */
+    fontSize: number;
+    /**
+     * The font family. Available values: `"Blackbaud Sans"`,
+     * `"Arial"`, `"sans-serif"`, `"Arial Black"`, `"Courier New"`, and `"Times New Roman"`.
+     */
+    font: string;
+    /**
+     * Whether to make text bold.
+     */
+    boldState: boolean;
+    /**
+     * Whether to italicize text.
+     */
+    italicState: boolean;
+    /**
+     * Whether to underline text.
+     */
+    underlineState: boolean;
+    /**
+     * Whether to format text as a link.
+     */
+    linkState: boolean;
+}
+
+interface SkyTextEditorMergeField {
+    /**
+     * The identifier for the merge field.
+     */
+    id: string;
+    /**
+     * Display text for the merge field. If it is more than 18 characters, the component truncates to 15 characters.
+     */
+    name: string;
+    /**
+     * The `src` attribute for a preview image to represent the merge field
+     * in the text editor. By default, the `name` value appears in a blue rectangle.
+     */
+    previewImageUrl?: string;
+}
+
+type SkyTextEditorToolbarActionType = 'font-family' | 'font-size' | 'font-style' | 'color' | 'list' | 'alignment' | 'indentation' | 'undo-redo' | 'link';
+
+/**
+ * The text editor component lets users format and manipulate text.
+ */
+declare class SkyTextEditorComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {
+    #private;
+    /**
+     * Whether to put focus on the editor after it renders.
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Whether to disable the text editor on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
+     * To set the disabled state on reactive forms, use the `FormControl` instead.
+     * @default false
+     */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /**
+     * The fonts to include in the font picker.
+     * @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'}]
+     */
+    set fontList(value: SkyTextEditorFont[] | undefined);
+    get fontList(): SkyTextEditorFont[];
+    /**
+     * The font sizes to include in the font size picker.
+     * @default [6, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 36, 48]
+     */
+    set fontSizeList(value: number[] | undefined);
+    get fontSizeList(): number[];
+    /**
+     * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is added to the text editor. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
+     */
+    helpPopoverContent: string | TemplateRef<unknown> | undefined;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is
+     * also specified.
+     */
+    helpPopoverTitle: string | undefined;
+    /**
+     * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
+     * additional context to the user.
+     */
+    hintText: string | undefined;
+    /**
+     * The unique ID attribute for the text editor.
+     * By default, the component generates a random ID.
+     */
+    set id(value: string | undefined);
+    get id(): string;
+    /**
+     * The initial styles for all content, including background color, font size, and link state.
+     */
+    set initialStyleState(state: SkyTextEditorStyleState | undefined);
+    get initialStyleState(): SkyTextEditorStyleState;
+    /**
+     * The text to display as the text editor's label.
+     */
+    set labelText(value: string | undefined);
+    get labelText(): string | undefined;
+    /**
+     * The menus to include in the menu bar.
+     * @default [ 'edit', 'format' ]
+     */
+    set menus(value: SkyTextEditorMenuType[] | undefined);
+    get menus(): SkyTextEditorMenuType[];
+    /**
+     * The merge fields to include in the merge field menu.
+     */
+    set mergeFields(value: SkyTextEditorMergeField[] | undefined);
+    get mergeFields(): SkyTextEditorMergeField[];
+    /**
+     * Placeholder text to display when the text entry area is empty.
+     */
+    set placeholder(value: string | undefined);
+    get placeholder(): string;
+    /**
+     * Whether the text editor is stacked on another form component. When specified,
+     * the appropriate vertical spacing is automatically added to the text editor.
+     */
+    stacked: boolean;
+    /**
+     * The actions to include in the toolbar in the specified order.
+     * @default [ 'font-family', 'font-size', 'font-style', 'color', 'list', 'link ]
+     */
+    set toolbarActions(value: SkyTextEditorToolbarActionType[] | undefined);
+    get toolbarActions(): SkyTextEditorToolbarActionType[];
+    /**
+     * The target window options for adding a hyperlink.
+     * @default [ 'new', 'existing' ]
+     */
+    set linkWindowOptions(value: SkyTextEditorLinkWindowOptionsType[] | undefined);
+    get linkWindowOptions(): SkyTextEditorLinkWindowOptionsType[];
+    /**
+     * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is placed beside the text editor label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
+     * as configured by the application. This property only applies when `labelText` is also specified.
+     */
+    helpKey: string | undefined;
+    iframeRef: ElementRef | undefined;
+    /**
+     * The internal value of the control.
+     */
+    set value(value: string | undefined);
+    get value(): string;
+    inputTemplateRef: TemplateRef<unknown> | undefined;
+    editorFocusStream: Subject<void>;
+    formControlClass: boolean;
+    protected editorFocused: boolean;
+    protected readonly errorId: string;
+    protected readonly ngControl: NgControl;
+    protected readonly requiredState: SkyRequiredStateDirective;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onIframeLoad(): void;
+    /**
+     * Implemented as part of ControlValueAccessor.
+     */
+    writeValue(value: string): void;
+    /**
+     * Implemented as part of ControlValueAccessor.
+     */
+    registerOnChange(fn: (value: any) => void): void;
+    /**
+     * Implemented as part of ControlValueAccessor.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Implemented as part of ControlValueAccessor.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorComponent, never>;
+    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; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["sky-form-error"], true, [{ directive: typeof i1.SkyRequiredStateDirective; inputs: { "required": "required"; }; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_stacked: unknown;
+}
+
+declare class SkyTextEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTextEditorModule, never, [typeof SkyTextEditorComponent], [typeof SkyTextEditorComponent, typeof i1.SkyFormErrorModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyTextEditorModule>;
+}
+
+/**
+ * @internal
+ */
+declare class SkyTextEditorMenubarComponent implements OnDestroy, OnInit {
+    #private;
+    editorFocusStream: Subject<void>;
+    menus: SkyTextEditorMenuType[];
+    mergeFields: SkyTextEditorMergeField[];
+    disabled: boolean;
+    editDropdownStream: Subject<SkyDropdownMessage>;
+    editItems: {
+        function?: () => void;
+        isDivider?: boolean;
+        label?: string;
+        keyShortcut?: string;
+    }[] | undefined;
+    formatDropdownStream: Subject<SkyDropdownMessage>;
+    formatItems: {
+        function?: () => void;
+        isDivider?: boolean;
+        label?: string;
+        keyShortcut?: string;
+    }[] | undefined;
+    mergeFieldDropdownStream: Subject<SkyDropdownMessage>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    execCommand(command: string, value?: string): void;
+    insertMergeField(field: SkyTextEditorMergeField): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorMenubarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorMenubarComponent, "sky-text-editor-menubar", never, { "editorFocusStream": { "alias": "editorFocusStream"; "required": false; }; "menus": { "alias": "menus"; "required": false; }; "mergeFields": { "alias": "mergeFields"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/**
+ * @internal
+ */
+declare class SkyTextEditorToolbarComponent implements OnInit {
+    #private;
+    set editorFocusStream(value: Subject<void>);
+    get editorFocusStream(): Subject<void>;
+    fontList: SkyTextEditorFont[];
+    fontSizeList: number[];
+    toolbarActions: SkyTextEditorToolbarActionType[];
+    linkWindowOptions: SkyTextEditorLinkWindowOptionsType[];
+    set styleState(value: SkyTextEditorStyleState);
+    get styleState(): SkyTextEditorStyleState;
+    disabled: boolean;
+    backColorpickerStream: Subject<SkyColorpickerMessage>;
+    colorpickerStream: Subject<SkyColorpickerMessage>;
+    fontPickerStream: Subject<SkyDropdownMessage>;
+    fontSizeStream: Subject<SkyDropdownMessage>;
+    styleStateFontName: string | undefined;
+    ngOnInit(): void;
+    execCommand(command: string, value?: string): void;
+    toggleFontStyle(currentState: boolean, newState: boolean, command: string): void;
+    link(): void;
+    unlink(): void;
+    changeFontSize(size: number): void;
+    onColorpickerColorChanged(color: SkyColorpickerOutput, isBackground?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorToolbarComponent, "sky-text-editor-toolbar", never, { "editorFocusStream": { "alias": "editorFocusStream"; "required": false; }; "fontList": { "alias": "fontList"; "required": false; }; "fontSizeList": { "alias": "fontSizeList"; "required": false; }; "toolbarActions": { "alias": "toolbarActions"; "required": false; }; "linkWindowOptions": { "alias": "linkWindowOptions"; "required": false; }; "styleState": { "alias": "styleState"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/**
+ * @internal
+ */
+declare class SkyTextEditorUrlModalComponent {
+    #private;
+    set activeTab(value: number);
+    get activeTab(): number;
+    set emailAddress(value: string);
+    get emailAddress(): string;
+    set url(value: string);
+    get url(): string;
+    emailAddressValid: boolean;
+    allowAllOpenLinkOptions: boolean;
+    openLinksInNewWindowOnly: boolean;
+    subject: string;
+    target: number | string;
+    valid: boolean;
+    constructor();
+    activeTabChanged(value: SkyTabIndex): void;
+    save(): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorUrlModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorUrlModalComponent, "sky-text-editor-url-modal", never, {}, {}, never, never, true, never>;
+}
+
+export { SkyRichTextDisplayModule, SkyTextEditorModule, SkyRichTextDisplayComponent as λ1, SkyTextEditorMenubarComponent as λ2, SkyTextEditorUrlModalComponent as λ3, SkyTextEditorToolbarComponent as λ4, SkyTextEditorComponent as λ5 };
+export type { SkyTextEditorFont, SkyTextEditorLinkWindowOptionsType, SkyTextEditorMenuType, SkyTextEditorMergeField, SkyTextEditorStyleState, SkyTextEditorToolbarActionType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/text-editor",
-  "version": "12.23.0",
+  "version": "13.0.0-alpha.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,22 +16,22 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/common": "^19.2.14",
-    "@angular/core": "^19.2.14",
-    "@angular/forms": "^19.2.14",
-    "@angular/platform-browser": "^19.2.14",
-    "@skyux/colorpicker": "12.23.0",
-    "@skyux/core": "12.23.0",
-    "@skyux/forms": "12.23.0",
-    "@skyux/help-inline": "12.23.0",
-    "@skyux/i18n": "12.23.0",
-    "@skyux/icon": "12.23.0",
-    "@skyux/layout": "12.23.0",
-    "@skyux/modals": "12.23.0",
-    "@skyux/popovers": "12.23.0",
-    "@skyux/tabs": "12.23.0",
-    "@skyux/theme": "12.23.0",
-    "@skyux/validation": "12.23.0"
+    "@angular/common": "^20.0.5",
+    "@angular/core": "^20.0.5",
+    "@angular/forms": "^20.0.5",
+    "@angular/platform-browser": "^20.0.5",
+    "@skyux/colorpicker": "13.0.0-alpha.0",
+    "@skyux/core": "13.0.0-alpha.0",
+    "@skyux/forms": "13.0.0-alpha.0",
+    "@skyux/help-inline": "13.0.0-alpha.0",
+    "@skyux/i18n": "13.0.0-alpha.0",
+    "@skyux/icon": "13.0.0-alpha.0",
+    "@skyux/layout": "13.0.0-alpha.0",
+    "@skyux/modals": "13.0.0-alpha.0",
+    "@skyux/popovers": "13.0.0-alpha.0",
+    "@skyux/tabs": "13.0.0-alpha.0",
+    "@skyux/theme": "13.0.0-alpha.0",
+    "@skyux/validation": "13.0.0-alpha.0"
   },
   "dependencies": {
     "dompurify": "3.2.4",

package/lib/modules/rich-text-display/rich-text-display.component.d.ts

@@ -1,14 +0,0 @@
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { SkyTextSanitizationService } from '../text-editor/services/text-sanitization.service';
-import * as i0 from "@angular/core";
-export declare class SkyRichTextDisplayComponent {
-    #private;
-    /**
-     * The rich text to display.
-     */
-    set richText(value: string | undefined);
-    sanitizedText: SafeHtml;
-    constructor(sanitizer: DomSanitizer, sanitizationService: SkyTextSanitizationService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyRichTextDisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRichTextDisplayComponent, "sky-rich-text-display", never, { "richText": { "alias": "richText"; "required": false; }; }, {}, never, never, false, never>;
-}

package/lib/modules/rich-text-display/rich-text-display.module.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./rich-text-display.component";
-export declare class SkyRichTextDisplayModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyRichTextDisplayModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyRichTextDisplayModule, [typeof i1.SkyRichTextDisplayComponent], never, [typeof i1.SkyRichTextDisplayComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SkyRichTextDisplayModule>;
-}

package/lib/modules/shared/sky-text-editor-resources.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/i18n";
-/**
- * Import into any component library module that needs to use resource strings.
- */
-export declare class SkyTextEditorResourcesModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorResourcesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTextEditorResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SkyTextEditorResourcesModule>;
-}

package/lib/modules/text-editor/defaults/font-list-defaults.d.ts

@@ -1,5 +0,0 @@
-import { SkyTextEditorFont } from '../types/font-state';
-/**
- * @internal
- */
-export declare const FONT_LIST_DEFAULTS: SkyTextEditorFont[];

package/lib/modules/text-editor/defaults/font-size-list-defaults.d.ts

@@ -1,4 +0,0 @@
-/**
- * @internal
- */
-export declare const FONT_SIZE_LIST_DEFAULTS: number[];

package/lib/modules/text-editor/defaults/link-window-options-defaults.d.ts

@@ -1,2 +0,0 @@
-import { SkyTextEditorLinkWindowOptionsType } from '../types/link-window-options-type';
-export declare const LINK_WINDOW_OPTIONS_DEFAULTS: SkyTextEditorLinkWindowOptionsType[];

package/lib/modules/text-editor/defaults/menu-defaults.d.ts

@@ -1,5 +0,0 @@
-import { SkyTextEditorMenuType } from '../types/menu-type';
-/**
- * @internal
- */
-export declare const MENU_DEFAULTS: SkyTextEditorMenuType[];

package/lib/modules/text-editor/defaults/style-state-defaults.d.ts

@@ -1,5 +0,0 @@
-import { SkyTextEditorStyleState } from '../types/style-state';
-/**
- * @internal
- */
-export declare const STYLE_STATE_DEFAULTS: SkyTextEditorStyleState;

package/lib/modules/text-editor/defaults/toolbar-action-defaults.d.ts

@@ -1,5 +0,0 @@
-import { SkyTextEditorToolbarActionType } from '../types/toolbar-action-type';
-/**
- * @internal
- */
-export declare const TOOLBAR_ACTION_DEFAULTS: SkyTextEditorToolbarActionType[];

package/lib/modules/text-editor/menubar/text-editor-menubar.component.d.ts

@@ -1,38 +0,0 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { SkyDropdownMessage } from '@skyux/popovers';
-import { Subject } from 'rxjs';
-import { SkyTextEditorMenuType } from '../types/menu-type';
-import { SkyTextEditorMergeField } from '../types/text-editor-merge-field';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export declare class SkyTextEditorMenubarComponent implements OnDestroy, OnInit {
-    #private;
-    editorFocusStream: Subject<void>;
-    menus: SkyTextEditorMenuType[];
-    mergeFields: SkyTextEditorMergeField[];
-    disabled: boolean;
-    editDropdownStream: Subject<SkyDropdownMessage>;
-    editItems: {
-        function?: () => void;
-        isDivider?: boolean;
-        label?: string;
-        keyShortcut?: string;
-    }[] | undefined;
-    formatDropdownStream: Subject<SkyDropdownMessage>;
-    formatItems: {
-        function?: () => void;
-        isDivider?: boolean;
-        label?: string;
-        keyShortcut?: string;
-    }[] | undefined;
-    mergeFieldDropdownStream: Subject<SkyDropdownMessage>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    execCommand(command: string, value?: string): void;
-    insertMergeField(field: SkyTextEditorMergeField): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorMenubarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorMenubarComponent, "sky-text-editor-menubar", never, { "editorFocusStream": { "alias": "editorFocusStream"; "required": false; }; "menus": { "alias": "menus"; "required": false; }; "mergeFields": { "alias": "mergeFields"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}

package/lib/modules/text-editor/services/text-editor-adapter.service.d.ts

@@ -1,49 +0,0 @@
-import { ValidationErrors } from '@angular/forms';
-import { SkyAppWindowRef } from '@skyux/core';
-import { EditorCommand } from '../types/editor-command';
-import { EditorSetting } from '../types/editor-setting';
-import { SkyTextEditorStyleState } from '../types/style-state';
-import { UrlModalResult } from '../url-modal/text-editor-url-modal-result';
-import { SkyTextEditorSelectionService } from './text-editor-selection.service';
-import { SkyTextEditorService } from './text-editor.service';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export declare class SkyTextEditorAdapterService {
-    #private;
-    constructor(selectionService: SkyTextEditorSelectionService, textEditorService: SkyTextEditorService, windowService: SkyAppWindowRef);
-    /**
-     * Creates a text editor inside the supplied iframe element.
-     */
-    initEditor(id: string, iframeElement: HTMLIFrameElement, styleState: SkyTextEditorStyleState, placeholder?: string): void;
-    disableEditor(focusableChildren: HTMLElement[], textEditorNativeElement: HTMLElement): void;
-    enableEditor(focusableChildren: HTMLElement[], textEditorNativeElement: HTMLElement): void;
-    /**
-     * Executes a command on the text editor with the corresponding id.
-     */
-    execCommand(editorCommand: EditorCommand): Promise<void>;
-    getCurrentSelection(): Selection | null;
-    /**
-     * Returns a data URI using the provided text string.
-     * Used to display a merge field inside a string of text.
-     */
-    getMergeFieldDataURI(text: string): string;
-    getStyleState(): Partial<SkyTextEditorStyleState>;
-    getEditorInnerHtml(): string;
-    setEditorInnerHtml(value: string): void;
-    focusEditor(): void;
-    getLink(): UrlModalResult | undefined;
-    getSelectedAnchorTag(): HTMLAnchorElement | null | undefined;
-    saveSelection(): Range | undefined;
-    selectElement(element: HTMLElement): void;
-    setErrorAttributes(errorId: string, errors: ValidationErrors | null): void;
-    setLabelAttribute(label: string | undefined): void;
-    setPlaceholder(placeholder?: string): void;
-    setRequiredAttribute(required: boolean): void;
-    setFontSize(fontSize: number): Promise<void>;
-    removeObservers(setting: EditorSetting): void;
-    editorSelected(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTextEditorAdapterService>;
-}

package/lib/modules/text-editor/services/text-editor-selection.service.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export declare class SkyTextEditorSelectionService {
-    isElementSelected(documentEl: Document, element: HTMLElement): boolean;
-    getCurrentSelection(documentEl: Document): Selection | null;
-    getCurrentSelectionParentElement(documentEl: Document): Element | null | undefined;
-    getCurrentSelectionRange(documentEl: Document, windowEl: Window): Range | undefined;
-    selectElement(documentEl: Document, windowEl: Window, element: HTMLElement): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorSelectionService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTextEditorSelectionService>;
-}

package/lib/modules/text-editor/services/text-editor.service.d.ts

@@ -1,41 +0,0 @@
-import { Observable } from 'rxjs';
-import { EditorSetting } from '../types/editor-setting';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export declare class SkyTextEditorService {
-    #private;
-    /**
-     * A dictionary representing all active text editors and their settings.
-     */
-    set editor(value: EditorSetting);
-    get editor(): EditorSetting;
-    get isInitialized(): boolean;
-    /**
-     * Returns the blur observable from the editor with the corresponding id.
-     */
-    blurListener(): Observable<unknown>;
-    /**
-     * Returns the click observable from the editor with the corresponding id.
-     */
-    clickListener(): Observable<unknown>;
-    /**
-     * Returns the command change observable from the editor with the corresponding id.
-     */
-    commandChangeListener(): Observable<unknown>;
-    /**
-     * Returns the focus observable from the editor with the corresponding id.
-     */
-    focusListener(): Observable<unknown>;
-    /**
-     * Returns the input change observable from the editor with the corresponding id.
-     */
-    inputListener(): Observable<unknown>;
-    /**
-     * Returns the selection change observable from the editor with the corresponding id.
-     */
-    selectionChangeListener(): Observable<unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTextEditorService>;
-}

package/lib/modules/text-editor/services/text-sanitization.service.d.ts

@@ -1,16 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * The `SkyTextSanitizationService` user the `DOMPurify` library to sanitize strings for use
- * in the DOM. `DOMPurify` allows more customization than Angular's internal `DomSanitizer` so we
- * can preserve `<style>` tags and allow `target` attributes for new tab links.
- * @internal
- */
-export declare class SkyTextSanitizationService {
-    #private;
-    /**
-     * Returns a sanitized string, allowing target attribute for new tab links.
-     */
-    sanitize(htmlString: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextSanitizationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTextSanitizationService>;
-}