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

package/bundles/skyux-text-editor.umd.js

@@ -1,234 +1,48 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/platform-browser'), require('dompurify'), require('@angular/forms'), require('@skyux/colorpicker'), require('@skyux/core'), require('@skyux/forms'), require('@skyux/modals'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/layout'), require('@skyux/popovers'), require('@skyux/tabs'), require('@skyux/theme'), require('rxjs'), require('rxjs/operators'), require('@skyux/validation')) :
     typeof define === 'function' && define.amd ? define('@skyux/text-editor', ['exports', '@angular/common', '@angular/core', '@angular/platform-browser', 'dompurify', '@angular/forms', '@skyux/colorpicker', '@skyux/core', '@skyux/forms', '@skyux/modals', '@skyux/i18n', '@skyux/indicators', '@skyux/layout', '@skyux/popovers', '@skyux/tabs', '@skyux/theme', 'rxjs', 'rxjs/operators', '@skyux/validation'], factory) :
-    (global = global || self, factory((global.skyux = global.skyux || {}, global.skyux['text-editor'] = {}), global.ng.common, global.ng.core, global.ng.platformBrowser, global.dompurify, global.ng.forms, global.colorpicker, global.core$1, global.forms$1, global.modals, global.i18n, global.indicators, global.layout, global.popovers, global.tabs, global.theme, global.rxjs, global.rxjs.operators, global.validation));
-}(this, (function (exports, common, core, platformBrowser, dompurify, forms, colorpicker, core$1, forms$1, modals, i18n, indicators, layout, popovers, tabs, theme, rxjs, operators, validation) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux['text-editor'] = {}), global.ng.common, global.ng.core, global.ng.platformBrowser, global.createDOMPurify, global.ng.forms, global.i6$1, global.i3, global.i4$1, global.i1$1, global.i2, global.i7, global.i3$1, global.i4, global.i3$2, global.i6, global.rxjs, global.rxjs.operators, global.validation));
+}(this, (function (exports, i8, i0, i1, createDOMPurify, i5, i6$1, i3, i4$1, i1$1, i2, i7, i3$1, i4, i3$2, i6, rxjs, operators, validation) { 'use strict';
 
-    dompurify = dompurify && Object.prototype.hasOwnProperty.call(dompurify, 'default') ? dompurify['default'] : dompurify;
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-
-    var extendStatics = function(d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-
-    function __extends(d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); }
-    }
-
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-    }
-
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
-                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                if (y = 0, t) op = [op[0] & 2, t.value];
-                switch (op[0]) {
-                    case 0: case 1: t = op; break;
-                    case 4: _.label++; return { value: op[1], done: false };
-                    case 5: _.label++; y = op[1]; op = [0]; continue;
-                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                    default:
-                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                        if (t[2]) _.ops.pop();
-                        _.trys.pop(); continue;
-                }
-                op = body.call(thisArg, _);
-            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-
-    function __createBinding(o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-    }
-
-    function __exportStar(m, exports) {
-        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m) return m.call(o);
-        if (o && typeof o.length === "number") return {
-            next: function () {
-                if (o && i >= o.length) o = void 0;
-                return { value: o && o[i++], done: !o };
-            }
-        };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-        }
-        catch (error) { e = { error: error }; }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"])) m.call(i);
-            }
-            finally { if (e) throw e.error; }
-        }
-        return ar;
-    }
-
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    };
-
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-    }
-
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-    }
-
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-        return cooked;
-    };
-
-    function __importStar(mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-        result.default = mod;
-        return result;
-    }
-
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
     }
 
-    // TODO: figure out how to get the following `import` to work with docs-tools library.
-    // import DOMPurify from 'dompurify';
+    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var createDOMPurify__default = /*#__PURE__*/_interopDefaultLegacy(createDOMPurify);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
+    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
+    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
 
-    var domPurify = dompurify(window);
+    var domPurify = createDOMPurify__default['default'](window);
     domPurify.addHook('afterSanitizeAttributes', function (node) {
         // Set all elements owning target to target=_blank
         // so we only allow the target attribute with that value.
@@ -253,14 +67,16 @@
         SkyTextSanitizationService.prototype.sanitize = function (htmlString) {
             return domPurify.sanitize(htmlString, { ADD_ATTR: this.allowedAttributes });
         };
-        SkyTextSanitizationService.ɵprov = core.ɵɵdefineInjectable({ factory: function SkyTextSanitizationService_Factory() { return new SkyTextSanitizationService(); }, token: SkyTextSanitizationService, providedIn: "root" });
-        SkyTextSanitizationService = __decorate([
-            core.Injectable({
-                providedIn: 'root'
-            })
-        ], SkyTextSanitizationService);
         return SkyTextSanitizationService;
     }());
