@skyux/text-editor 4.0.0-beta.2 → 5.0.0-beta.4

package/fesm2015/skyux-text-editor.js

@@ -1,27 +1,36 @@
-import { __decorate } from 'tslib';
+import * as i8 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { ɵɵdefineInjectable, Injectable, Input, Component, NgModule, ɵɵinject, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild, forwardRef, ViewEncapsulation } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import dompurify from 'dompurify';
+import * as i0 from '@angular/core';
+import { Injectable, Component, Input, NgModule, ChangeDetectionStrategy, forwardRef, ViewEncapsulation, ViewChild } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+import createDOMPurify from 'dompurify';
+import * as i5 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i6$1 from '@skyux/colorpicker';
 import { SkyColorpickerMessageType, SkyColorpickerModule } from '@skyux/colorpicker';
-import { SkyAppWindowRef, SkyCoreAdapterService, SkyCoreAdapterModule, SkyIdModule } from '@skyux/core';
+import * as i3 from '@skyux/core';
+import { SkyCoreAdapterModule, SkyIdModule } from '@skyux/core';
+import * as i4$1 from '@skyux/forms';
 import { SkyInputBoxModule, SkyCheckboxModule } from '@skyux/forms';
-import { SkyModalInstance, SkyModalService, SkyModalModule } from '@skyux/modals';
-import { getStringForLocale, SKY_LIB_RESOURCES_PROVIDERS, SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
+import * as i1$1 from '@skyux/modals';
+import { SkyModalModule } from '@skyux/modals';
+import * as i2 from '@skyux/i18n';
+import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
+import * as i7 from '@skyux/indicators';
 import { SkyIconModule } from '@skyux/indicators';
+import * as i3$1 from '@skyux/layout';
 import { SkyToolbarModule } from '@skyux/layout';
+import * as i4 from '@skyux/popovers';
 import { SkyDropdownMessageType, SkyDropdownModule } from '@skyux/popovers';
+import * as i3$2 from '@skyux/tabs';
 import { SkyTabsModule } from '@skyux/tabs';
+import * as i6 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
 import { Subject, forkJoin } from 'rxjs';
 import { takeUntil, take } from 'rxjs/operators';
 import { SkyValidation } from '@skyux/validation';
 
-// TODO: figure out how to get the following `import` to work with docs-tools library.
-// import DOMPurify from 'dompurify';
-
-const domPurify = dompurify(window);
+const domPurify = createDOMPurify(window);
 domPurify.addHook('afterSanitizeAttributes', (node) => {
     // Set all elements owning target to target=_blank
     // so we only allow the target attribute with that value.
@@ -36,7 +45,7 @@ domPurify.addHook('afterSanitizeAttributes', (node) => {
  * can preserve `<style>` tags and allow `target` attributes for new tab links.
  * @internal
  */
-let SkyTextSanitizationService = class SkyTextSanitizationService {
+class SkyTextSanitizationService {
     constructor() {
         this.allowedAttributes = ['target'];
     }
@@ -46,15 +55,17 @@ let SkyTextSanitizationService = class SkyTextSanitizationService {
     sanitize(htmlString) {
         return domPurify.sanitize(htmlString, { ADD_ATTR: this.allowedAttributes });
     }
-};
-SkyTextSanitizationService.ɵprov = ɵɵdefineInjectable({ factory: function SkyTextSanitizationService_Factory() { return new SkyTextSanitizationService(); }, token: SkyTextSanitizationService, providedIn: "root" });
-SkyTextSanitizationService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], SkyTextSanitizationService);
+}
+SkyTextSanitizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextSanitizationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyTextSanitizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextSanitizationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextSanitizationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
-let SkyRichTextDisplayComponent = class SkyRichTextDisplayComponent {
+class SkyRichTextDisplayComponent {
     constructor(sanitizer, sanitizationService) {
         this.sanitizer = sanitizer;
         this.sanitizationService = sanitizationService;
@@ -73,62 +84,88 @@ let SkyRichTextDisplayComponent = class SkyRichTextDisplayComponent {
             this.sanitizedText = this.sanitizer.bypassSecurityTrustHtml(cleaned);
         }
     }
-};
-SkyRichTextDisplayComponent.ctorParameters = () => [
-    { type: DomSanitizer },
-    { type: SkyTextSanitizationService }
-];
-__decorate([
-    Input()
-], SkyRichTextDisplayComponent.prototype, "richText", null);
-SkyRichTextDisplayComponent = __decorate([
-    Component({
-        selector: 'sky-rich-text-display',
-        template: "<span\n  class=\"sky-rich-text-display-text\"\n  [innerHTML]=\"sanitizedText\"\n>\n</span>\n"
-    })
-], SkyRichTextDisplayComponent);
+}
+SkyRichTextDisplayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyRichTextDisplayComponent, deps: [{ token: i1.DomSanitizer }, { token: SkyTextSanitizationService }], target: i0.ɵɵFactoryTarget.Component });
+SkyRichTextDisplayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyRichTextDisplayComponent, selector: "sky-rich-text-display", inputs: { richText: "richText" }, ngImport: i0, template: "<span\n  class=\"sky-rich-text-display-text\"\n  [innerHTML]=\"sanitizedText\"\n>\n</span>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyRichTextDisplayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-rich-text-display',
+                    templateUrl: './rich-text-display.component.html'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: SkyTextSanitizationService }]; }, propDecorators: { richText: [{
+                type: Input
+            }] } });
 
-let SkyRichTextDisplayModule = class SkyRichTextDisplayModule {
-};
-SkyRichTextDisplayModule = __decorate([
-    NgModule({
-        imports: [
+class SkyRichTextDisplayModule {
+}
+SkyRichTextDisplayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyRichTextDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyRichTextDisplayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyRichTextDisplayModule, declarations: [SkyRichTextDisplayComponent], imports: [CommonModule], exports: [SkyRichTextDisplayComponent] });
+SkyRichTextDisplayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyRichTextDisplayModule, imports: [[
             CommonModule
-        ],
-        exports: [
-            SkyRichTextDisplayComponent
-        ],
-        declarations: [
-            SkyRichTextDisplayComponent
-        ]
-    })
-], SkyRichTextDisplayModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyRichTextDisplayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        SkyRichTextDisplayComponent
+                    ],
+                    declarations: [
+                        SkyRichTextDisplayComponent
+                    ]
+                }]
+        }] });
 
