@skyux/text-editor 7.0.0-beta.8 → 7.0.0

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

@@ -2,14 +2,12 @@ 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 sanitizer;
-    private sanitizationService;
+    #private;
     /**
      * Specifies the rich text to display.
      */
-    set richText(value: string);
+    set richText(value: string | undefined);
     sanitizedText: SafeHtml;
-    private _richText;
     constructor(sanitizer: DomSanitizer, sanitizationService: SkyTextSanitizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRichTextDisplayComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyRichTextDisplayComponent, "sky-rich-text-display", never, { "richText": "richText"; }, {}, never, never, false>;

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

@@ -10,39 +10,32 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyTextEditorMenubarComponent implements OnDestroy, OnInit {
-    private adapterService;
-    private changeDetector;
-    private resources;
-    editorFocusStream: Subject<unknown>;
-    editorId: string;
+    #private;
+    editorFocusStream: Subject<void>;
     menus: SkyTextEditorMenuType[];
     mergeFields: SkyTextEditorMergeField[];
     set disabled(value: boolean);
     get disabled(): boolean;
-    private _disabled;
     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>;
-    private ngUnsubscribe;
     constructor(adapterService: SkyTextEditorAdapterService, changeDetector: ChangeDetectorRef, resources: SkyLibResourcesService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    execCommand(command: string, value?: any): void;
+    execCommand(command: string, value?: string): void;
     insertMergeField(field: SkyTextEditorMergeField): void;
-    private closeDropdowns;
-    private clearFormat;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorMenubarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorMenubarComponent, "sky-text-editor-menubar", never, { "editorFocusStream": "editorFocusStream"; "editorId": "editorId"; "menus": "menus"; "mergeFields": "mergeFields"; "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorMenubarComponent, "sky-text-editor-menubar", never, { "editorFocusStream": "editorFocusStream"; "menus": "menus"; "mergeFields": "mergeFields"; "disabled": "disabled"; }, {}, never, never, false>;
 }

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

@@ -10,53 +10,36 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyTextEditorAdapterService {
-    private selectionService;
-    private textEditorService;
-    private windowService;
-    private get editors();
+    #private;
     constructor(selectionService: SkyTextEditorSelectionService, textEditorService: SkyTextEditorService, windowService: SkyAppWindowRef);
     /**
      * Creates a text editor inside the supplied iframe element.
      */
-    addEditor(id: string, iframeElement: HTMLIFrameElement, styleState: SkyTextEditorStyleState, placeholder?: string): void;
-    disableEditor(id: string, focusableChildren: HTMLElement[], textEditorNativeElement: any): void;
-    enableEditor(id: string, focusableChildren: HTMLElement[], textEditorNativeElement: any): void;
+    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(id: string, editorCommand: EditorCommand): void;
-    getCurrentSelection(id: string): Selection;
+    execCommand(editorCommand: EditorCommand): 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(id: string): Partial<SkyTextEditorStyleState>;
-    getEditorInnerHtml(id: string): string;
-    setEditorInnerHtml(id: string, value: string): void;
-    focusEditor(id: string): void;
-    getLink(editorId: string): UrlModalResult;
-    getSelectedAnchorTag(editorId: string): HTMLAnchorElement;
-    saveSelection(id: string): Range;
-    selectElement(id: string, element: HTMLElement): void;
-    setPlaceholder(id: string, placeholder?: string): void;
-    setFontSize(id: string, fontSize: number): void;
+    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;
+    setPlaceholder(placeholder?: string): void;
+    setFontSize(fontSize: number): void;
     removeObservers(setting: EditorSetting): void;
-    private getContentWindowEl;
-    private getChildSelectedAnchorTags;
-    private getIframeDocumentEl;
-    private getFontSize;
-    private createObservers;
-    private getPasteOverride;
-    private getCurrentSelectionParentElement;
-    private getColor;
-    private hasLink;
-    private getParent;
-    private editorSelected;
-    private insertHtmlInIE11;
-    private cleanUpBlankStyleTags;
-    private replaceHtmlCodes;
-    private setEditorDisabled;
+    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

@@ -4,9 +4,9 @@ import * as i0 from "@angular/core";
  */
 export declare class SkyTextEditorSelectionService {
     isElementSelected(documentEl: Document, element: HTMLElement): boolean;
-    getCurrentSelection(documentEl: Document): Selection;
-    getCurrentSelectionParentElement(documentEl: Document): Element;
-    getCurrentSelectionRange(documentEl: Document, windowEl: Window): Range;
+    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

@@ -5,36 +5,32 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyTextEditorService {
+    #private;
     /**
      * A dictionary representing all active text editors and their settings.
      */
-    editors: {
-        [key: string]: EditorSetting;
-    };
+    set editor(value: EditorSetting);
+    get editor(): EditorSetting;
     /**
      * Returns the blur observable from the editor with the corresponding id.
      */
-    blurListener(id: string): Observable<unknown>;
+    blurListener(): Observable<unknown>;
     /**
      * Returns the click observable from the editor with the corresponding id.
      */
-    clickListener(id: string): Observable<unknown>;
+    clickListener(): Observable<unknown>;
     /**
      * Returns the command change observable from the editor with the corresponding id.
      */
-    commandChangeListener(id: string): Observable<unknown>;
+    commandChangeListener(): Observable<unknown>;
     /**
      * Returns the input change observable from the editor with the corresponding id.
      */
-    inputListener(id: string): Observable<unknown>;
-    /**
-     * Removes editor from the `editors` index by id.
-     */
-    removeEditor(id: string): void;
+    inputListener(): Observable<unknown>;
     /**
      * Returns the selection change observable from the editor with the corresponding id.
      */
-    selectionChangeListener(id: string): Observable<unknown>;
+    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

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyTextSanitizationService {
-    private allowedAttributes;
+    #private;
     /**
      * Returns a sanitized string, allowing target attribute for new tab links.
      */

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

@@ -1,6 +1,6 @@
-import { AfterViewInit, ChangeDetectorRef, NgZone, OnDestroy } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { SkyCoreAdapterService } from '@skyux/core';
+import { SkyCoreAdapterService, SkyIdService } from '@skyux/core';
 import { Subject } from 'rxjs';
 import { SkyTextEditorAdapterService } from './services/text-editor-adapter.service';
 import { SkyTextEditorService } from './services/text-editor.service';
@@ -15,77 +15,70 @@ import * as i0 from "@angular/core";
  * The text editor component lets users format and manipulate text.
  */
 export declare class SkyTextEditorComponent implements AfterViewInit, OnDestroy {
-    private changeDetector;
-    private coreAdapterService;
-    private adapterService;
-    private editorService;
-    private sanitizationService;
-    private ngControl;
-    private zone;
+    #private;
     /**
      * Indicates whether to put focus on the editor after it renders.
      */
-    autofocus: boolean;
+    autofocus: boolean | undefined;
     /**
      * Indicates whether to disable the text editor.
      * @default false
      */
-    set disabled(value: boolean);
+    set disabled(value: boolean | undefined);
     get disabled(): boolean;
-    editorFocusStream: Subject<void>;
     /**
      * Specifies 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'}]
      */
-    fontList: SkyTextEditorFont[];
+    set fontList(value: SkyTextEditorFont[] | undefined);
+    get fontList(): SkyTextEditorFont[];
     /**
      * Specifies 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]
      */
-    fontSizeList: number[];
+    set fontSizeList(value: number[] | undefined);
+    get fontSizeList(): number[];
     /**
      * Specifies a unique ID attribute for the text editor.
      * By default, the component generates a random ID.
      */
-    id: string;
+    set id(value: string | undefined);
+    get id(): string;
     /**
      * Specifies the initial styles for all content, including background color, font size, and link state.
      */
-    set initialStyleState(state: SkyTextEditorStyleState);
+    set initialStyleState(state: SkyTextEditorStyleState | undefined);
     get initialStyleState(): SkyTextEditorStyleState;
     /**
      * Specifies the menus to include in the menu bar.
      * @default [ 'edit', 'format' ]
      */
-    menus: SkyTextEditorMenuType[];
+    set menus(value: SkyTextEditorMenuType[] | undefined);
+    get menus(): SkyTextEditorMenuType[];
     /**
      * Specifies the merge fields to include in the merge field menu.
      */
-    mergeFields: SkyTextEditorMergeField[];
+    set mergeFields(value: SkyTextEditorMergeField[] | undefined);
+    get mergeFields(): SkyTextEditorMergeField[];
     /**
      * Specifies placeholder text to display when the text entry area is empty.
      */
-    set placeholder(value: string);
+    set placeholder(value: string | undefined);
     get placeholder(): string;
     /**
      * Specifies the actions to include in the toolbar and determines their order.
      * @default [ 'font-family', 'font-size', 'font-style', 'color', 'list', 'link ]
      */
-    toolbarActions: SkyTextEditorToolbarActionType[];
+    set toolbarActions(value: SkyTextEditorToolbarActionType[] | undefined);
+    get toolbarActions(): SkyTextEditorToolbarActionType[];
+    iframeRef: ElementRef | undefined;
     /**
      * The internal value of the control.
      */
-    set value(value: string);
+    set value(value: string | undefined);
     get value(): string;
-    private focusInitialized;
-    private iframeRef;
-    private initialized;
-    private ngUnsubscribe;
-    private _disabled;
-    private _initialStyleState;
-    private _placeholder;
-    private _value;
-    constructor(changeDetector: ChangeDetectorRef, coreAdapterService: SkyCoreAdapterService, adapterService: SkyTextEditorAdapterService, editorService: SkyTextEditorService, sanitizationService: SkyTextSanitizationService, ngControl: NgControl, zone: NgZone);
+    editorFocusStream: Subject<void>;
+    constructor(changeDetector: ChangeDetectorRef, coreAdapterService: SkyCoreAdapterService, adapterService: SkyTextEditorAdapterService, editorService: SkyTextEditorService, sanitizationService: SkyTextSanitizationService, ngControl: NgControl, zone: NgZone, idSvc: SkyIdService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onIframeLoad(): void;
@@ -105,9 +98,6 @@ export declare class SkyTextEditorComponent implements AfterViewInit, OnDestroy
      * Implemented as part of ControlValueAccessor.
      */
     setDisabledState(isDisabled: boolean): void;
-    private updateStyle;
-    private initIframe;
-    private ViewToModelUpdate;
     private _onTouched;
     private _onChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorComponent, never>;

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

@@ -12,35 +12,29 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyTextEditorToolbarComponent implements OnInit {
-    private adapterService;
-    private changeDetector;
-    private modalService;
-    editorFocusStream: Subject<unknown>;
-    editorId: string;
+    #private;
+    set editorFocusStream(value: Subject<void>);
+    get editorFocusStream(): Subject<void>;
     fontList: SkyTextEditorFont[];
     fontSizeList: number[];
     toolbarActions: SkyTextEditorToolbarActionType[];
-    get styleState(): SkyTextEditorStyleState;
     set styleState(value: SkyTextEditorStyleState);
+    get styleState(): SkyTextEditorStyleState;
     set disabled(value: boolean);
     get disabled(): boolean;
     backColorpickerStream: Subject<SkyColorpickerMessage>;
     colorpickerStream: Subject<SkyColorpickerMessage>;
     fontPickerStream: Subject<SkyDropdownMessage>;
     fontSizeStream: Subject<SkyDropdownMessage>;
-    styleStateFontName: string;
-    private _disabled;
-    private _styleState;
+    styleStateFontName: string | undefined;
     constructor(adapterService: SkyTextEditorAdapterService, changeDetector: ChangeDetectorRef, modalService: SkyModalService);
     ngOnInit(): void;
-    execCommand(command: string, value?: any): 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;
-    private closeDropdowns;
-    private getFontName;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorToolbarComponent, "sky-text-editor-toolbar", never, { "editorFocusStream": "editorFocusStream"; "editorId": "editorId"; "fontList": "fontList"; "fontSizeList": "fontSizeList"; "toolbarActions": "toolbarActions"; "styleState": "styleState"; "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorToolbarComponent, "sky-text-editor-toolbar", never, { "editorFocusStream": "editorFocusStream"; "fontList": "fontList"; "fontSizeList": "fontSizeList"; "toolbarActions": "toolbarActions"; "styleState": "styleState"; "disabled": "disabled"; }, {}, never, never, false>;
 }

package/lib/modules/text-editor/types/editor-command.d.ts

@@ -3,5 +3,5 @@
  */
 export interface EditorCommand {
     command: string;
-    value?: any;
+    value?: string;
 }

package/lib/modules/text-editor/types/editor-setting.d.ts

@@ -4,14 +4,14 @@ import { Subject } from 'rxjs';
  */
 export interface EditorSetting {
     blurListener: () => void;
-    blurObservable: Subject<unknown>;
+    blurObservable: Subject<void>;
     clickListener: () => void;
-    clickObservable: Subject<unknown>;
+    clickObservable: Subject<void>;
     commandChangeObservable: Subject<void>;
     iframeElementRef: HTMLIFrameElement;
     inputListener: () => void;
-    inputObservable: Subject<unknown>;
+    inputObservable: Subject<void>;
     pasteListener: (e: ClipboardEvent) => void;
-    selectionChangeObservable: Subject<unknown>;
+    selectionChangeObservable: Subject<void>;
     selectionListener: () => void;
 }

package/lib/modules/text-editor/url-modal/text-editor-url-modal-context.d.ts

@@ -3,5 +3,5 @@ import { UrlModalResult } from './text-editor-url-modal-result';
  * @internal
  */
 export declare class SkyUrlModalContext {
-    urlResult: UrlModalResult;
+    urlResult: UrlModalResult | undefined;
 }

package/lib/modules/text-editor/url-modal/text-editor-url-modal.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyTextEditorUrlModalComponent {
-    private readonly modalInstance;
+    #private;
     set activeTab(value: number);
     get activeTab(): number;
     set emailAddress(value: string);
@@ -15,17 +15,12 @@ export declare class SkyTextEditorUrlModalComponent {
     get url(): string;
     emailAddressValid: boolean;
     subject: string;
-    target: number;
+    target: number | string;
     valid: boolean;
-    _activeTab: number;
-    private _emailAddress;
-    private _url;
     constructor(modalInstance: SkyModalInstance, modalContext: SkyUrlModalContext);
     activeTabChanged(value: SkyTabIndex): void;
     save(): void;
     cancel(): void;
-    private getEmailUrl;
-    private isValid;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextEditorUrlModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextEditorUrlModalComponent, "sky-text-editor-url-modal", never, {}, {}, never, never, false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/text-editor",
-  "version": "7.0.0-beta.8",
+  "version": "7.0.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -32,24 +32,25 @@
     }
   },
   "peerDependencies": {
-    "@angular/common": "^14.2.0",
-    "@angular/core": "^14.2.0",
-    "@angular/forms": "^14.2.0",
-    "@angular/platform-browser": "^14.2.0",
-    "@skyux/colorpicker": "7.0.0-beta.8",
-    "@skyux/core": "7.0.0-beta.8",
-    "@skyux/forms": "7.0.0-beta.8",
-    "@skyux/i18n": "7.0.0-beta.8",
-    "@skyux/indicators": "7.0.0-beta.8",
-    "@skyux/layout": "7.0.0-beta.8",
-    "@skyux/modals": "7.0.0-beta.8",
-    "@skyux/popovers": "7.0.0-beta.8",
-    "@skyux/tabs": "7.0.0-beta.8",
-    "@skyux/theme": "7.0.0-beta.8",
-    "@skyux/validation": "7.0.0-beta.8"
+    "@angular/common": "^14.2.11",
+    "@angular/core": "^14.2.11",
+    "@angular/forms": "^14.2.11",
+    "@angular/platform-browser": "^14.2.11",
+    "@skyux/colorpicker": "7.0.0",
+    "@skyux/core": "7.0.0",
+    "@skyux/forms": "7.0.0",
+    "@skyux/i18n": "7.0.0",
+    "@skyux/indicators": "7.0.0",
+    "@skyux/layout": "7.0.0",
+    "@skyux/modals": "7.0.0",
+    "@skyux/popovers": "7.0.0",
+    "@skyux/tabs": "7.0.0",
+    "@skyux/theme": "7.0.0",
+    "@skyux/validation": "7.0.0"
   },
   "dependencies": {
-    "dompurify": "2.3.6",
+    "dompurify": "2.4.1",
+    "he": "1.2.0",
     "tslib": "^2.3.1"
   },
   "module": "fesm2015/skyux-text-editor.mjs",