+    SkyTextSanitizationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextSanitizationService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyTextSanitizationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextSanitizationService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextSanitizationService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }] });
 
     var SkyRichTextDisplayComponent = /** @class */ (function () {
         function SkyRichTextDisplayComponent(sanitizer, sanitizationService) {
@@ -282,73 +98,422 @@
                     this.sanitizedText = this.sanitizer.bypassSecurityTrustHtml(cleaned);
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        SkyRichTextDisplayComponent.ctorParameters = function () { return [
-            { type: platformBrowser.DomSanitizer },
-            { type: SkyTextSanitizationService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyRichTextDisplayComponent.prototype, "richText", null);
-        SkyRichTextDisplayComponent = __decorate([
-            core.Component({
-                selector: 'sky-rich-text-display',
-                template: "<span\n  class=\"sky-rich-text-display-text\"\n  [innerHTML]=\"sanitizedText\"\n>\n</span>\n"
-            })
-        ], SkyRichTextDisplayComponent);
         return SkyRichTextDisplayComponent;
     }());
+    SkyRichTextDisplayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyRichTextDisplayComponent, deps: [{ token: i1__namespace.DomSanitizer }, { token: SkyTextSanitizationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyRichTextDisplayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyRichTextDisplayComponent, selector: "sky-rich-text-display", inputs: { richText: "richText" }, ngImport: i0__namespace, template: "<span\n  class=\"sky-rich-text-display-text\"\n  [innerHTML]=\"sanitizedText\"\n>\n</span>\n" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyRichTextDisplayComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-rich-text-display',
+                        templateUrl: './rich-text-display.component.html'
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.DomSanitizer }, { type: SkyTextSanitizationService }]; }, propDecorators: { richText: [{
+                    type: i0.Input
+                }] } });
 
     var SkyRichTextDisplayModule = /** @class */ (function () {
         function SkyRichTextDisplayModule() {
         }
-        SkyRichTextDisplayModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule
-                ],
-                exports: [
-                    SkyRichTextDisplayComponent
-                ],
-                declarations: [
-                    SkyRichTextDisplayComponent
-                ]
-            })
-        ], SkyRichTextDisplayModule);
         return SkyRichTextDisplayModule;
     }());
+    SkyRichTextDisplayModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyRichTextDisplayModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyRichTextDisplayModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyRichTextDisplayModule, declarations: [SkyRichTextDisplayComponent], imports: [i8.CommonModule], exports: [SkyRichTextDisplayComponent] });
+    SkyRichTextDisplayModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyRichTextDisplayModule, imports: [[
+                i8.CommonModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyRichTextDisplayModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i8.CommonModule
+                        ],
+                        exports: [
+                            SkyRichTextDisplayComponent
+                        ],
+                        declarations: [
+                            SkyRichTextDisplayComponent
+                        ]
+                    }]
+            }] });
 
+    /**
+     * 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.
+     */
+    var 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" } },
+    };
     var SkyTextEditorResourcesProvider = /** @class */ (function () {
         function SkyTextEditorResourcesProvider() {
-            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" } };
         }
         SkyTextEditorResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i18n.getStringForLocale(this.resources, localeInfo.locale, name);
+            return i2.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
         };
-        SkyTextEditorResourcesProvider = __decorate([
-            core.Injectable()
-        ], SkyTextEditorResourcesProvider);
         return SkyTextEditorResourcesProvider;
     }());
-
+    /**
+     * Import into any component library module that needs to use resource strings.
+     */
     var SkyTextEditorResourcesModule = /** @class */ (function () {
         function SkyTextEditorResourcesModule() {
         }
-        SkyTextEditorResourcesModule = __decorate([
-            core.NgModule({
-                providers: [
-                    {
-                        provide: i18n.SKY_LIB_RESOURCES_PROVIDERS,
-                        useClass: SkyTextEditorResourcesProvider,
-                        multi: true
-                    }
-                ]
-            })
-        ], SkyTextEditorResourcesModule);
         return SkyTextEditorResourcesModule;
     }());