-let SkyTextEditorResourcesProvider = class SkyTextEditorResourcesProvider {
-    constructor() {
-        this.resources = { "EN-US": { "skyux_text_editor_format_menu_action_bold_label": "Bold", "skyux_text_editor_format_menu_action_bold_key_shortcut": "Ctrl+B", "skyux_text_editor_format_menu_action_italic_label": "Italic", "skyux_text_editor_format_menu_action_italic_key_shortcut": "Ctrl+I", "skyux_text_editor_format_menu_action_underline_label": "Underline", "skyux_text_editor_format_menu_action_underline_key_shortcut": "Ctrl+U", "skyux_text_editor_format_menu_action_strikethrough_label": "Strikethrough", "skyux_text_editor_format_menu_action_clear_formatting_label": "Clear formatting", "skyux_text_editor_edit_menu_action_undo_label": "Undo", "skyux_text_editor_edit_menu_action_undo_key_shortcut": "Ctrl+Z", "skyux_text_editor_edit_menu_action_redo_label": "Redo", "skyux_text_editor_edit_menu_action_redo_key_shortcut": "Ctrl+Y", "skyux_text_editor_edit_menu_action_cut_label": "Cut", "skyux_text_editor_edit_menu_action_cut_key_shortcut": "Ctrl+X", "skyux_text_editor_edit_menu_action_copy_label": "Copy", "skyux_text_editor_edit_menu_action_copy_key_shortcut": "Ctrl+C", "skyux_text_editor_edit_menu_action_paste_label": "Paste", "skyux_text_editor_edit_menu_action_paste_key_shortcut": "Ctrl+V", "skyux_text_editor_edit_menu_action_select_all_label": "Select all", "skyux_text_editor_edit_menu_action_select_all_key_shortcut": "Ctrl+A", "skyux_text_editor_menubar_dropdown_button_edit_label": "Edit", "skyux_text_editor_menubar_dropdown_button_format_label": "Format", "skyux_text_editor_menubar_dropdown_button_insert_label": "Insert merge field", "skyux_text_editor_url_modal_header_label": "Create link", "skyux_text_editor_url_modal_url_label": "Enter a URL to link to:", "skyux_text_editor_url_modal_open_label": "Where should it open?", "skyux_text_editor_url_modal_current_option_label": "Current window", "skyux_text_editor_url_modal_new_option_label": "New window", "skyux_text_editor_url_modal_email_label": "Email address", "skyux_text_editor_url_modal_subject_label": "Subject line", "skyux_text_editor_url_modal_save_button_label": "Save", "skyux_text_editor_url_modal_cancel_button_label": "Cancel" } };
-    }
+/**
+ * NOTICE: DO NOT MODIFY THIS FILE!
+ * The contents of this file were automatically generated by
+ * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-text-editor' schematic.
+ * To update this file, simply rerun the command.
+ */
+const RESOURCES = {
+    'EN-US': { "skyux_text_editor_format_menu_action_bold_label": { "message": "Bold" }, "skyux_text_editor_format_menu_action_bold_key_shortcut": { "message": "Ctrl+B" }, "skyux_text_editor_format_menu_action_italic_label": { "message": "Italic" }, "skyux_text_editor_format_menu_action_italic_key_shortcut": { "message": "Ctrl+I" }, "skyux_text_editor_format_menu_action_underline_label": { "message": "Underline" }, "skyux_text_editor_format_menu_action_underline_key_shortcut": { "message": "Ctrl+U" }, "skyux_text_editor_format_menu_action_strikethrough_label": { "message": "Strikethrough" }, "skyux_text_editor_format_menu_action_clear_formatting_label": { "message": "Clear formatting" }, "skyux_text_editor_edit_menu_action_undo_label": { "message": "Undo" }, "skyux_text_editor_edit_menu_action_undo_key_shortcut": { "message": "Ctrl+Z" }, "skyux_text_editor_edit_menu_action_redo_label": { "message": "Redo" }, "skyux_text_editor_edit_menu_action_redo_key_shortcut": { "message": "Ctrl+Y" }, "skyux_text_editor_edit_menu_action_cut_label": { "message": "Cut" }, "skyux_text_editor_edit_menu_action_cut_key_shortcut": { "message": "Ctrl+X" }, "skyux_text_editor_edit_menu_action_copy_label": { "message": "Copy" }, "skyux_text_editor_edit_menu_action_copy_key_shortcut": { "message": "Ctrl+C" }, "skyux_text_editor_edit_menu_action_paste_label": { "message": "Paste" }, "skyux_text_editor_edit_menu_action_paste_key_shortcut": { "message": "Ctrl+V" }, "skyux_text_editor_edit_menu_action_select_all_label": { "message": "Select all" }, "skyux_text_editor_edit_menu_action_select_all_key_shortcut": { "message": "Ctrl+A" }, "skyux_text_editor_menubar_dropdown_button_edit_label": { "message": "Edit" }, "skyux_text_editor_menubar_dropdown_button_format_label": { "message": "Format" }, "skyux_text_editor_menubar_dropdown_button_insert_label": { "message": "Insert merge field" }, "skyux_text_editor_url_modal_header_label": { "message": "Create link" }, "skyux_text_editor_url_modal_url_label": { "message": "Enter a URL to link to:" }, "skyux_text_editor_url_modal_open_label": { "message": "Where should it open?" }, "skyux_text_editor_url_modal_current_option_label": { "message": "Current window" }, "skyux_text_editor_url_modal_new_option_label": { "message": "New window" }, "skyux_text_editor_url_modal_email_label": { "message": "Email address" }, "skyux_text_editor_url_modal_subject_label": { "message": "Subject line" }, "skyux_text_editor_url_modal_save_button_label": { "message": "Save" }, "skyux_text_editor_url_modal_cancel_button_label": { "message": "Cancel" } },
+};
+class SkyTextEditorResourcesProvider {
     getString(localeInfo, name) {
-        return getStringForLocale(this.resources, localeInfo.locale, name);
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
     }
-};
-SkyTextEditorResourcesProvider = __decorate([
-    Injectable()
-], SkyTextEditorResourcesProvider);
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+class SkyTextEditorResourcesModule {
+}
+SkyTextEditorResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyTextEditorResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorResourcesModule, exports: [SkyI18nModule] });
+SkyTextEditorResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorResourcesModule, providers: [{
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyTextEditorResourcesProvider,
+            multi: true
+        }], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [{
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyTextEditorResourcesProvider,
+                            multi: true
+                        }]
+                }]
+        }] });
 
-let SkyTextEditorResourcesModule = class SkyTextEditorResourcesModule {
-};
-SkyTextEditorResourcesModule = __decorate([
-    NgModule({
-        providers: [
-            {
-                provide: SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyTextEditorResourcesProvider,
-                multi: true
-            }
-        ]
-    })
-], SkyTextEditorResourcesModule);
+// Need to add the following to classes which contain static methods.
+// See: https://github.com/ng-packagr/ng-packagr/issues/641
+// @dynamic
+class SkyFormsUtility {
+    /** Coerces a data-bound value (typically a string) to a boolean. */
+    static coerceBooleanProperty(value) {
+        return value !== undefined && `${value}` !== 'false';
+    }
+}
 
 /**
  * @internal
@@ -198,56 +235,11 @@ var UrlTarget;
 /**
  * @internal
  */
-let SkyTextEditorService = class SkyTextEditorService {
-    constructor() {
-        /**
-         * A dictionary representing all active text editors and their settings.
-         */
-        this.editors = {};
-    }
-    /**
-     * Returns the click observable from the editor with the corresponding id.
-     */
-    clickListener(id) {
-        return this.editors[id].clickObservable;
-    }
-    /**
-     * Returns the command change observable from the editor with the corresponding id.
-     */
-    commandChangeListener(id) {
-        return this.editors[id].commandChangeObservable;
-    }
-    /**
-     * Removes editor from the `editors` index by id.
-     */
-    removeEditor(id) {
-        if (id in this.editors) {
-            delete this.editors[id];
-        }
-    }
-    /**
-     * Returns the selection change observable from the editor with the corresponding id.
-     */
-    selectionChangeListener(id) {
-        return this.editors[id].selectionChangeObservable;
-    }
-};
-SkyTextEditorService.ɵprov = ɵɵdefineInjectable({ factory: function SkyTextEditorService_Factory() { return new SkyTextEditorService(); }, token: SkyTextEditorService, providedIn: "root" });
-SkyTextEditorService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], SkyTextEditorService);
-
-/**
- * @internal
- */
-let SkyTextEditorSelectionService = class SkyTextEditorSelectionService {
+class SkyTextEditorSelectionService {
     isElementSelected(documentEl, element) {
         const selectedNode = this.getCurrentSelection(documentEl).anchorNode;
         return selectedNode &&
-            (element.contains(selectedNode) ||
-                (selectedNode.parentNode && element.contains(selectedNode.parentNode)));
+            (element.contains(selectedNode) || (selectedNode.parentNode && element.contains(selectedNode.parentNode)));
     }
     getCurrentSelection(documentEl) {
         return documentEl.getSelection();
@@ -301,18 +293,66 @@ let SkyTextEditorSelectionService = class SkyTextEditorSelectionService {
             }
         }
     }
-};
-SkyTextEditorSelectionService.ɵprov = ɵɵdefineInjectable({ factory: function SkyTextEditorSelectionService_Factory() { return new SkyTextEditorSelectionService(); }, token: SkyTextEditorSelectionService, providedIn: "root" });
-SkyTextEditorSelectionService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], SkyTextEditorSelectionService);
+}
+SkyTextEditorSelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyTextEditorSelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorSelectionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorSelectionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 /**
  * @internal
  */
-let SkyTextEditorAdapterService = class SkyTextEditorAdapterService {
+class SkyTextEditorService {
+    constructor() {
+        /**
+         * A dictionary representing all active text editors and their settings.
+         */
+        this.editors = {};
+    }
+    /**
+     * Returns the click observable from the editor with the corresponding id.
+     */
+    clickListener(id) {
+        return this.editors[id].clickObservable;
+    }
+    /**
+     * Returns the command change observable from the editor with the corresponding id.
+     */
+    commandChangeListener(id) {
+        return this.editors[id].commandChangeObservable;
+    }
+    /**
+     * Removes editor from the `editors` index by id.
+     */
+    removeEditor(id) {
+        if (id in this.editors) {
+            delete this.editors[id];
+        }
+    }
+    /**
+     * Returns the selection change observable from the editor with the corresponding id.
+     */
+    selectionChangeListener(id) {
+        return this.editors[id].selectionChangeObservable;
+    }
+}
+SkyTextEditorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyTextEditorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyTextEditorAdapterService {
     constructor(selectionService, textEditorService, windowService) {
         this.selectionService = selectionService;
         this.textEditorService = textEditorService;
@@ -720,38 +760,28 @@ let SkyTextEditorAdapterService = class SkyTextEditorAdapterService {
     setEditorDisabled(id, focusableChildren, textEditorNativeElement, disabled) {
         textEditorNativeElement.style.pointerEvents = disabled ? 'none' : 'auto';
         textEditorNativeElement.setAttribute('aria-disabled', disabled ? 'true' : 'false');
-        focusableChildren.forEach(aFocusableChild => {
-            aFocusableChild.tabIndex = disabled ? -1 : 0;
-        });
+        /* istanbul ignore else */
+        if (focusableChildren.length > 0) {
+            focusableChildren.forEach(aFocusableChild => {
+                aFocusableChild.tabIndex = disabled ? -1 : 0;
+            });
+        }
         this.getIframeDocumentEl(id).body.setAttribute('contenteditable', disabled ? 'false' : 'true');
     }
-};
-SkyTextEditorAdapterService.ctorParameters = () => [
-    { type: SkyTextEditorSelectionService },
-    { type: SkyTextEditorService },
-    { type: SkyAppWindowRef }
-];
-SkyTextEditorAdapterService.ɵprov = ɵɵdefineInjectable({ factory: function SkyTextEditorAdapterService_Factory() { return new SkyTextEditorAdapterService(ɵɵinject(SkyTextEditorSelectionService), ɵɵinject(SkyTextEditorService), ɵɵinject(SkyAppWindowRef)); }, token: SkyTextEditorAdapterService, providedIn: "root" });
-SkyTextEditorAdapterService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], SkyTextEditorAdapterService);
-
-// Need to add the following to classes which contain static methods.
-// See: https://github.com/ng-packagr/ng-packagr/issues/641
-// @dynamic
-class SkyFormsUtility {
-    /** Coerces a data-bound value (typically a string) to a boolean. */
-    static coerceBooleanProperty(value) {
-        return value !== undefined && `${value}` !== 'false';
-    }
 }
+SkyTextEditorAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorAdapterService, deps: [{ token: SkyTextEditorSelectionService }, { token: SkyTextEditorService }, { token: i3.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyTextEditorAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorAdapterService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorAdapterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: SkyTextEditorSelectionService }, { type: SkyTextEditorService }, { type: i3.SkyAppWindowRef }]; } });
 
 /**
  * @internal
  */