+    SkyTextEditorResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyTextEditorResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorResourcesModule, exports: [i2.SkyI18nModule] });
+    SkyTextEditorResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorResourcesModule, providers: [{
+                provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
+                useClass: SkyTextEditorResourcesProvider,
+                multi: true
+            }], imports: [i2.SkyI18nModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorResourcesModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [i2.SkyI18nModule],
+                        providers: [{
+                                provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
+                                useClass: SkyTextEditorResourcesProvider,
+                                multi: true
+                            }]
+                    }]
+            }] });
+
+    // Need to add the following to classes which contain static methods.
+    // See: https://github.com/ng-packagr/ng-packagr/issues/641
+    // @dynamic
+    var SkyFormsUtility = /** @class */ (function () {
+        function SkyFormsUtility() {
+        }
+        /** Coerces a data-bound value (typically a string) to a boolean. */
+        SkyFormsUtility.coerceBooleanProperty = function (value) {
+            return value !== undefined && "" + value !== 'false';
+        };
+        return SkyFormsUtility;
+    }());
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || from);
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
 
     /**
      * @internal
@@ -415,51 +580,6 @@
         UrlTarget[UrlTarget["NewWindow"] = 1] = "NewWindow";
     })(UrlTarget || (UrlTarget = {}));
 
-    /**
-     * @internal
-     */
-    var SkyTextEditorService = /** @class */ (function () {
-        function SkyTextEditorService() {
-            /**
-             * A dictionary representing all active text editors and their settings.
-             */
-            this.editors = {};
-        }
-        /**
-         * Returns the click observable from the editor with the corresponding id.
-         */
-        SkyTextEditorService.prototype.clickListener = function (id) {
-            return this.editors[id].clickObservable;
-        };
-        /**
-         * Returns the command change observable from the editor with the corresponding id.
-         */
-        SkyTextEditorService.prototype.commandChangeListener = function (id) {
-            return this.editors[id].commandChangeObservable;
-        };
-        /**
-         * Removes editor from the `editors` index by id.
-         */
-        SkyTextEditorService.prototype.removeEditor = function (id) {
-            if (id in this.editors) {
-                delete this.editors[id];
-            }
-        };
-        /**
-         * Returns the selection change observable from the editor with the corresponding id.
-         */
-        SkyTextEditorService.prototype.selectionChangeListener = function (id) {
-            return this.editors[id].selectionChangeObservable;
-        };
-        SkyTextEditorService.ɵprov = core.ɵɵdefineInjectable({ factory: function SkyTextEditorService_Factory() { return new SkyTextEditorService(); }, token: SkyTextEditorService, providedIn: "root" });
-        SkyTextEditorService = __decorate([
-            core.Injectable({
-                providedIn: 'root'
-            })
-        ], SkyTextEditorService);
-        return SkyTextEditorService;
-    }());
-
     /**
      * @internal
      */
@@ -469,8 +589,7 @@
         SkyTextEditorSelectionService.prototype.isElementSelected = function (documentEl, element) {
             var 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)));
         };
         SkyTextEditorSelectionService.prototype.getCurrentSelection = function (documentEl) {
             return documentEl.getSelection();
@@ -524,14 +643,63 @@
                 }
             }
         };
-        SkyTextEditorSelectionService.ɵprov = core.ɵɵdefineInjectable({ factory: function SkyTextEditorSelectionService_Factory() { return new SkyTextEditorSelectionService(); }, token: SkyTextEditorSelectionService, providedIn: "root" });
-        SkyTextEditorSelectionService = __decorate([
-            core.Injectable({
-                providedIn: 'root'
-            })
-        ], SkyTextEditorSelectionService);
         return SkyTextEditorSelectionService;
     }());
+    SkyTextEditorSelectionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorSelectionService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyTextEditorSelectionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorSelectionService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorSelectionService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }] });
+
+    /**
+     * @internal
+     */
+    var SkyTextEditorService = /** @class */ (function () {
+        function SkyTextEditorService() {
+            /**
+             * A dictionary representing all active text editors and their settings.
+             */
+            this.editors = {};
+        }
+        /**
+         * Returns the click observable from the editor with the corresponding id.
+         */
+        SkyTextEditorService.prototype.clickListener = function (id) {
+            return this.editors[id].clickObservable;
+        };
+        /**
+         * Returns the command change observable from the editor with the corresponding id.
+         */
+        SkyTextEditorService.prototype.commandChangeListener = function (id) {
+            return this.editors[id].commandChangeObservable;
+        };
+        /**
+         * Removes editor from the `editors` index by id.
+         */
+        SkyTextEditorService.prototype.removeEditor = function (id) {
+            if (id in this.editors) {
+                delete this.editors[id];
+            }
+        };
+        /**
+         * Returns the selection change observable from the editor with the corresponding id.
+         */
+        SkyTextEditorService.prototype.selectionChangeListener = function (id) {
+            return this.editors[id].selectionChangeObservable;
+        };
+        return SkyTextEditorService;
+    }());
+    SkyTextEditorService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyTextEditorService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }] });
 
     /**
      * @internal
@@ -546,7 +714,7 @@
             get: function () {
                 return this.textEditorService.editors;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
@@ -559,7 +727,7 @@
                 var styleEl = documentEl.createElement('style');
                 styleEl.innerHTML = ".editor:empty:before {\n        content: attr(data-placeholder);\n        font-family: \"Blackbaud Sans\", Arial, sans-serif;\n        color: #686c73;\n        font-weight: 400;\n        font-size: 15px;\n        font-style: italic;\n      }";
                 documentEl.head.appendChild(styleEl);
-                var style = __assign(__assign({}, STYLE_STATE_DEFAULTS), styleState);
+                var style = Object.assign(Object.assign({}, STYLE_STATE_DEFAULTS), styleState);
                 var bodyStyle = "background-color: " + style.backColor + ";\n        color: " + style.fontColor + ";\n        font-family: " + style.font + ";\n        font-size: " + style.fontSize + "px";
                 documentEl.querySelector('html').setAttribute('lang', 'en');
                 documentEl.body.setAttribute('contenteditable', 'true');
@@ -943,13 +1111,13 @@
             try {
                 for (var removableElements_1 = __values(removableElements), removableElements_1_1 = removableElements_1.next(); !removableElements_1_1.done; removableElements_1_1 = removableElements_1.next()) {
                     var element = removableElements_1_1.value;
-                    var parent_1 = element.parentNode;
+                    var parent = element.parentNode;
                     /* istanbul ignore else */
-                    if (parent_1) {
+                    if (parent) {
                         while (element.firstChild) {
-                            parent_1.insertBefore(element.firstChild, element);
+                            parent.insertBefore(element.firstChild, element);
                         }
-                        parent_1.removeChild(element);
+                        parent.removeChild(element);
                     }
                 }
             }
@@ -971,37 +1139,24 @@
         SkyTextEditorAdapterService.prototype.setEditorDisabled = function (id, focusableChildren, textEditorNativeElement, disabled) {
             textEditorNativeElement.style.pointerEvents = disabled ? 'none' : 'auto';
             textEditorNativeElement.setAttribute('aria-disabled', disabled ? 'true' : 'false');
-            focusableChildren.forEach(function (aFocusableChild) {
-                aFocusableChild.tabIndex = disabled ? -1 : 0;
-            });
+            /* istanbul ignore else */
+            if (focusableChildren.length > 0) {
+                focusableChildren.forEach(function (aFocusableChild) {
+                    aFocusableChild.tabIndex = disabled ? -1 : 0;
+                });
+            }
             this.getIframeDocumentEl(id).body.setAttribute('contenteditable', disabled ? 'false' : 'true');
         };
-        SkyTextEditorAdapterService.ctorParameters = function () { return [
-            { type: SkyTextEditorSelectionService },
-            { type: SkyTextEditorService },
-            { type: core$1.SkyAppWindowRef }
-        ]; };
-        SkyTextEditorAdapterService.ɵprov = core.ɵɵdefineInjectable({ factory: function SkyTextEditorAdapterService_Factory() { return new SkyTextEditorAdapterService(core.ɵɵinject(SkyTextEditorSelectionService), core.ɵɵinject(SkyTextEditorService), core.ɵɵinject(core$1.SkyAppWindowRef)); }, token: SkyTextEditorAdapterService, providedIn: "root" });
-        SkyTextEditorAdapterService = __decorate([
-            core.Injectable({
-                providedIn: 'root'
-            })
-        ], SkyTextEditorAdapterService);
         return SkyTextEditorAdapterService;
     }());