-let SkyTextEditorMenubarComponent = class SkyTextEditorMenubarComponent {
+class SkyTextEditorMenubarComponent {
     constructor(adapterService, changeDetector, resources) {
         this.adapterService = adapterService;
         this.changeDetector = changeDetector;
@@ -901,35 +931,28 @@ let SkyTextEditorMenubarComponent = class SkyTextEditorMenubarComponent {
         }
         this.execCommand('removeFormat');
     }
-};
-SkyTextEditorMenubarComponent.ctorParameters = () => [
-    { type: SkyTextEditorAdapterService },
-    { type: ChangeDetectorRef },
-    { type: SkyLibResourcesService }
-];
-__decorate([
-    Input()
-], SkyTextEditorMenubarComponent.prototype, "editorFocusStream", void 0);
-__decorate([
-    Input()
-], SkyTextEditorMenubarComponent.prototype, "editorId", void 0);
-__decorate([
-    Input()
-], SkyTextEditorMenubarComponent.prototype, "menus", void 0);
-__decorate([
-    Input()
-], SkyTextEditorMenubarComponent.prototype, "mergeFields", void 0);
-__decorate([
-    Input()
-], SkyTextEditorMenubarComponent.prototype, "disabled", null);
-SkyTextEditorMenubarComponent = __decorate([
-    Component({
-        selector: 'sky-text-editor-menubar',
-        template: "\n  <sky-toolbar-item *ngFor=\"let menu of menus\"\n    class=\"sky-text-editor-menu\"\n    [ngClass]=\"'sky-text-editor-menu-' + menu\"\n  >\n    <ng-container\n      [ngSwitch]=\"menu\"\n    >\n      <ng-container *ngSwitchCase=\"'edit'\">\n        <sky-dropdown\n          label=\"Edit menu\"\n          [disabled]=\"disabled\"\n          [messageStream]=\"editDropdownStream\"\n        >\n          <sky-dropdown-button>\n            {{ 'skyux_text_editor_menubar_dropdown_button_edit_label' | skyLibResources }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let editItem of editItems\">\n              <button *ngIf=\"!editItem.isDivider\"\n                type=\"button\"\n                (click)=\"editItem.function()\"\n              >\n                {{ editItem.label }}\n                <div *ngIf=\"editItem.keyShortcut\"\n                  class=\"sky-text-editor-menu-key-shortcut\"\n                  [skyThemeClass]=\"{\n                    'sky-font-deemphasized' : 'modern',\n                    'sky-deemphasized' : 'default'\n                  }\"\n                >\n                  {{ editItem.keyShortcut }}\n                </div>\n              </button>\n              <div *ngIf=\"editItem.isDivider\"\n                class=\"sky-text-editor-dropdown-item-divider\"\n                role=\"divider\"\n              >\n              </div>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'format'\">\n        <sky-dropdown\n          label=\"Format menu\"\n          [disabled]=\"disabled\"\n          [messageStream]=\"formatDropdownStream\"\n        >\n          <sky-dropdown-button>\n            {{ 'skyux_text_editor_menubar_dropdown_button_format_label' | skyLibResources }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let formatItem of formatItems\">\n              <button *ngIf=\"!formatItem.isDivider\"\n                type=\"button\"\n                (click)=\"formatItem.function()\"\n              >\n                {{ formatItem.label }}\n                <div *ngIf=\"formatItem.keyShortcut\"\n                  class=\"sky-text-editor-menu-key-shortcut\"\n                  [skyThemeClass]=\"{\n                    'sky-font-deemphasized' : 'modern',\n                    'sky-deemphasized' : 'default'\n                  }\"\n                >\n                  {{ formatItem.keyShortcut}}\n                </div>\n              </button>\n              <div *ngIf=\"formatItem.isDivider\"\n                class=\"sky-text-editor-dropdown-item-divider\"\n                role=\"divider\"\n              >\n              </div>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'merge-field'\">\n        <sky-dropdown *ngIf=\"mergeFields && mergeFields.length > 0\"\n          label=\"Insert merge field\"\n          [disabled]=\"disabled\"\n          [messageStream]=\"mergeFieldDropdownStream\"\n        >\n          <sky-dropdown-button>\n            {{ 'skyux_text_editor_menubar_dropdown_button_insert_label' | skyLibResources }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let mergeField of mergeFields\">\n              <button\n                type=\"button\"\n                (click)=\"insertMergeField(mergeField)\"\n              >\n                {{ mergeField.name }}\n              </button>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n    </ng-container>\n  </sky-toolbar-item>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [".sky-text-editor-dropdown-item-divider{border:0;padding:0;height:1px;margin:9px 1px;overflow:hidden;background:0 0;border-bottom:1px solid rgba(0,0,0,.1);cursor:default;filter:none}.sky-text-editor-menu-key-shortcut{float:right;margin-left:15px}"]
-    })
-], SkyTextEditorMenubarComponent);
+}
+SkyTextEditorMenubarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorMenubarComponent, deps: [{ token: SkyTextEditorAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
+SkyTextEditorMenubarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyTextEditorMenubarComponent, selector: "sky-text-editor-menubar", inputs: { editorFocusStream: "editorFocusStream", editorId: "editorId", menus: "menus", mergeFields: "mergeFields", disabled: "disabled" }, ngImport: i0, template: "\n  <sky-toolbar-item *ngFor=\"let menu of menus\"\n    class=\"sky-text-editor-menu\"\n    [ngClass]=\"'sky-text-editor-menu-' + menu\"\n  >\n    <ng-container\n      [ngSwitch]=\"menu\"\n    >\n      <ng-container *ngSwitchCase=\"'edit'\">\n        <sky-dropdown\n          label=\"Edit menu\"\n          [disabled]=\"disabled\"\n          [messageStream]=\"editDropdownStream\"\n        >\n          <sky-dropdown-button>\n            {{ 'skyux_text_editor_menubar_dropdown_button_edit_label' | skyLibResources }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let editItem of editItems\">\n              <button *ngIf=\"!editItem.isDivider\"\n                type=\"button\"\n                (click)=\"editItem.function()\"\n              >\n                {{ editItem.label }}\n                <div *ngIf=\"editItem.keyShortcut\"\n                  class=\"sky-text-editor-menu-key-shortcut\"\n                  [skyThemeClass]=\"{\n                    'sky-font-deemphasized' : 'modern',\n                    'sky-deemphasized' : 'default'\n                  }\"\n                >\n                  {{ editItem.keyShortcut }}\n                </div>\n              </button>\n              <div *ngIf=\"editItem.isDivider\"\n                class=\"sky-text-editor-dropdown-item-divider\"\n                role=\"divider\"\n              >\n              </div>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'format'\">\n        <sky-dropdown\n          label=\"Format menu\"\n          [disabled]=\"disabled\"\n          [messageStream]=\"formatDropdownStream\"\n        >\n          <sky-dropdown-button>\n            {{ 'skyux_text_editor_menubar_dropdown_button_format_label' | skyLibResources }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let formatItem of formatItems\">\n              <button *ngIf=\"!formatItem.isDivider\"\n                type=\"button\"\n                (click)=\"formatItem.function()\"\n              >\n                {{ formatItem.label }}\n                <div *ngIf=\"formatItem.keyShortcut\"\n                  class=\"sky-text-editor-menu-key-shortcut\"\n                  [skyThemeClass]=\"{\n                    'sky-font-deemphasized' : 'modern',\n                    'sky-deemphasized' : 'default'\n                  }\"\n                >\n                  {{ formatItem.keyShortcut}}\n                </div>\n              </button>\n              <div *ngIf=\"formatItem.isDivider\"\n                class=\"sky-text-editor-dropdown-item-divider\"\n                role=\"divider\"\n              >\n              </div>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'merge-field'\">\n        <sky-dropdown *ngIf=\"mergeFields && mergeFields.length > 0\"\n          label=\"Insert merge field\"\n          [disabled]=\"disabled\"\n          [messageStream]=\"mergeFieldDropdownStream\"\n        >\n          <sky-dropdown-button>\n            {{ 'skyux_text_editor_menubar_dropdown_button_insert_label' | skyLibResources }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let mergeField of mergeFields\">\n              <button\n                type=\"button\"\n                (click)=\"insertMergeField(mergeField)\"\n              >\n                {{ mergeField.name }}\n              </button>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n    </ng-container>\n  </sky-toolbar-item>\n", styles: [".sky-text-editor-dropdown-item-divider{border:0;padding:0;height:1px;margin:9px 1px;overflow:hidden;background:transparent;border-bottom:1px solid rgba(0,0,0,.1);cursor:default;filter:none}.sky-text-editor-menu-key-shortcut{float:right;margin-left:15px}\n"], components: [{ type: i3$1.λ39, selector: "sky-toolbar-item" }, { type: i4.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i4.λ2, selector: "sky-dropdown-button" }, { type: i4.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i4.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorMenubarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-text-editor-menubar',
+                    templateUrl: './text-editor-menubar.component.html',
+                    styleUrls: ['./text-editor-menubar.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: SkyTextEditorAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyLibResourcesService }]; }, propDecorators: { editorFocusStream: [{
+                type: Input
+            }], editorId: [{
+                type: Input
+            }], menus: [{
+                type: Input
+            }], mergeFields: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
 
 /**
  * @internal
@@ -942,7 +965,7 @@ const queryStringParamKey = '?Subject=';
 /**
  * @internal
  */
-let SkyTextEditorUrlModalComponent = class SkyTextEditorUrlModalComponent {
+class SkyTextEditorUrlModalComponent {
     constructor(modalInstance, modalContext) {
         this.modalInstance = modalInstance;
         this.emailAddressValid = false;
@@ -1024,23 +1047,22 @@ let SkyTextEditorUrlModalComponent = class SkyTextEditorUrlModalComponent {
         }
         return !!this.emailAddress && SkyValidation.isEmail(this.emailAddress);
     }
-};
-SkyTextEditorUrlModalComponent.ctorParameters = () => [
-    { type: SkyModalInstance },
-    { type: SkyUrlModalContext }
-];
-SkyTextEditorUrlModalComponent = __decorate([
-    Component({
-        selector: 'skyux-text-editor-url-modal',
-        template: "<sky-modal>\n  <sky-modal-header>\n    {{ 'skyux_text_editor_url_modal_header_label' | skyLibResources }}\n  </sky-modal-header>\n  <sky-modal-content>\n    <sky-tabset\n      data-sky-id=\"test-tabset\"\n      [active]=\"activeTab\"\n      (activeChange)=\"activeTabChanged($event)\"\n    >\n      <sky-tab\n        tabHeading=\"Web page\"\n      >\n        <div class=\"sky-form-group sky-text-editor-url-modal-first-field\">\n          <sky-input-box>\n            <label\n              class=\"sky-control-label sky-control-label-required\"\n              [for]=\"urlInput.id\"\n            >\n              {{ 'skyux_text_editor_url_modal_url_label' | skyLibResources }}\n            </label>\n            <input\n              class=\"sky-form-control\"\n              type=\"text\"\n              [(ngModel)]=\"url\"\n              skyId\n              #urlInput=\"skyId\"\n            />\n          </sky-input-box>\n        </div>\n        <sky-input-box class=\"sky-form-group\">\n          <label\n            class=\"sky-control-label\"\n            [for]=\"targetInput.id\"\n          >\n          {{ 'skyux_text_editor_url_modal_open_label' | skyLibResources }}\n          </label>\n          <select\n            class=\"sky-form-control\"\n            [(ngModel)]=\"target\"\n            skyId\n            #targetInput=\"skyId\"\n          >\n            <option value=\"0\">\n              {{ 'skyux_text_editor_url_modal_current_option_label' | skyLibResources }}\n            </option>\n            <option value=\"1\">\n              {{ 'skyux_text_editor_url_modal_new_option_label' | skyLibResources }}\n            </option>\n          </select>\n        </sky-input-box>\n      </sky-tab>\n      <sky-tab\n        tabHeading=\"Email address\"\n      >\n        <div class=\"sky-form-group first-field\">\n          <sky-input-box>\n            <label\n              class=\"sky-control-label sky-control-label-required\"\n              [for]=\"emailAddressInput.id\"\n            >\n              {{ 'skyux_text_editor_url_modal_email_label' | skyLibResources }}\n            </label>\n            <input\n              class=\"sky-form-control\"\n              type=\"text\"\n              [(ngModel)]=\"emailAddress\"\n              skyId\n              #emailAddressInput=\"skyId\"\n            />\n          </sky-input-box>\n        </div>\n        <sky-input-box class=\"sky-form-group\">\n          <label\n            class=\"sky-control-label\"\n            [for]=\"subjectInput.id\"\n          >\n            {{ 'skyux_text_editor_url_modal_subject_label' | skyLibResources }}\n          </label>\n          <input\n            class=\"sky-form-control\"\n            type=\"text\"\n            [(ngModel)]=\"subject\"\n            skyId\n            #subjectInput=\"skyId\"\n          />\n        </sky-input-box>\n      </sky-tab>\n    </sky-tabset>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"submit\"\n      class=\"sky-btn sky-btn-primary\"\n      [disabled]=\"!valid\"\n      (click)=\"save()\"\n    >\n      {{ 'skyux_text_editor_url_modal_save_button_label' | skyLibResources }}\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancel()\"\n    >\n      {{ 'skyux_text_editor_url_modal_cancel_button_label' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n",
-        styles: [".sky-text-editor-url-modal-first-field{margin-top:15px}"]
-    })
-], SkyTextEditorUrlModalComponent);
+}
+SkyTextEditorUrlModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorUrlModalComponent, deps: [{ token: i1$1.SkyModalInstance }, { token: SkyUrlModalContext }], target: i0.ɵɵFactoryTarget.Component });
+SkyTextEditorUrlModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyTextEditorUrlModalComponent, selector: "skyux-text-editor-url-modal", ngImport: i0, template: "<sky-modal>\n  <sky-modal-header>\n    {{ 'skyux_text_editor_url_modal_header_label' | skyLibResources }}\n  </sky-modal-header>\n  <sky-modal-content>\n    <sky-tabset\n      data-sky-id=\"test-tabset\"\n      [active]=\"activeTab\"\n      (activeChange)=\"activeTabChanged($event)\"\n    >\n      <sky-tab\n        tabHeading=\"Web page\"\n      >\n        <div class=\"sky-form-group sky-text-editor-url-modal-first-field\">\n          <sky-input-box>\n            <label\n              class=\"sky-control-label sky-control-label-required\"\n              [for]=\"urlInput.id\"\n            >\n              {{ 'skyux_text_editor_url_modal_url_label' | skyLibResources }}\n            </label>\n            <input\n              class=\"sky-form-control\"\n              type=\"text\"\n              [(ngModel)]=\"url\"\n              skyId\n              #urlInput=\"skyId\"\n            />\n          </sky-input-box>\n        </div>\n        <sky-input-box class=\"sky-form-group\">\n          <label\n            class=\"sky-control-label\"\n            [for]=\"targetInput.id\"\n          >\n          {{ 'skyux_text_editor_url_modal_open_label' | skyLibResources }}\n          </label>\n          <select\n            class=\"sky-form-control\"\n            [(ngModel)]=\"target\"\n            skyId\n            #targetInput=\"skyId\"\n          >\n            <option value=\"0\">\n              {{ 'skyux_text_editor_url_modal_current_option_label' | skyLibResources }}\n            </option>\n            <option value=\"1\">\n              {{ 'skyux_text_editor_url_modal_new_option_label' | skyLibResources }}\n            </option>\n          </select>\n        </sky-input-box>\n      </sky-tab>\n      <sky-tab\n        tabHeading=\"Email address\"\n      >\n        <div class=\"sky-form-group first-field\">\n          <sky-input-box>\n            <label\n              class=\"sky-control-label sky-control-label-required\"\n              [for]=\"emailAddressInput.id\"\n            >\n              {{ 'skyux_text_editor_url_modal_email_label' | skyLibResources }}\n            </label>\n            <input\n              class=\"sky-form-control\"\n              type=\"text\"\n              [(ngModel)]=\"emailAddress\"\n              skyId\n              #emailAddressInput=\"skyId\"\n            />\n          </sky-input-box>\n        </div>\n        <sky-input-box class=\"sky-form-group\">\n          <label\n            class=\"sky-control-label\"\n            [for]=\"subjectInput.id\"\n          >\n            {{ 'skyux_text_editor_url_modal_subject_label' | skyLibResources }}\n          </label>\n          <input\n            class=\"sky-form-control\"\n            type=\"text\"\n            [(ngModel)]=\"subject\"\n            skyId\n            #subjectInput=\"skyId\"\n          />\n        </sky-input-box>\n      </sky-tab>\n    </sky-tabset>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"submit\"\n      class=\"sky-btn sky-btn-primary\"\n      [disabled]=\"!valid\"\n      (click)=\"save()\"\n    >\n      {{ 'skyux_text_editor_url_modal_save_button_label' | skyLibResources }}\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancel()\"\n    >\n      {{ 'skyux_text_editor_url_modal_cancel_button_label' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-text-editor-url-modal-first-field{margin-top:15px}\n"], components: [{ type: i1$1.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i1$1.λ4, selector: "sky-modal-header" }, { type: i1$1.λ2, selector: "sky-modal-content" }, { type: i3$2.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }, { type: i3$2.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndex"], outputs: ["close"] }, { type: i4$1.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i1$1.λ3, selector: "sky-modal-footer" }], directives: [{ type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorUrlModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'skyux-text-editor-url-modal',
+                    templateUrl: './text-editor-url-modal.component.html',
+                    styleUrls: ['./text-editor-url-modal.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.SkyModalInstance }, { type: SkyUrlModalContext }]; } });
 
 /**
  * @internal
  */
-let SkyTextEditorToolbarComponent = class SkyTextEditorToolbarComponent {
+class SkyTextEditorToolbarComponent {
     constructor(adapterService, changeDetector, modalService) {
         this.adapterService = adapterService;
         this.changeDetector = changeDetector;
@@ -1153,41 +1175,32 @@ let SkyTextEditorToolbarComponent = class SkyTextEditorToolbarComponent {
             }
         }
     }
-};
-SkyTextEditorToolbarComponent.ctorParameters = () => [
-    { type: SkyTextEditorAdapterService },
-    { type: ChangeDetectorRef },
-    { type: SkyModalService }
-];
-__decorate([
-    Input()
-], SkyTextEditorToolbarComponent.prototype, "editorFocusStream", void 0);
-__decorate([
-    Input()
-], SkyTextEditorToolbarComponent.prototype, "editorId", void 0);
-__decorate([
-    Input()
-], SkyTextEditorToolbarComponent.prototype, "fontList", void 0);
-__decorate([
-    Input()
-], SkyTextEditorToolbarComponent.prototype, "fontSizeList", void 0);
-__decorate([
-    Input()
-], SkyTextEditorToolbarComponent.prototype, "toolbarActions", void 0);
-__decorate([
-    Input()
-], SkyTextEditorToolbarComponent.prototype, "styleState", null);
-__decorate([
-    Input()
-], SkyTextEditorToolbarComponent.prototype, "disabled", null);
-SkyTextEditorToolbarComponent = __decorate([
-    Component({
-        selector: 'sky-text-editor-toolbar',
-        template: "\n  <sky-toolbar-item *ngFor=\"let action of toolbarActions\"\n    class=\"sky-text-editor-toolbar-action\"\n    [ngClass]=\"'sky-text-editor-toolbar-action-' + action\"\n  >\n    <ng-container\n      [ngSwitch]=\"action\"\n    >\n      <ng-container *ngSwitchCase=\"'font-family'\">\n        <sky-dropdown\n          class=\"sky-text-editor-font-picker\"\n          [disabled]=\"disabled\"\n          [label]=\"'Font: ' + styleStateFontName\"\n          [messageStream]=\"fontPickerStream\"\n        >\n          <sky-dropdown-button\n            [ngStyle]=\"{\n              'font-family': styleState.font\n            }\"\n          >\n            {{ styleStateFontName }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let fontModel of fontList\">\n              <button\n                type=\"button\"\n                [ngStyle]=\"{\n                  'font-family': fontModel.value\n                }\"\n                (click)=\"execCommand('fontname', fontModel.name)\"\n              >\n                {{ fontModel.name }}\n              </button>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'font-size'\">\n        <sky-dropdown\n          class=\"sky-text-editor-font-size-picker\"\n          [disabled]=\"disabled\"\n          [label]=\"'Font size: ' + styleState.fontSize + 'px'\"\n          [messageStream]=\"fontSizeStream\"\n        >\n          <sky-dropdown-button\n            [ngStyle]=\"{\n              'font-family': styleState.fontSize\n            }\"\n          >\n            {{ styleState.fontSize + 'px'  }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let size of fontSizeList\">\n              <button\n                type=\"button\"\n                (click)=\"changeFontSize(size)\"\n              >\n                {{ size + 'px' }}\n              </button>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'font-style'\">\n        <div\n          class=\"sky-switch-icon-group sky-text-editor-font-style-picker\"\n        >\n          <sky-checkbox\n            icon=\"bold\"\n            label=\"Bold\"\n            title=\"Bold\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"styleState.boldState\"\n            (ngModelChange)=\"toggleFontStyle(styleState.boldState, $event, 'bold')\"\n          >\n          </sky-checkbox>\n          <sky-checkbox\n            icon=\"italic\"\n            label=\"Italicized\"\n            title=\"Italicized\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"styleState.italicState\"\n            (ngModelChange)=\"toggleFontStyle(styleState.italicState, $event, 'italic')\"\n          >\n          </sky-checkbox>\n          <sky-checkbox\n            icon=\"underline\"\n            label=\"Underline\"\n            title=\"Underline\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"styleState.underlineState\"\n            (ngModelChange)=\"toggleFontStyle(styleState.underlineState, $event, 'underline')\"\n          >\n          </sky-checkbox>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'color'\">\n        <div class=\"sky-text-editor-colorpicker-group\">\n          <div class=\"sky-text-editor-colorpicker-container\">\n            <sky-colorpicker\n              class=\"sky-text-editor-font-color-picker\"\n              label=\"Font color\"\n              [messageStream]=\"colorpickerStream\"\n              [showResetButton]=\"false\"\n              (selectedColorChanged)=\"onColorpickerColorChanged($event)\"\n              #colorPicker\n            >\n              <input\n                outputFormat=\"hex\"\n                type=\"text\"\n                [allowTransparency]=\"false\"\n                [disabled]=\"disabled\"\n                [ngModel]=\"styleState.fontColor\"\n                [skyColorpickerInput]=\"colorPicker\"\n              />\n            </sky-colorpicker>\n          </div>\n          <div class=\"sky-text-editor-colorpicker-container\">\n            <sky-colorpicker\n              class=\"sky-text-editor-background-color-picker\"\n              label=\"Background color\"\n              [messageStream]=\"backColorpickerStream\"\n              [showResetButton]=\"false\"\n              (selectedColorChanged)=\"onColorpickerColorChanged($event, true)\"\n              #backColorPicker\n            >\n              <input\n                outputFormat=\"rgba\"\n                type=\"text\"\n                [allowTransparency]=\"true\"\n                [disabled]=\"disabled\"\n                [ngModel]=\"styleState.backColor\"\n                [skyColorpickerInput]=\"backColorPicker\"\n              />\n            </sky-colorpicker>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'list'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Bulleted list\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Bulleted list\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('insertUnorderedList')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"list-ul\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"bullet-list-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Numbered list\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Numbered list\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('insertOrderedList')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"list-ol\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"number-list-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'alignment'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Align left\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Align left\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('justifyLeft')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"align-left\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"align-left-text-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Align center\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Align center\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('justifyCenter')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"align-center\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"center-text-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Align right\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Align right\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('justifyRight')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"align-right\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"align-right-text-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'indentation'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Outdent\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Outdent\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('outdent')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"outdent\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"outdent-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Indent\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Indent\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('indent')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"indent\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"indent-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'undo-redo'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Undo\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Undo\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('undo')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"undo\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"undo-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Redo\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Redo\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('redo')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"repeat\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"redo-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'link'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Link\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Link\"\n            [disabled]=\"disabled\"\n            [ngClass]=\"{\n              'icon-btn-active': styleState.linkState\n            }\"\n            (click)=\"link()\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"link\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"link-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Unlink\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Unlink\"\n            [disabled]=\"!styleState.linkState || disabled\"\n            (click)=\"unlink()\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"unlink\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"unlink-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n    </ng-container>\n  </sky-toolbar-item>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [".sky-text-editor-toolbar-action .sky-toolbar-item{margin-right:15px}.sky-text-editor-toolbar-action .sky-text-editor-font-picker ::ng-deep .sky-dropdown-button-content-container{width:140px;height:20px;text-align:left}.sky-text-editor-toolbar-action .sky-text-editor-colorpicker-group{display:flex}.sky-text-editor-toolbar-action .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container{position:relative;top:3px;margin:0 10px 0 0}.sky-text-editor-toolbar-action .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container:last-child{margin-right:0}.sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn{margin-left:0;margin-right:0;border-radius:0;border-right:none}.sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px}.sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px;border-right:1px solid #cdcfd2}:host-context(.sky-theme-modern) .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container{top:-2px;margin:0}:host-context(.sky-theme-modern) .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container:last-child ::ng-deep sky-colorpicker .sky-colorpicker-button{margin-right:0}:host-context(.sky-theme-modern) .sky-switch-icon-group .sky-btn{margin:inherit;border-radius:6px}:host-context(.sky-theme-modern) .sky-switch-icon-group .sky-btn:first-of-type,:host-context(.sky-theme-modern) .sky-switch-icon-group .sky-btn:last-of-type{border-radius:6px}:host-context(.sky-theme-modern) .sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn:last-of-type{border:none}.sky-theme-modern .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container{top:-2px;margin:0}.sky-theme-modern .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container:last-child ::ng-deep sky-colorpicker .sky-colorpicker-button{margin-right:0}.sky-theme-modern .sky-switch-icon-group .sky-btn{margin:inherit;border-radius:6px}.sky-theme-modern .sky-switch-icon-group .sky-btn:first-of-type,.sky-theme-modern .sky-switch-icon-group .sky-btn:last-of-type{border-radius:6px}.sky-theme-modern .sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn:last-of-type{border:none}"]
-    })
-], SkyTextEditorToolbarComponent);
+}
+SkyTextEditorToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorToolbarComponent, deps: [{ token: SkyTextEditorAdapterService }, { token: i0.ChangeDetectorRef }, { token: i1$1.SkyModalService }], target: i0.ɵɵFactoryTarget.Component });
+SkyTextEditorToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyTextEditorToolbarComponent, selector: "sky-text-editor-toolbar", inputs: { editorFocusStream: "editorFocusStream", editorId: "editorId", fontList: "fontList", fontSizeList: "fontSizeList", toolbarActions: "toolbarActions", styleState: "styleState", disabled: "disabled" }, ngImport: i0, template: "\n  <sky-toolbar-item *ngFor=\"let action of toolbarActions\"\n    class=\"sky-text-editor-toolbar-action\"\n    [ngClass]=\"'sky-text-editor-toolbar-action-' + action\"\n  >\n    <ng-container\n      [ngSwitch]=\"action\"\n    >\n      <ng-container *ngSwitchCase=\"'font-family'\">\n        <sky-dropdown\n          class=\"sky-text-editor-font-picker\"\n          [disabled]=\"disabled\"\n          [label]=\"'Font: ' + styleStateFontName\"\n          [messageStream]=\"fontPickerStream\"\n        >\n          <sky-dropdown-button\n            [ngStyle]=\"{\n              'font-family': styleState.font\n            }\"\n          >\n            {{ styleStateFontName }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let fontModel of fontList\">\n              <button\n                type=\"button\"\n                [ngStyle]=\"{\n                  'font-family': fontModel.value\n                }\"\n                (click)=\"execCommand('fontname', fontModel.name)\"\n              >\n                {{ fontModel.name }}\n              </button>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'font-size'\">\n        <sky-dropdown\n          class=\"sky-text-editor-font-size-picker\"\n          [disabled]=\"disabled\"\n          [label]=\"'Font size: ' + styleState.fontSize + 'px'\"\n          [messageStream]=\"fontSizeStream\"\n        >\n          <sky-dropdown-button\n            [ngStyle]=\"{\n              'font-family': styleState.fontSize\n            }\"\n          >\n            {{ styleState.fontSize + 'px'  }}\n          </sky-dropdown-button>\n          <sky-dropdown-menu>\n            <sky-dropdown-item *ngFor=\"let size of fontSizeList\">\n              <button\n                type=\"button\"\n                (click)=\"changeFontSize(size)\"\n              >\n                {{ size + 'px' }}\n              </button>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'font-style'\">\n        <div\n          class=\"sky-switch-icon-group sky-text-editor-font-style-picker\"\n        >\n          <sky-checkbox\n            icon=\"bold\"\n            label=\"Bold\"\n            title=\"Bold\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"styleState.boldState\"\n            (ngModelChange)=\"toggleFontStyle(styleState.boldState, $event, 'bold')\"\n          >\n          </sky-checkbox>\n          <sky-checkbox\n            icon=\"italic\"\n            label=\"Italicized\"\n            title=\"Italicized\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"styleState.italicState\"\n            (ngModelChange)=\"toggleFontStyle(styleState.italicState, $event, 'italic')\"\n          >\n          </sky-checkbox>\n          <sky-checkbox\n            icon=\"underline\"\n            label=\"Underline\"\n            title=\"Underline\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"styleState.underlineState\"\n            (ngModelChange)=\"toggleFontStyle(styleState.underlineState, $event, 'underline')\"\n          >\n          </sky-checkbox>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'color'\">\n        <div class=\"sky-text-editor-colorpicker-group\">\n          <div class=\"sky-text-editor-colorpicker-container\">\n            <sky-colorpicker\n              class=\"sky-text-editor-font-color-picker\"\n              label=\"Font color\"\n              [messageStream]=\"colorpickerStream\"\n              [showResetButton]=\"false\"\n              (selectedColorChanged)=\"onColorpickerColorChanged($event)\"\n              #colorPicker\n            >\n              <input\n                outputFormat=\"hex\"\n                type=\"text\"\n                [allowTransparency]=\"false\"\n                [disabled]=\"disabled\"\n                [ngModel]=\"styleState.fontColor\"\n                [skyColorpickerInput]=\"colorPicker\"\n              />\n            </sky-colorpicker>\n          </div>\n          <div class=\"sky-text-editor-colorpicker-container\">\n            <sky-colorpicker\n              class=\"sky-text-editor-background-color-picker\"\n              label=\"Background color\"\n              [messageStream]=\"backColorpickerStream\"\n              [showResetButton]=\"false\"\n              (selectedColorChanged)=\"onColorpickerColorChanged($event, true)\"\n              #backColorPicker\n            >\n              <input\n                outputFormat=\"rgba\"\n                type=\"text\"\n                [allowTransparency]=\"true\"\n                [disabled]=\"disabled\"\n                [ngModel]=\"styleState.backColor\"\n                [skyColorpickerInput]=\"backColorPicker\"\n              />\n            </sky-colorpicker>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'list'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Bulleted list\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Bulleted list\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('insertUnorderedList')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"list-ul\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"bullet-list-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Numbered list\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Numbered list\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('insertOrderedList')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"list-ol\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"number-list-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'alignment'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Align left\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Align left\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('justifyLeft')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"align-left\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"align-left-text-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Align center\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Align center\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('justifyCenter')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"align-center\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"center-text-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Align right\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Align right\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('justifyRight')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"align-right\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"align-right-text-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'indentation'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Outdent\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Outdent\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('outdent')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"outdent\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"outdent-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Indent\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Indent\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('indent')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"indent\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"indent-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'undo-redo'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Undo\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Undo\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('undo')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"undo\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"undo-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Redo\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Redo\"\n            [disabled]=\"disabled\"\n            (click)=\"execCommand('redo')\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"repeat\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"redo-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'link'\">\n        <div\n          class=\"sky-switch-icon-group\"\n        >\n          <button\n            aria-label=\"Link\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Link\"\n            [disabled]=\"disabled\"\n            [ngClass]=\"{\n              'icon-btn-active': styleState.linkState\n            }\"\n            (click)=\"link()\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"link\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"link-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n          <button\n            aria-label=\"Unlink\"\n            class=\"sky-btn sky-btn-default sky-btn-icon\"\n            title=\"Unlink\"\n            [disabled]=\"!styleState.linkState || disabled\"\n            (click)=\"unlink()\"\n          >\n            <sky-icon *skyThemeIf=\"'default'\"\n              icon=\"unlink\"\n            >\n            </sky-icon>\n            <sky-icon *skyThemeIf=\"'modern'\"\n              icon=\"unlink-line\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </button>\n        </div>\n      </ng-container>\n    </ng-container>\n  </sky-toolbar-item>\n", styles: [".sky-text-editor-toolbar-action .sky-toolbar-item{margin-right:15px}.sky-text-editor-toolbar-action .sky-text-editor-font-picker ::ng-deep .sky-dropdown-button-content-container{width:140px;height:20px;text-align:left}.sky-text-editor-toolbar-action .sky-text-editor-colorpicker-group{display:flex}.sky-text-editor-toolbar-action .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container{position:relative;top:3px;margin:0 10px 0 0}.sky-text-editor-toolbar-action .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container:last-child{margin-right:0}.sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn{margin-left:0;margin-right:0;border-radius:0;border-right:none}.sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px}.sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px;border-right:1px solid #cdcfd2}:host-context(.sky-theme-modern) .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container{top:-2px;margin:0}:host-context(.sky-theme-modern) .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container:last-child ::ng-deep sky-colorpicker .sky-colorpicker-button{margin-right:0}:host-context(.sky-theme-modern) .sky-switch-icon-group .sky-btn{margin:inherit;border-radius:6px}:host-context(.sky-theme-modern) .sky-switch-icon-group .sky-btn:first-of-type,:host-context(.sky-theme-modern) .sky-switch-icon-group .sky-btn:last-of-type{border-radius:6px}:host-context(.sky-theme-modern) .sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn:last-of-type{border:none}.sky-theme-modern .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container{top:-2px;margin:0}.sky-theme-modern .sky-text-editor-colorpicker-group .sky-text-editor-colorpicker-container:last-child ::ng-deep sky-colorpicker .sky-colorpicker-button{margin-right:0}.sky-theme-modern .sky-switch-icon-group .sky-btn{margin:inherit;border-radius:6px}.sky-theme-modern .sky-switch-icon-group .sky-btn:first-of-type,.sky-theme-modern .sky-switch-icon-group .sky-btn:last-of-type{border-radius:6px}.sky-theme-modern .sky-text-editor-toolbar-action .sky-switch-icon-group .sky-btn:last-of-type{border:none}\n"], components: [{ type: i3$1.λ39, selector: "sky-toolbar-item" }, { type: i4.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i4.λ2, selector: "sky-dropdown-button" }, { type: i4.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i4.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { type: i4$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i6$1.λ1, selector: "sky-colorpicker", inputs: ["label", "labelledBy", "messageStream", "showResetButton"], outputs: ["selectedColorChanged", "selectedColorApplied"] }, { type: i7.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6$1.λ2, selector: "[skyColorpickerInput]", inputs: ["skyColorpickerInput", "initialColor", "returnFormat", "outputFormat", "presetColors", "alphaChannel", "allowTransparency"] }, { type: i6.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorToolbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-text-editor-toolbar',
+                    templateUrl: './text-editor-toolbar.component.html',
+                    styleUrls: ['./text-editor-toolbar.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: SkyTextEditorAdapterService }, { type: i0.ChangeDetectorRef }, { type: i1$1.SkyModalService }]; }, propDecorators: { editorFocusStream: [{
+                type: Input
+            }], editorId: [{
+                type: Input
+            }], fontList: [{
+                type: Input
+            }], fontSizeList: [{
+                type: Input
+            }], toolbarActions: [{
+                type: Input
+            }], styleState: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
 
 /**
  * @internal
@@ -1214,7 +1227,6 @@ const TOOLBAR_ACTION_DEFAULTS = [
  */
 const FONT_SIZE_LIST_DEFAULTS = [6, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 36, 48];
 
-var SkyTextEditorComponent_1;
 /**
  * Auto-incrementing integer used to generate unique ids for radio components.
  */
@@ -1222,7 +1234,7 @@ let nextUniqueId = 0;
 /**
  * The text editor component lets users format and manipulate text.
  */
-let SkyTextEditorComponent = SkyTextEditorComponent_1 = class SkyTextEditorComponent {
+class SkyTextEditorComponent {
     constructor(changeDetector, coreAdapterService, adapterService, editorService, sanitizationService) {
         this.changeDetector = changeDetector;
         this.coreAdapterService = coreAdapterService;
@@ -1407,70 +1419,84 @@ let SkyTextEditorComponent = SkyTextEditorComponent_1 = class SkyTextEditorCompo
         this.value = this.adapterService.getEditorInnerHtml(this.id);
         this._initialStyleState = Object.assign(Object.assign({}, this._initialStyleState), this.adapterService.getStyleState(this.id));
     }
-};
-SkyTextEditorComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: SkyCoreAdapterService },
-    { type: SkyTextEditorAdapterService },
-    { type: SkyTextEditorService },
-    { type: SkyTextSanitizationService }
-];
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "autofocus", void 0);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "disabled", null);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "fontList", void 0);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "fontSizeList", void 0);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "id", void 0);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "initialStyleState", null);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "menus", void 0);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "mergeFields", void 0);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "placeholder", null);
-__decorate([
-    Input()
-], SkyTextEditorComponent.prototype, "toolbarActions", void 0);
-__decorate([
-    ViewChild('iframe')
-], SkyTextEditorComponent.prototype, "iframeRef", void 0);
-SkyTextEditorComponent = SkyTextEditorComponent_1 = __decorate([
-    Component({
-        selector: 'sky-text-editor',
-        template: "<div\n  class=\"sky-text-editor\"\n>\n  <sky-toolbar\n    class=\"sky-text-editor-toolbar\"\n  >\n    <sky-toolbar-section\n      aria-label=\"Text formatting\"\n      class=\"menubar\"\n      role=\"toolbar\"\n    >\n      <sky-text-editor-menubar\n        [disabled]=\"disabled\"\n        [editorFocusStream]=\"editorFocusStream\"\n        [editorId]=\"id\"\n        [menus]=\"menus\"\n        [mergeFields]=\"mergeFields\"\n      >\n      </sky-text-editor-menubar>\n    </sky-toolbar-section>\n    <sky-toolbar-section\n      aria-label=\"Text formatting\"\n      class=\"toolbar\"\n      role=\"toolbar\"\n    >\n      <sky-text-editor-toolbar\n        [disabled]=\"disabled\"\n        [editorFocusStream]=\"editorFocusStream\"\n        [editorId]=\"id\"\n        [fontList]=\"fontList\"\n        [fontSizeList]=\"fontSizeList\"\n        [toolbarActions]=\"toolbarActions\"\n        [styleState]=\"initialStyleState\"\n      >\n      </sky-text-editor-toolbar>\n    </sky-toolbar-section>\n  </sky-toolbar>\n  <iframe\n    class=\"sky-text-editor-wrapper\"\n    src=\"about:blank\"\n    title=\"Text Editor\"\n    [ngClass]=\"{\n      'sky-text-editor-wrapper-disabled': disabled\n    }\"\n    #iframe\n  >\n  </iframe>\n</div>\n",
-        providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                // tslint:disable-next-line: no-forward-ref
-                useExisting: forwardRef(() => SkyTextEditorComponent_1),
-                multi: true
-            }
-        ],
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        encapsulation: ViewEncapsulation.None,
-        styles: [".sky-text-editor .sky-text-editor-wrapper{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;height:300px;padding:1rem;font-size:1.2rem;border:1px solid silver;overflow-y:auto;outline:0}.sky-text-editor .sky-text-editor-wrapper.sky-text-editor-wrapper-disabled{background-color:#ededee}.sky-text-editor .sky-text-editor-toolbar .sky-toolbar-section{padding:10px 10px 0}.sky-text-editor .sky-text-editor-toolbar .sky-toolbar-sectioned{border-left:1px solid #cdcfd2!important;border-right:1px solid #cdcfd2!important}.sky-text-editor .sky-text-editor-toolbar .sky-toolbar-item{margin:0 20px 10px 0}.sky-text-editor .sky-text-editor-toolbar .sky-dropdown-button{border:none}.sky-text-editor .sky-text-editor-toolbar sky-text-editor-menubar,.sky-text-editor .sky-text-editor-toolbar sky-text-editor-toolbar{display:flex;flex-wrap:wrap}.sky-theme-modern .sky-text-editor .sky-text-editor-wrapper{border:1px solid #d2d2d2}.sky-theme-modern .sky-text-editor .sky-text-editor-wrapper.sky-text-editor-wrapper-disabled{background-color:#ececed}.sky-theme-modern .sky-text-editor .sky-text-editor-toolbar .sky-toolbar{padding:10px 10px 0}.sky-theme-modern .sky-text-editor .sky-text-editor-toolbar .sky-toolbar-section{padding:10px!important}.sky-theme-modern .sky-text-editor .sky-text-editor-toolbar .sky-toolbar-sectioned{border-top:1px solid #d2d2d2!important;border-left:1px solid #d2d2d2!important;border-right:1px solid #d2d2d2!important}.sky-theme-modern .sky-text-editor .sky-text-editor-toolbar .sky-toolbar-item{margin:0 20px 0 0!important}"]
-    })
-], SkyTextEditorComponent);
+}
+SkyTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i3.SkyCoreAdapterService }, { token: SkyTextEditorAdapterService }, { token: SkyTextEditorService }, { token: SkyTextSanitizationService }], target: i0.ɵɵFactoryTarget.Component });
+SkyTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyTextEditorComponent, selector: "sky-text-editor", inputs: { autofocus: "autofocus", disabled: "disabled", fontList: "fontList", fontSizeList: "fontSizeList", id: "id", initialStyleState: "initialStyleState", menus: "menus", mergeFields: "mergeFields", placeholder: "placeholder", toolbarActions: "toolbarActions" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            // tslint:disable-next-line: no-forward-ref
+            useExisting: forwardRef(() => SkyTextEditorComponent),
+            multi: true
+        }
+    ], viewQueries: [{ propertyName: "iframeRef", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-text-editor\"\n>\n  <sky-toolbar\n    class=\"sky-text-editor-toolbar\"\n  >\n    <sky-toolbar-section\n      aria-label=\"Text formatting\"\n      class=\"menubar\"\n      role=\"toolbar\"\n    >\n      <sky-text-editor-menubar\n        [disabled]=\"disabled\"\n        [editorFocusStream]=\"editorFocusStream\"\n        [editorId]=\"id\"\n        [menus]=\"menus\"\n        [mergeFields]=\"mergeFields\"\n      >\n      </sky-text-editor-menubar>\n    </sky-toolbar-section>\n    <sky-toolbar-section\n      aria-label=\"Text formatting\"\n      class=\"toolbar\"\n      role=\"toolbar\"\n    >\n      <sky-text-editor-toolbar\n        [disabled]=\"disabled\"\n        [editorFocusStream]=\"editorFocusStream\"\n        [editorId]=\"id\"\n        [fontList]=\"fontList\"\n        [fontSizeList]=\"fontSizeList\"\n        [toolbarActions]=\"toolbarActions\"\n        [styleState]=\"initialStyleState\"\n      >\n      </sky-text-editor-toolbar>\n    </sky-toolbar-section>\n  </sky-toolbar>\n  <iframe\n    class=\"sky-text-editor-wrapper\"\n    src=\"about:blank\"\n    title=\"Text Editor\"\n    [ngClass]=\"{\n      'sky-text-editor-wrapper-disabled': disabled\n    }\"\n    #iframe\n  >\n  </iframe>\n</div>\n", styles: [".sky-text-editor .sky-text-editor-wrapper{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;height:300px;padding:1rem;font-size:1.2rem;border:1px solid #C0C0C0;overflow-y:auto;outline:none}.sky-text-editor .sky-text-editor-wrapper.sky-text-editor-wrapper-disabled{background-color:#ededee}.sky-text-editor .sky-text-editor-toolbar .sky-toolbar-section{padding:10px 10px 0}.sky-text-editor .sky-text-editor-toolbar .sky-toolbar-sectioned{border-left:1px solid #cdcfd2!important;border-right:1px solid #cdcfd2!important}.sky-text-editor .sky-text-editor-toolbar .sky-toolbar-item{margin:0 20px 10px 0}.sky-text-editor .sky-text-editor-toolbar .sky-dropdown-button{border:none}.sky-text-editor .sky-text-editor-toolbar sky-text-editor-menubar,.sky-text-editor .sky-text-editor-toolbar sky-text-editor-toolbar{display:flex;flex-wrap:wrap}.sky-theme-modern .sky-text-editor .sky-text-editor-wrapper{border:1px solid #d2d2d2}.sky-theme-modern .sky-text-editor .sky-text-editor-wrapper.sky-text-editor-wrapper-disabled{background-color:#ececed}.sky-theme-modern .sky-text-editor .sky-text-editor-toolbar .sky-toolbar{padding:10px 10px 0}.sky-theme-modern .sky-text-editor .sky-text-editor-toolbar .sky-toolbar-section{padding:10px!important}.sky-theme-modern .sky-text-editor .sky-text-editor-toolbar .sky-toolbar-sectioned{border-top:1px solid #d2d2d2!important;border-left:1px solid #d2d2d2!important;border-right:1px solid #d2d2d2!important}.sky-theme-modern .sky-text-editor .sky-text-editor-toolbar .sky-toolbar-item{margin:0 20px 0 0!important}\n"], components: [{ type: i3$1.λ37, selector: "sky-toolbar" }, { type: i3$1.λ38, selector: "sky-toolbar-section" }, { type: SkyTextEditorMenubarComponent, selector: "sky-text-editor-menubar", inputs: ["editorFocusStream", "editorId", "menus", "mergeFields", "disabled"] }, { type: SkyTextEditorToolbarComponent, selector: "sky-text-editor-toolbar", inputs: ["editorFocusStream", "editorId", "fontList", "fontSizeList", "toolbarActions", "styleState", "disabled"] }], directives: [{ type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-text-editor',
+                    templateUrl: './text-editor.component.html',
+                    styleUrls: ['./text-editor.component.scss'],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            // tslint:disable-next-line: no-forward-ref
+                            useExisting: forwardRef(() => SkyTextEditorComponent),
+                            multi: true
+                        }
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i3.SkyCoreAdapterService }, { type: SkyTextEditorAdapterService }, { type: SkyTextEditorService }, { type: SkyTextSanitizationService }]; }, propDecorators: { autofocus: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], fontList: [{
+                type: Input
+            }], fontSizeList: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], initialStyleState: [{
+                type: Input
+            }], menus: [{
+                type: Input
+            }], mergeFields: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], toolbarActions: [{
+                type: Input
+            }], iframeRef: [{
+                type: ViewChild,
+                args: ['iframe']
+            }] } });
 