-
-    // Need to add the following to classes which contain static methods.
-    // See: https://github.com/ng-packagr/ng-packagr/issues/641
-    // @dynamic
-    var SkyFormsUtility = /** @class */ (function () {
-        function SkyFormsUtility() {
-        }
-        /** Coerces a data-bound value (typically a string) to a boolean. */
-        SkyFormsUtility.coerceBooleanProperty = function (value) {
-            return value !== undefined && "" + value !== 'false';
-        };
-        return SkyFormsUtility;
-    }());
+    SkyTextEditorAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorAdapterService, deps: [{ token: SkyTextEditorSelectionService }, { token: SkyTextEditorService }, { token: i3__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyTextEditorAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorAdapterService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorAdapterService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyTextEditorSelectionService }, { type: SkyTextEditorService }, { type: i3__namespace.SkyAppWindowRef }]; } });
 
     /**
      * @internal
@@ -1031,7 +1186,7 @@
                     this.changeDetector.markForCheck();
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyTextEditorMenubarComponent.prototype.ngOnInit = function () {
@@ -1151,9 +1306,9 @@
                 '" src="' + (field.previewImageUrl || this.adapterService.getMergeFieldDataURI(field.name)) + '">');
         };
         SkyTextEditorMenubarComponent.prototype.closeDropdowns = function () {
-            this.editDropdownStream.next({ type: popovers.SkyDropdownMessageType.Close });
-            this.formatDropdownStream.next({ type: popovers.SkyDropdownMessageType.Close });
-            this.mergeFieldDropdownStream.next({ type: popovers.SkyDropdownMessageType.Close });
+            this.editDropdownStream.next({ type: i4.SkyDropdownMessageType.Close });
+            this.formatDropdownStream.next({ type: i4.SkyDropdownMessageType.Close });
+            this.mergeFieldDropdownStream.next({ type: i4.SkyDropdownMessageType.Close });
         };
         SkyTextEditorMenubarComponent.prototype.clearFormat = function () {
             var currentSelection = this.adapterService.getCurrentSelection(this.editorId);
@@ -1162,36 +1317,29 @@
             }
             this.execCommand('removeFormat');
         };
-        SkyTextEditorMenubarComponent.ctorParameters = function () { return [
-            { type: SkyTextEditorAdapterService },
-            { type: core.ChangeDetectorRef },
-            { type: i18n.SkyLibResourcesService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyTextEditorMenubarComponent.prototype, "editorFocusStream", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorMenubarComponent.prototype, "editorId", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorMenubarComponent.prototype, "menus", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorMenubarComponent.prototype, "mergeFields", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorMenubarComponent.prototype, "disabled", null);
-        SkyTextEditorMenubarComponent = __decorate([
-            core.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: core.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);
         return SkyTextEditorMenubarComponent;
     }());
+    SkyTextEditorMenubarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorMenubarComponent, deps: [{ token: SkyTextEditorAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i2__namespace.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyTextEditorMenubarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$1.λ39, selector: "sky-toolbar-item" }, { type: i4__namespace.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i4__namespace.λ2, selector: "sky-dropdown-button" }, { type: i4__namespace.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i4__namespace.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i8__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i2__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorMenubarComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-text-editor-menubar',
+                        templateUrl: './text-editor-menubar.component.html',
+                        styleUrls: ['./text-editor-menubar.component.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyTextEditorAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i2__namespace.SkyLibResourcesService }]; }, propDecorators: { editorFocusStream: [{
+                    type: i0.Input
+                }], editorId: [{
+                    type: i0.Input
+                }], menus: [{
+                    type: i0.Input
+                }], mergeFields: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }] } });
 
     /**
      * @internal
@@ -1245,7 +1393,7 @@
                 this._activeTab = value;
                 this.valid = this.isValid();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyTextEditorUrlModalComponent.prototype, "emailAddress", {
@@ -1256,7 +1404,7 @@
                 this._emailAddress = value;
                 this.valid = this.isValid();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyTextEditorUrlModalComponent.prototype, "url", {
@@ -1267,7 +1415,7 @@
                 this._url = value;
                 this.valid = this.isValid();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyTextEditorUrlModalComponent.prototype.activeTabChanged = function (value) {
@@ -1301,19 +1449,18 @@
             }
             return !!this.emailAddress && validation.SkyValidation.isEmail(this.emailAddress);
         };
-        SkyTextEditorUrlModalComponent.ctorParameters = function () { return [
-            { type: modals.SkyModalInstance },
-            { type: SkyUrlModalContext }
-        ]; };
-        SkyTextEditorUrlModalComponent = __decorate([
-            core.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);
         return SkyTextEditorUrlModalComponent;
     }());
+    SkyTextEditorUrlModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorUrlModalComponent, deps: [{ token: i1__namespace$1.SkyModalInstance }, { token: SkyUrlModalContext }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyTextEditorUrlModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyTextEditorUrlModalComponent, selector: "skyux-text-editor-url-modal", ngImport: i0__namespace, 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__namespace$1.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i1__namespace$1.λ4, selector: "sky-modal-header" }, { type: i1__namespace$1.λ2, selector: "sky-modal-content" }, { type: i3__namespace$2.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }, { type: i3__namespace$2.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndex"], outputs: ["close"] }, { type: i4__namespace$1.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i1__namespace$1.λ3, selector: "sky-modal-footer" }], directives: [{ type: i5__namespace.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__namespace.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { type: i5__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i5__namespace.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5__namespace.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "skyLibResources": i2__namespace.SkyLibResourcesPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorUrlModalComponent, decorators: [{
+                type: i0.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__namespace$1.SkyModalInstance }, { type: SkyUrlModalContext }]; } });
 
     /**
      * @internal
@@ -1346,7 +1493,7 @@
                     }
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyTextEditorToolbarComponent.prototype, "disabled", {
@@ -1360,13 +1507,13 @@
                     this.changeDetector.markForCheck();
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyTextEditorToolbarComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.editorFocusStream.subscribe(function () {
-                _this.styleState = __assign(__assign({}, _this._styleState), _this.adapterService.getStyleState(_this.editorId));
+                _this.styleState = Object.assign(Object.assign({}, _this._styleState), _this.adapterService.getStyleState(_this.editorId));
                 _this.closeDropdowns();
                 _this.changeDetector.detectChanges();
             });
@@ -1377,7 +1524,7 @@
                 command: command,
                 value: value
             });
-            this.styleState = __assign(__assign({}, this.styleState), this.adapterService.getStyleState(this.editorId));
+            this.styleState = Object.assign(Object.assign({}, this.styleState), this.adapterService.getStyleState(this.editorId));
         };
         SkyTextEditorToolbarComponent.prototype.toggleFontStyle = function (currentState, newState, command) {
             if (currentState !== newState) {
@@ -1423,18 +1570,18 @@
         };
         SkyTextEditorToolbarComponent.prototype.changeFontSize = function (size) {
             this.adapterService.setFontSize(this.editorId, size);
-            this.styleState = __assign(__assign({}, this.styleState), this.adapterService.getStyleState(this.editorId));
+            this.styleState = Object.assign(Object.assign({}, this.styleState), this.adapterService.getStyleState(this.editorId));
         };
         SkyTextEditorToolbarComponent.prototype.onColorpickerColorChanged = function (color, isBackground) {
             if (isBackground === void 0) { isBackground = false; }
             this.execCommand(isBackground ? 'backColor' : 'foreColor', color.hex);
         };
         SkyTextEditorToolbarComponent.prototype.closeDropdowns = function () {
-            var message = { type: colorpicker.SkyColorpickerMessageType.Close };
+            var message = { type: i6$1.SkyColorpickerMessageType.Close };
             this.colorpickerStream.next(message);
             this.backColorpickerStream.next(message);
-            this.fontPickerStream.next({ type: popovers.SkyDropdownMessageType.Close });
-            this.fontSizeStream.next({ type: popovers.SkyDropdownMessageType.Close });
+            this.fontPickerStream.next({ type: i4.SkyDropdownMessageType.Close });
+            this.fontSizeStream.next({ type: i4.SkyDropdownMessageType.Close });
         };
         SkyTextEditorToolbarComponent.prototype.getFontName = function (fontName) {
             for (var i = 0; i < this.fontList.length; i++) {
@@ -1443,42 +1590,33 @@
                 }
             }
         };
-        SkyTextEditorToolbarComponent.ctorParameters = function () { return [
-            { type: SkyTextEditorAdapterService },
-            { type: core.ChangeDetectorRef },
-            { type: modals.SkyModalService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyTextEditorToolbarComponent.prototype, "editorFocusStream", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorToolbarComponent.prototype, "editorId", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorToolbarComponent.prototype, "fontList", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorToolbarComponent.prototype, "fontSizeList", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorToolbarComponent.prototype, "toolbarActions", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorToolbarComponent.prototype, "styleState", null);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorToolbarComponent.prototype, "disabled", null);
-        SkyTextEditorToolbarComponent = __decorate([
-            core.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: core.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);
         return SkyTextEditorToolbarComponent;
     }());
+    SkyTextEditorToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorToolbarComponent, deps: [{ token: SkyTextEditorAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.SkyModalService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyTextEditorToolbarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$1.λ39, selector: "sky-toolbar-item" }, { type: i4__namespace.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i4__namespace.λ2, selector: "sky-dropdown-button" }, { type: i4__namespace.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i4__namespace.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { type: i4__namespace$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i6__namespace$1.λ1, selector: "sky-colorpicker", inputs: ["label", "labelledBy", "messageStream", "showResetButton"], outputs: ["selectedColorChanged", "selectedColorApplied"] }, { type: i7__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i8__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace.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__namespace$1.λ2, selector: "[skyColorpickerInput]", inputs: ["skyColorpickerInput", "initialColor", "returnFormat", "outputFormat", "presetColors", "alphaChannel", "allowTransparency"] }, { type: i6__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorToolbarComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-text-editor-toolbar',
+                        templateUrl: './text-editor-toolbar.component.html',
+                        styleUrls: ['./text-editor-toolbar.component.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyTextEditorAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.SkyModalService }]; }, propDecorators: { editorFocusStream: [{
+                    type: i0.Input
+                }], editorId: [{
+                    type: i0.Input
+                }], fontList: [{
+                    type: i0.Input
+                }], fontSizeList: [{
+                    type: i0.Input
+                }], toolbarActions: [{
+                    type: i0.Input
+                }], styleState: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }] } });
 
     /**
      * @internal
@@ -1569,7 +1707,6 @@
             /* istanbul ignore next */
             this._onChange = function (_) { };
         }
-        SkyTextEditorComponent_1 = SkyTextEditorComponent;
         Object.defineProperty(SkyTextEditorComponent.prototype, "disabled", {
             get: function () {
                 return this._disabled;
@@ -1591,7 +1728,7 @@
                     this.changeDetector.markForCheck();
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyTextEditorComponent.prototype, "initialStyleState", {
@@ -1604,10 +1741,10 @@
             set: function (state) {
                 // Do not update the state after initialization has taken place
                 if (!this.initialized) {
-                    this._initialStyleState = __assign(__assign({}, STYLE_STATE_DEFAULTS), state);
+                    this._initialStyleState = Object.assign(Object.assign({}, STYLE_STATE_DEFAULTS), state);
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyTextEditorComponent.prototype, "placeholder", {
@@ -1625,7 +1762,7 @@
                     }
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyTextEditorComponent.prototype, "value", {
@@ -1650,7 +1787,7 @@
                     this.onChange();
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyTextEditorComponent.prototype.ngAfterViewInit = function () {
@@ -1713,126 +1850,157 @@
         };
         SkyTextEditorComponent.prototype.updateValueAndStyle = function () {
             this.value = this.adapterService.getEditorInnerHtml(this.id);
-            this._initialStyleState = __assign(__assign({}, this._initialStyleState), this.adapterService.getStyleState(this.id));
-        };
-        var SkyTextEditorComponent_1;
-        SkyTextEditorComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: core$1.SkyCoreAdapterService },
-            { type: SkyTextEditorAdapterService },
-            { type: SkyTextEditorService },
-            { type: SkyTextSanitizationService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "autofocus", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "disabled", null);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "fontList", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "fontSizeList", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "initialStyleState", null);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "menus", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "mergeFields", void 0);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "placeholder", null);
-        __decorate([
-            core.Input()
-        ], SkyTextEditorComponent.prototype, "toolbarActions", void 0);
-        __decorate([
-            core.ViewChild('iframe')
-        ], SkyTextEditorComponent.prototype, "iframeRef", void 0);
-        SkyTextEditorComponent = SkyTextEditorComponent_1 = __decorate([
-            core.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: forms.NG_VALUE_ACCESSOR,
-                        // tslint:disable-next-line: no-forward-ref
-                        useExisting: core.forwardRef(function () { return SkyTextEditorComponent_1; }),
-                        multi: true
-                    }
-                ],
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                encapsulation: core.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);
+            this._initialStyleState = Object.assign(Object.assign({}, this._initialStyleState), this.adapterService.getStyleState(this.id));
+        };
         return SkyTextEditorComponent;
     }());