-let SkyTextEditorModule = class SkyTextEditorModule {
-};
-SkyTextEditorModule = __decorate([
-    NgModule({
-        imports: [
+class SkyTextEditorModule {
+}
+SkyTextEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyTextEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorModule, declarations: [SkyTextEditorComponent,
+        SkyTextEditorUrlModalComponent,
+        SkyTextEditorToolbarComponent,
+        SkyTextEditorMenubarComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        SkyCoreAdapterModule,
+        SkyTextEditorResourcesModule,
+        SkyI18nModule,
+        SkyIconModule,
+        SkyIdModule,
+        SkyInputBoxModule,
+        SkyColorpickerModule,
+        SkyCheckboxModule,
+        SkyDropdownModule,
+        SkyModalModule,
+        SkyTabsModule,
+        SkyThemeModule,
+        SkyToolbarModule], exports: [SkyTextEditorComponent,
+        SkyTextEditorUrlModalComponent,
+        SkyTextEditorToolbarComponent,
+        SkyTextEditorMenubarComponent] });
+SkyTextEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorModule, imports: [[
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -1487,28 +1513,49 @@ SkyTextEditorModule = __decorate([
             SkyTabsModule,
             SkyThemeModule,
             SkyToolbarModule
-        ],
-        exports: [
-            SkyTextEditorComponent,
-            SkyTextEditorUrlModalComponent,
-            SkyTextEditorToolbarComponent,
-            SkyTextEditorMenubarComponent
-        ],
-        declarations: [
-            SkyTextEditorComponent,
-            SkyTextEditorUrlModalComponent,
-            SkyTextEditorToolbarComponent,
-            SkyTextEditorMenubarComponent
-        ],
-        entryComponents: [
-            SkyTextEditorUrlModalComponent
-        ]
-    })
-], SkyTextEditorModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        SkyCoreAdapterModule,
+                        SkyTextEditorResourcesModule,
+                        SkyI18nModule,
+                        SkyIconModule,
+                        SkyIdModule,
+                        SkyInputBoxModule,
+                        SkyColorpickerModule,
+                        SkyCheckboxModule,
+                        SkyDropdownModule,
+                        SkyModalModule,
+                        SkyTabsModule,
+                        SkyThemeModule,
+                        SkyToolbarModule
+                    ],
+                    exports: [
+                        SkyTextEditorComponent,
+                        SkyTextEditorUrlModalComponent,
+                        SkyTextEditorToolbarComponent,
+                        SkyTextEditorMenubarComponent
+                    ],
+                    declarations: [
+                        SkyTextEditorComponent,
+                        SkyTextEditorUrlModalComponent,
+                        SkyTextEditorToolbarComponent,
+                        SkyTextEditorMenubarComponent
+                    ],
+                    entryComponents: [
+                        SkyTextEditorUrlModalComponent
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SkyRichTextDisplayModule, SkyTextEditorModule, SkyRichTextDisplayComponent as ɵa, SkyTextSanitizationService as ɵb, SkyTextEditorResourcesModule as ɵc, SkyTextEditorResourcesProvider as ɵd, SkyTextEditorComponent as ɵe, SkyTextEditorAdapterService as ɵf, SkyTextEditorSelectionService as ɵg, SkyTextEditorService as ɵh, SkyTextEditorUrlModalComponent as ɵi, SkyUrlModalContext as ɵj, SkyTextEditorToolbarComponent as ɵk, SkyTextEditorMenubarComponent as ɵl };
+export { SkyRichTextDisplayModule, SkyTextEditorModule, SkyRichTextDisplayComponent as λ1, SkyTextEditorMenubarComponent as λ2, SkyTextEditorUrlModalComponent as λ3, SkyTextEditorToolbarComponent as λ4, SkyTextEditorComponent as λ5 };
 //# sourceMappingURL=skyux-text-editor.js.map