+    SkyTextEditorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace.SkyCoreAdapterService }, { token: SkyTextEditorAdapterService }, { token: SkyTextEditorService }, { token: SkyTextSanitizationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyTextEditorComponent.ɵcmp = i0__namespace.ɵɵ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: i5.NG_VALUE_ACCESSOR,
+                // tslint:disable-next-line: no-forward-ref
+                useExisting: i0.forwardRef(function () { return SkyTextEditorComponent; }),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "iframeRef", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0__namespace, 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__namespace$1.λ37, selector: "sky-toolbar" }, { type: i3__namespace$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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-text-editor',
+                        templateUrl: './text-editor.component.html',
+                        styleUrls: ['./text-editor.component.scss'],
+                        providers: [
+                            {
+                                provide: i5.NG_VALUE_ACCESSOR,
+                                // tslint:disable-next-line: no-forward-ref
+                                useExisting: i0.forwardRef(function () { return SkyTextEditorComponent; }),
+                                multi: true
+                            }
+                        ],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        encapsulation: i0.ViewEncapsulation.None
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace.SkyCoreAdapterService }, { type: SkyTextEditorAdapterService }, { type: SkyTextEditorService }, { type: SkyTextSanitizationService }]; }, propDecorators: { autofocus: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }], fontList: [{
+                    type: i0.Input
+                }], fontSizeList: [{
+                    type: i0.Input
+                }], id: [{
+                    type: i0.Input
+                }], initialStyleState: [{
+                    type: i0.Input
+                }], menus: [{
+                    type: i0.Input
+                }], mergeFields: [{
+                    type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
+                }], toolbarActions: [{
+                    type: i0.Input
+                }], iframeRef: [{
+                    type: i0.ViewChild,
+                    args: ['iframe']
+                }] } });
 
     var SkyTextEditorModule = /** @class */ (function () {
         function SkyTextEditorModule() {
         }
-        SkyTextEditorModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    forms.FormsModule,
-                    forms.ReactiveFormsModule,
-                    core$1.SkyCoreAdapterModule,
-                    SkyTextEditorResourcesModule,
-                    i18n.SkyI18nModule,
-                    indicators.SkyIconModule,
-                    core$1.SkyIdModule,
-                    forms$1.SkyInputBoxModule,
-                    colorpicker.SkyColorpickerModule,
-                    forms$1.SkyCheckboxModule,
-                    popovers.SkyDropdownModule,
-                    modals.SkyModalModule,
-                    tabs.SkyTabsModule,
-                    theme.SkyThemeModule,
-                    layout.SkyToolbarModule
-                ],
-                exports: [
-                    SkyTextEditorComponent,
-                    SkyTextEditorUrlModalComponent,
-                    SkyTextEditorToolbarComponent,
-                    SkyTextEditorMenubarComponent
-                ],
-                declarations: [
-                    SkyTextEditorComponent,
-                    SkyTextEditorUrlModalComponent,
-                    SkyTextEditorToolbarComponent,
-                    SkyTextEditorMenubarComponent
-                ],
-                entryComponents: [
-                    SkyTextEditorUrlModalComponent
-                ]
-            })
-        ], SkyTextEditorModule);
         return SkyTextEditorModule;
     }());
+    SkyTextEditorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyTextEditorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorModule, declarations: [SkyTextEditorComponent,
+            SkyTextEditorUrlModalComponent,
+            SkyTextEditorToolbarComponent,
+            SkyTextEditorMenubarComponent], imports: [i8.CommonModule,
+            i5.FormsModule,
+            i5.ReactiveFormsModule,
+            i3.SkyCoreAdapterModule,
+            SkyTextEditorResourcesModule,
+            i2.SkyI18nModule,
+            i7.SkyIconModule,
+            i3.SkyIdModule,
+            i4$1.SkyInputBoxModule,
+            i6$1.SkyColorpickerModule,
+            i4$1.SkyCheckboxModule,
+            i4.SkyDropdownModule,
+            i1$1.SkyModalModule,
+            i3$2.SkyTabsModule,
+            i6.SkyThemeModule,
+            i3$1.SkyToolbarModule], exports: [SkyTextEditorComponent,
+            SkyTextEditorUrlModalComponent,
+            SkyTextEditorToolbarComponent,
+            SkyTextEditorMenubarComponent] });
+    SkyTextEditorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorModule, imports: [[
+                i8.CommonModule,
+                i5.FormsModule,
+                i5.ReactiveFormsModule,
+                i3.SkyCoreAdapterModule,
+                SkyTextEditorResourcesModule,
+                i2.SkyI18nModule,
+                i7.SkyIconModule,
+                i3.SkyIdModule,
+                i4$1.SkyInputBoxModule,
+                i6$1.SkyColorpickerModule,
+                i4$1.SkyCheckboxModule,
+                i4.SkyDropdownModule,
+                i1$1.SkyModalModule,
+                i3$2.SkyTabsModule,
+                i6.SkyThemeModule,
+                i3$1.SkyToolbarModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextEditorModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i8.CommonModule,
+                            i5.FormsModule,
+                            i5.ReactiveFormsModule,
+                            i3.SkyCoreAdapterModule,
+                            SkyTextEditorResourcesModule,
+                            i2.SkyI18nModule,
+                            i7.SkyIconModule,
+                            i3.SkyIdModule,
+                            i4$1.SkyInputBoxModule,
+                            i6$1.SkyColorpickerModule,
+                            i4$1.SkyCheckboxModule,
+                            i4.SkyDropdownModule,
+                            i1$1.SkyModalModule,
+                            i3$2.SkyTabsModule,
+                            i6.SkyThemeModule,
+                            i3$1.SkyToolbarModule
+                        ],
+                        exports: [
+                            SkyTextEditorComponent,
+                            SkyTextEditorUrlModalComponent,
+                            SkyTextEditorToolbarComponent,
+                            SkyTextEditorMenubarComponent
+                        ],
+                        declarations: [
+                            SkyTextEditorComponent,
+                            SkyTextEditorUrlModalComponent,
+                            SkyTextEditorToolbarComponent,
+                            SkyTextEditorMenubarComponent
+                        ],
+                        entryComponents: [
+                            SkyTextEditorUrlModalComponent
+                        ]
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
 
     exports.SkyRichTextDisplayModule = SkyRichTextDisplayModule;
     exports.SkyTextEditorModule = SkyTextEditorModule;
-    exports.ɵa = SkyRichTextDisplayComponent;
-    exports.ɵb = SkyTextSanitizationService;
-    exports.ɵc = SkyTextEditorResourcesModule;
-    exports.ɵd = SkyTextEditorResourcesProvider;
-    exports.ɵe = SkyTextEditorComponent;
-    exports.ɵf = SkyTextEditorAdapterService;
-    exports.ɵg = SkyTextEditorSelectionService;
-    exports.ɵh = SkyTextEditorService;
-    exports.ɵi = SkyTextEditorUrlModalComponent;
-    exports.ɵj = SkyUrlModalContext;
-    exports.ɵk = SkyTextEditorToolbarComponent;
-    exports.ɵl = SkyTextEditorMenubarComponent;
+    exports.λ1 = SkyRichTextDisplayComponent;
+    exports.λ2 = SkyTextEditorMenubarComponent;
+    exports.λ3 = SkyTextEditorUrlModalComponent;
+    exports.λ4 = SkyTextEditorToolbarComponent;
+    exports.λ5 = SkyTextEditorComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });