@skyux/text-editor 5.7.2 → 6.0.0-beta.2

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

@@ -1,2195 +0,0 @@
-(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/i18n'), require('@skyux/indicators'), require('@skyux/layout'), require('@skyux/modals'), 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/i18n', '@skyux/indicators', '@skyux/layout', '@skyux/modals', '@skyux/popovers', '@skyux/tabs', '@skyux/theme', 'rxjs', 'rxjs/operators', '@skyux/validation'], factory) :
-    (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.i2, global.i7, global.i3$1, global.i1$1, global.i4, global.i3$2, global.i6, global.rxjs, global.rxjs.operators, global.validation));
-})(this, (function (exports, i5, i0, i1, createDOMPurify, i5$1, i6$1, i3, i4$1, i2, i7, i3$1, i1$1, i4, i3$2, i6, rxjs, operators, validation) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-    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);
-    }
-
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var createDOMPurify__default = /*#__PURE__*/_interopDefaultLegacy(createDOMPurify);
-    var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
-    var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-
-    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.
-        if (node.getAttribute('target')) {
-            node.setAttribute('target', '_blank');
-            node.setAttribute('rel', 'noopener noreferrer');
-        }
-    });
-    /**
-     * The `SkyTextSanitizationService` user the `DOMPurify` library to sanitize strings for use
-     * in the DOM. `DOMPurify` allows more customization than Angular's internal `DomSanitizer` so we
-     * can preserve `<style>` tags and allow `target` attributes for new tab links.
-     * @internal
-     */
-    var SkyTextSanitizationService = /** @class */ (function () {
-        function SkyTextSanitizationService() {
-            this.allowedAttributes = ['target'];
-        }
-        /**
-         * Returns a sanitized string, allowing target attribute for new tab links.
-         */
-        SkyTextSanitizationService.prototype.sanitize = function (htmlString) {
-            return domPurify.sanitize(htmlString, { ADD_ATTR: this.allowedAttributes });
-        };
-        return SkyTextSanitizationService;
-    }());
-    SkyTextSanitizationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextSanitizationService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyTextSanitizationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextSanitizationService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextSanitizationService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }] });
-
-    var SkyRichTextDisplayComponent = /** @class */ (function () {
-        function SkyRichTextDisplayComponent(sanitizer, sanitizationService) {
-            this.sanitizer = sanitizer;
-            this.sanitizationService = sanitizationService;
-            this.sanitizedText = '';
-            this._richText = '';
-        }
-        Object.defineProperty(SkyRichTextDisplayComponent.prototype, "richText", {
-            /**
-             * Specifies the rich text to display.
-             */
-            set: function (value) {
-                var cleaned = this.sanitizationService.sanitize(value);
-                /* istanbul ignore else */
-                if (cleaned !== this._richText) {
-                    this._richText = cleaned;
-                    // Text has already been sanitized with DOMPurifier.
-                    // Tell Angular to bypass its own internal sanitization.
-                    this.sanitizedText = this.sanitizer.bypassSecurityTrustHtml(cleaned);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return SkyRichTextDisplayComponent;
-    }());
-    SkyRichTextDisplayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", type: SkyRichTextDisplayComponent, selector: "sky-rich-text-display", inputs: { richText: "richText" }, ngImport: i0__namespace, template: "<span class=\"sky-rich-text-display-text\" [innerHTML]=\"sanitizedText\"> </span>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRichTextDisplayComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-rich-text-display',
-                        template: "<span class=\"sky-rich-text-display-text\" [innerHTML]=\"sanitizedText\"> </span>\n",
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.DomSanitizer }, { type: SkyTextSanitizationService }]; }, propDecorators: { richText: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyRichTextDisplayModule = /** @class */ (function () {
-        function SkyRichTextDisplayModule() {
-        }
-        return SkyRichTextDisplayModule;
-    }());
-    SkyRichTextDisplayModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRichTextDisplayModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyRichTextDisplayModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRichTextDisplayModule, declarations: [SkyRichTextDisplayComponent], imports: [i5.CommonModule], exports: [SkyRichTextDisplayComponent] });
-    SkyRichTextDisplayModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRichTextDisplayModule, imports: [[i5.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRichTextDisplayModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [i5.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 lib/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() {
-        }
-        SkyTextEditorResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i2.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyTextEditorResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyTextEditorResourcesModule = /** @class */ (function () {
-        function SkyTextEditorResourcesModule() {
-        }
-        return SkyTextEditorResourcesModule;
-    }());
-    SkyTextEditorResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTextEditorResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorResourcesModule, exports: [i2.SkyI18nModule] });
-    SkyTextEditorResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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 || Array.prototype.slice.call(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
-     */
-    var FONT_LIST_DEFAULTS = [
-        {
-            name: 'Blackbaud Sans',
-            value: '"Blackbaud Sans", Arial, sans-serif',
-        },
-        {
-            name: 'Arial',
-            value: 'Arial',
-        },
-        {
-            name: 'Arial Black',
-            value: '"Arial Black"',
-        },
-        {
-            name: 'Courier New',
-            value: '"Courier New"',
-        },
-        {
-            name: 'Georgia',
-            value: 'Georgia, serif',
-        },
-        {
-            name: 'Tahoma',
-            value: 'Tahoma, Geneva, sans-serif',
-        },
-        {
-            name: 'Times New Roman',
-            value: '"Times New Roman"',
-        },
-        {
-            name: 'Trebuchet MS',
-            value: '"Trebuchet MS", sans-serif',
-        },
-        {
-            name: 'Verdana',
-            value: 'Verdana, Geneva, sans-serif',
-        },
-    ];
-
-    /**
-     * @internal
-     */
-    var STYLE_STATE_DEFAULTS = {
-        backColor: 'rgba(0, 0, 0, 0)',
-        fontColor: '#000',
-        fontSize: 14,
-        font: FONT_LIST_DEFAULTS[0].value,
-        boldState: false,
-        italicState: false,
-        underlineState: false,
-        linkState: false,
-    };
-
-    /**
-     * @internal
-     */
-    var UrlTarget;
-    (function (UrlTarget) {
-        UrlTarget[UrlTarget["None"] = 0] = "None";
-        UrlTarget[UrlTarget["NewWindow"] = 1] = "NewWindow";
-    })(UrlTarget || (UrlTarget = {}));
-
-    /**
-     * @internal
-     */
-    var SkyTextEditorSelectionService = /** @class */ (function () {
-        function SkyTextEditorSelectionService() {
-        }
-        SkyTextEditorSelectionService.prototype.isElementSelected = function (documentEl, element) {
-            var selectedNode = this.getCurrentSelection(documentEl)
-                .anchorNode;
-            /* istanbul ignore next */
-            return (selectedNode &&
-                (element.contains(selectedNode) ||
-                    (selectedNode.parentNode && element.contains(selectedNode.parentNode))));
-        };
-        SkyTextEditorSelectionService.prototype.getCurrentSelection = function (documentEl) {
-            return documentEl.getSelection();
-        };
-        SkyTextEditorSelectionService.prototype.getCurrentSelectionParentElement = function (documentEl) {
-            var selection = this.getCurrentSelection(documentEl);
-            var selectedEl;
-            /* istanbul ignore else */
-            if (selection &&
-                selection.getRangeAt &&
-                selection.getRangeAt(0).commonAncestorContainer) {
-                selectedEl = selection.getRangeAt(0).commonAncestorContainer;
-                selectedEl =
-                    selectedEl.nodeType !== 1 ? selectedEl.parentElement : selectedEl;
-            }
-            else if (selection && selection.type !== 'Control') {
-                selectedEl = selection.createRange().parentElement();
-            }
-            else {
-                return undefined;
-            }
-            return selectedEl;
-        };
-        SkyTextEditorSelectionService.prototype.getCurrentSelectionRange = function (documentEl, windowEl) {
-            /* istanbul ignore else */
-            if (windowEl.getSelection) {
-                var sel = windowEl.getSelection();
-                /* istanbul ignore else */
-                if (sel.getRangeAt && sel.rangeCount) {
-                    return sel.getRangeAt(0);
-                }
-            }
-            else if (documentEl.getSelection() &&
-                documentEl.getSelection().getRangeAt) {
-                return documentEl.getSelection().getRangeAt(0);
-            }
-        };
-        SkyTextEditorSelectionService.prototype.selectElement = function (documentEl, windowEl, element) {
-            /* istanbul ignore else */
-            if (element) {
-                /* istanbul ignore else */
-                if (windowEl.getSelection) {
-                    var sel = windowEl.getSelection();
-                    sel.removeAllRanges();
-                    var range = documentEl.createRange();
-                    range.selectNodeContents(element);
-                    sel.addRange(range);
-                }
-                else if (documentEl.getSelection) {
-                    var sel = documentEl.getSelection();
-                    sel.removeAllRanges();
-                    var range = documentEl.createRange();
-                    range.selectNodeContents(element);
-                    sel.addRange(range);
-                }
-            }
-        };
-        return SkyTextEditorSelectionService;
-    }());
-    SkyTextEditorSelectionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorSelectionService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyTextEditorSelectionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorSelectionService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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 blur observable from the editor with the corresponding id.
-         */
-        SkyTextEditorService.prototype.blurListener = function (id) {
-            return this.editors[id].blurObservable;
-        };
-        /**
-         * 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;
-        };
-        /**
-         * Returns the input change observable from the editor with the corresponding id.
-         */
-        SkyTextEditorService.prototype.inputListener = function (id) {
-            return this.editors[id].inputObservable;
-        };
-        /**
-         * Removes editor from the `editors` index by id.
-         */
-        SkyTextEditorService.prototype.removeEditor = function (id) {
-            /* istanbul ignore else */
-            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.16", ngImport: i0__namespace, type: SkyTextEditorService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyTextEditorService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyTextEditorAdapterService = /** @class */ (function () {
-        function SkyTextEditorAdapterService(selectionService, textEditorService, windowService) {
-            this.selectionService = selectionService;
-            this.textEditorService = textEditorService;
-            this.windowService = windowService;
-        }
-        Object.defineProperty(SkyTextEditorAdapterService.prototype, "editors", {
-            get: function () {
-                return this.textEditorService.editors;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * Creates a text editor inside the supplied iframe element.
-         */
-        SkyTextEditorAdapterService.prototype.addEditor = function (id, iframeElement, styleState, placeholder) {
-            /* istanbul ignore else */
-            if (!(id in this.editors)) {
-                this.editors[id] = this.createObservers(id, iframeElement);
-                var documentEl = this.getIframeDocumentEl(id);
-                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 = 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');
-                documentEl.body.setAttribute('id', id);
-                documentEl.body.setAttribute('role', 'main');
-                documentEl.body.setAttribute('class', 'editor');
-                documentEl.body.setAttribute('style', bodyStyle);
-                documentEl.body.setAttribute('data-placeholder', placeholder || '');
-            }
-        };
-        SkyTextEditorAdapterService.prototype.disableEditor = function (id, focusableChildren, textEditorNativeElement) {
-            this.setEditorDisabled(id, focusableChildren, textEditorNativeElement, true);
-        };
-        SkyTextEditorAdapterService.prototype.enableEditor = function (id, focusableChildren, textEditorNativeElement) {
-            this.setEditorDisabled(id, focusableChildren, textEditorNativeElement, false);
-        };
-        /**
-         * Executes a command on the text editor with the corresponding id.
-         */
-        SkyTextEditorAdapterService.prototype.execCommand = function (id, editorCommand) {
-            /* istanbul ignore else */
-            if (id in this.editors) {
-                var documentEl = this.getIframeDocumentEl(id);
-                /* istanbul ignore else */
-                if (this.editorSelected(id)) {
-                    var commandIsSupportedAndEnabled = documentEl.execCommand(editorCommand.command, false, editorCommand.value);
-                    // IE11 doesn't support insertHTML
-                    /* istanbul ignore next */
-                    if (editorCommand.command.toLowerCase() === 'inserthtml' &&
-                        !commandIsSupportedAndEnabled) {
-                        this.insertHtmlInIE11(id, editorCommand.value);
-                    }
-                    this.focusEditor(id);
-                    this.editors[id].commandChangeObservable.next();
-                }
-            }
-        };
-        SkyTextEditorAdapterService.prototype.getCurrentSelection = function (id) {
-            return this.selectionService.getCurrentSelection(this.getIframeDocumentEl(id));
-        };
-        /**
-         * Returns a data URI using the provided text string.
-         * Used to display a merge field inside a string of text.
-         */
-        SkyTextEditorAdapterService.prototype.getMergeFieldDataURI = function (text) {
-            var documentEl = this.windowService.nativeWindow.document;
-            var textToUse = text;
-            if (text.length > 18) {
-                textToUse = text.substr(0, 15) + '...';
-            }
-            var canvasElement = documentEl.createElement('canvas');
-            canvasElement.setAttribute('height', '20');
-            canvasElement.setAttribute('width', '100');
-            canvasElement.style.backgroundColor = 'tan';
-            canvasElement.style.border = '1px solid #000000';
-            canvasElement.style.borderRadius = '5px';
-            var context = canvasElement.getContext('2d');
-            context.font = '12px Arial';
-            context.textAlign = 'center';
-            context.fillText(textToUse, 50, 15);
-            context.globalCompositeOperation = 'destination-over';
-            context.fillStyle = '#00FFFF';
-            context.fillRect(0, 0, 100, 20);
-            context.globalCompositeOperation = 'source-over';
-            context.lineWidth = 2;
-            context.strokeStyle = '#FF0000';
-            context.strokeRect(0, 0, 100, 20);
-            var result = canvasElement.toDataURL('image/png', 1.0);
-            return result;
-        };
-        SkyTextEditorAdapterService.prototype.getStyleState = function (id) {
-            var documentEl = this.getIframeDocumentEl(id);
-            /* istanbul ignore else */
-            if (this.editorSelected(id)) {
-                return {
-                    backColor: this.getColor(documentEl, 'BackColor'),
-                    fontColor: this.getColor(documentEl, 'ForeColor'),
-                    fontSize: parseInt(this.getFontSize(id), undefined),
-                    font: documentEl.queryCommandValue('fontname'),
-                    boldState: documentEl.queryCommandState('Bold'),
-                    italicState: documentEl.queryCommandState('Italic'),
-                    underlineState: documentEl.queryCommandState('Underline'),
-                    linkState: this.hasLink(id),
-                };
-            }
-            /* istanbul ignore next */
-            return {};
-        };
-        SkyTextEditorAdapterService.prototype.getEditorInnerHtml = function (id) {
-            var documentEl = this.getIframeDocumentEl(id);
-            if (documentEl) {
-                return this.replaceHtmlCodes(documentEl.body.innerHTML);
-            }
-            return '';
-        };
-        SkyTextEditorAdapterService.prototype.setEditorInnerHtml = function (id, value) {
-            var documentEl = this.getIframeDocumentEl(id);
-            var editorContent = documentEl.body;
-            /* istanbul ignore else */
-            if (editorContent.innerHTML !== value) {
-                editorContent.innerHTML = value;
-            }
-        };
-        SkyTextEditorAdapterService.prototype.focusEditor = function (id) {
-            /* istanbul ignore else */
-            if (id in this.editors) {
-                var windowEl = this.getContentWindowEl(id);
-                var iframeDocumentEl = this.getIframeDocumentEl(id);
-                var currentSelection = this.selectionService.getCurrentSelectionRange(iframeDocumentEl, windowEl);
-                var cursorIsNotActiveAndHasReset = currentSelection &&
-                    currentSelection.startOffset === 0 &&
-                    currentSelection.endOffset === 0;
-                if (!this.editorSelected(id) || cursorIsNotActiveAndHasReset) {
-                    // focus the end of the editor
-                    var documentEl = this.windowService.nativeWindow.document;
-                    var editor = iframeDocumentEl.body;
-                    var range = documentEl.createRange();
-                    this.editors[id].iframeElementRef.focus();
-                    editor.focus();
-                    /* istanbul ignore else */
-                    if (windowEl.getSelection && documentEl.createRange) {
-                        range.selectNodeContents(editor);
-                        range.collapse(false);
-                        var sel = windowEl.getSelection();
-                        sel.removeAllRanges();
-                        sel.addRange(range);
-                    }
-                    else {
-                        // IE only
-                        var textRange = editor.createTextRange();
-                        textRange.moveToElementText(editor);
-                        textRange.collapse(false);
-                        textRange.select();
-                    }
-                }
-                else {
-                    // Cursor may not be active, restore it
-                    this.editors[id].iframeElementRef.focus();
-                    iframeDocumentEl.body.focus();
-                }
-            }
-        };
-        SkyTextEditorAdapterService.prototype.getLink = function (editorId) {
-            var link = undefined;
-            var anchorEl = this.getSelectedAnchorTag(editorId);
-            if (anchorEl && anchorEl.href) {
-                link = {
-                    target: anchorEl.getAttribute('target') === '_blank'
-                        ? UrlTarget.NewWindow
-                        : UrlTarget.None,
-                    url: anchorEl.href,
-                };
-            }
-            return link;
-        };
-        SkyTextEditorAdapterService.prototype.getSelectedAnchorTag = function (editorId) {
-            var selectedEl = this.getCurrentSelectionParentElement(editorId);
-            return this.getParent(selectedEl, 'a');
-        };
-        SkyTextEditorAdapterService.prototype.saveSelection = function (id) {
-            return this.selectionService.getCurrentSelectionRange(this.getIframeDocumentEl(id), this.getContentWindowEl(id));
-        };
-        SkyTextEditorAdapterService.prototype.selectElement = function (id, element) {
-            this.selectionService.selectElement(this.getIframeDocumentEl(id), this.getContentWindowEl(id), element);
-        };
-        SkyTextEditorAdapterService.prototype.setPlaceholder = function (id, placeholder) {
-            var documentEl = this.getIframeDocumentEl(id);
-            documentEl.body.setAttribute('data-placeholder', placeholder || '');
-        };
-        SkyTextEditorAdapterService.prototype.setFontSize = function (id, fontSize) {
-            var e_1, _a;
-            var doc = this.getIframeDocumentEl(id);
-            this.execCommand(id, { command: 'fontSize', value: 1 });
-            var fontElements = Array.from(doc.querySelectorAll('font[size="1"]'));
-            try {
-                for (var fontElements_1 = __values(fontElements), fontElements_1_1 = fontElements_1.next(); !fontElements_1_1.done; fontElements_1_1 = fontElements_1.next()) {
-                    var element = fontElements_1_1.value;
-                    element.removeAttribute('size');
-                    element.style.fontSize = fontSize + 'px';
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (fontElements_1_1 && !fontElements_1_1.done && (_a = fontElements_1.return)) _a.call(fontElements_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            this.cleanUpBlankStyleTags(doc);
-            this.focusEditor(id);
-            this.editors[id].commandChangeObservable.next();
-        };
-        SkyTextEditorAdapterService.prototype.removeObservers = function (setting) {
-            /* istanbul ignore next */
-            var documentEl = setting.iframeElementRef.contentWindow
-                ? setting.iframeElementRef.contentWindow.document
-                : setting.iframeElementRef.contentDocument;
-            setting.selectionChangeObservable.complete();
-            setting.clickObservable.complete();
-            setting.commandChangeObservable.complete();
-            documentEl.removeEventListener('selectionchange', setting.selectionListener);
-            documentEl.removeEventListener('input', setting.selectionListener);
-            documentEl.removeEventListener('mousedown', setting.clickListener);
-            documentEl.body.removeEventListener('paste', setting.pasteListener);
-        };
-        SkyTextEditorAdapterService.prototype.getContentWindowEl = function (id) {
-            return this.editors[id].iframeElementRef.contentWindow;
-        };
-        SkyTextEditorAdapterService.prototype.getChildSelectedAnchorTags = function (editorId) {
-            var selectedRange = this.getCurrentSelection(editorId).getRangeAt(0);
-            if (selectedRange.toString().length <= 0) {
-                return [];
-            }
-            var parentElement = this.getCurrentSelectionParentElement(editorId);
-            var childElements = [];
-            /* istanbul ignore else */
-            if (parentElement) {
-                childElements = Array.from(parentElement.querySelectorAll('a'));
-            }
-            /* istanbul ignore next */
-            return childElements.filter(function (element) {
-                // IE specific
-                if (!selectedRange.intersectsNode) {
-                    if (!element || !element.href) {
-                        return false;
-                    }
-                    var tempRange = document.createRange();
-                    tempRange.selectNodeContents(element);
-                    return ((selectedRange.compareBoundaryPoints(Range.START_TO_START, tempRange) !== -1 &&
-                        selectedRange.compareBoundaryPoints(Range.START_TO_END, tempRange) !== 1) ||
-                        (selectedRange.compareBoundaryPoints(Range.END_TO_START, tempRange) !== -1 &&
-                            selectedRange.compareBoundaryPoints(Range.END_TO_END, tempRange) !==
-                                1));
-                }
-                // Normal non-IE
-                return (!!element && !!element.href && selectedRange.intersectsNode(element));
-            });
-        };
-        SkyTextEditorAdapterService.prototype.getIframeDocumentEl = function (id) {
-            /* istanbul ignore next */
-            if (!(id in this.editors)) {
-                return undefined;
-            }
-            var contentWindowEl = this.getContentWindowEl(id);
-            /* istanbul ignore else */
-            if (contentWindowEl) {
-                return contentWindowEl.document;
-            }
-            /* istanbul ignore next */
-            return this.editors[id].iframeElementRef.contentDocument;
-        };
-        SkyTextEditorAdapterService.prototype.getFontSize = function (id) {
-            var fontSize = STYLE_STATE_DEFAULTS.fontSize.toString();
-            var selection = this.getCurrentSelection(id);
-            /* istanbul ignore else */
-            if (selection &&
-                selection.anchorNode &&
-                selection.anchorNode.parentElement) {
-                var element = selection.anchorNode;
-                if (element.nodeType !== 1) {
-                    element = element.parentElement;
-                }
-                var computedStyle = window.getComputedStyle(element);
-                /* istanbul ignore else */
-                if (computedStyle) {
-                    fontSize = computedStyle.getPropertyValue('font-size');
-                }
-            }
-            return fontSize;
-        };
-        SkyTextEditorAdapterService.prototype.createObservers = function (id, element) {
-            /* istanbul ignore next */
-            var documentEl = element.contentWindow
-                ? element.contentWindow.document
-                : element.contentDocument;
-            // Firefox bug where we need to open/close to cancel load so it doesn't overwrite attrs
-            documentEl.open();
-            documentEl.close();
-            var selectionObservable = new rxjs.Subject();
-            var selectionListener = function () { return selectionObservable.next(); };
-            var clickObservable = new rxjs.Subject();
-            var clickListener = function () { return clickObservable.next(); };
-            var pasteListener = this.getPasteOverride(id);
-            var blurObservable = new rxjs.Subject();
-            var blurListener = function () { return blurObservable.next(); };
-            var inputObservable = new rxjs.Subject();
-            var inputListener = function () { return inputObservable.next(); };
-            documentEl.addEventListener('selectionchange', selectionListener);
-            documentEl.addEventListener('input', inputListener);
-            documentEl.addEventListener('mousedown', clickListener);
-            documentEl.body.addEventListener('paste', pasteListener);
-            documentEl.body.addEventListener('blur', blurListener);
-            return {
-                blurObservable: blurObservable,
-                clickObservable: clickObservable,
-                commandChangeObservable: new rxjs.Subject(),
-                iframeElementRef: element,
-                inputObservable: inputObservable,
-                selectionChangeObservable: selectionObservable,
-                blurListener: blurListener,
-                clickListener: clickListener,
-                inputListener: inputListener,
-                pasteListener: pasteListener,
-                selectionListener: selectionListener,
-            };
-        };
-        /* istanbul ignore next */
-        SkyTextEditorAdapterService.prototype.getPasteOverride = function (id) {
-            var _this = this;
-            return function (e) {
-                e.preventDefault();
-                var text = e.clipboardData.getData('text/plain');
-                _this.execCommand(id, { command: 'insertHTML', value: text });
-            };
-        };
-        SkyTextEditorAdapterService.prototype.getCurrentSelectionParentElement = function (id) {
-            return this.selectionService.getCurrentSelectionParentElement(this.getIframeDocumentEl(id));
-        };
-        SkyTextEditorAdapterService.prototype.getColor = function (documentEl, selector) {
-            var commandValue = documentEl.queryCommandValue(selector);
-            // Edge is weird and returns numbers
-            /* istanbul ignore if */
-            if (typeof commandValue === 'number') {
-                /* istanbul ignore next */
-                // tslint:disable-next-line: no-bitwise
-                return ('rgb(' +
-                    (commandValue & 0xff) +
-                    ', ' +
-                    // tslint:disable-next-line: no-bitwise
-                    ((commandValue & 0xff00) >> 8) +
-                    ', ' +
-                    // tslint:disable-next-line: no-bitwise
-                    ((commandValue & 0xff0000) >> 16) +
-                    ')');
-            }
-            // Firefox uses 'Transparent' instead of a color value
-            /* istanbul ignore next */
-            if (commandValue.toString().toLowerCase() === 'transparent') {
-                return STYLE_STATE_DEFAULTS.backColor;
-            }
-            return commandValue;
-        };
-        SkyTextEditorAdapterService.prototype.hasLink = function (editorId) {
-            var anchorEl = this.getSelectedAnchorTag(editorId);
-            var childAnchorEls = this.getChildSelectedAnchorTags(editorId);
-            /* istanbul ignore next */
-            return childAnchorEls.length > 0 || (!!anchorEl && !!anchorEl.href);
-        };
-        SkyTextEditorAdapterService.prototype.getParent = function (element, tag) {
-            var currentNode = element;
-            while (currentNode && currentNode.tagName.toUpperCase() !== 'BODY') {
-                if (currentNode.tagName.toUpperCase() === tag.toUpperCase()) {
-                    return currentNode;
-                }
-                currentNode = currentNode.parentElement;
-            }
-            return undefined;
-        };
-        SkyTextEditorAdapterService.prototype.editorSelected = function (id) {
-            var documentEl = this.getIframeDocumentEl(id);
-            return this.selectionService.isElementSelected(documentEl, documentEl.body);
-        };
-        /* istanbul ignore next */
-        SkyTextEditorAdapterService.prototype.insertHtmlInIE11 = function (id, html) {
-            var documentEl = this.getIframeDocumentEl(id);
-            var windowEl = this.getContentWindowEl(id);
-            var sel = windowEl.getSelection();
-            if (sel.getRangeAt && sel.rangeCount) {
-                var range = sel.getRangeAt(0);
-                range.deleteContents();
-                var el = documentEl.createElement('div');
-                el.innerHTML = html;
-                var frag = documentEl.createDocumentFragment();
-                var node = void 0, lastNode = void 0;
-                while (el.firstChild) {
-                    node = el.firstChild;
-                    lastNode = frag.appendChild(node);
-                }
-                range.insertNode(frag);
-                // Preserve the selection
-                if (lastNode) {
-                    range = range.cloneRange();
-                    range.setStartAfter(lastNode);
-                    range.collapse(true);
-                    sel.removeAllRanges();
-                    sel.addRange(range);
-                }
-            }
-        };
-        SkyTextEditorAdapterService.prototype.cleanUpBlankStyleTags = function (doc) {
-            var e_2, _a, e_3, _b;
-            var orphanElements = Array.from(doc.querySelectorAll('font,span,*[style=""]'));
-            try {
-                for (var orphanElements_1 = __values(orphanElements), orphanElements_1_1 = orphanElements_1.next(); !orphanElements_1_1.done; orphanElements_1_1 = orphanElements_1.next()) {
-                    var element = orphanElements_1_1.value;
-                    if (!element.getAttribute('style')) {
-                        element.removeAttribute('style');
-                    }
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (orphanElements_1_1 && !orphanElements_1_1.done && (_a = orphanElements_1.return)) _a.call(orphanElements_1);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            var removableElements = orphanElements.filter(function (element) {
-                var tagName = element.tagName.toUpperCase();
-                return ((tagName === 'FONT' || tagName === 'SPAN') &&
-                    (element.attributes.length === 0 || !element.hasChildNodes));
-            });
-            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 = element.parentNode;
-                    /* istanbul ignore else */
-                    if (parent) {
-                        while (element.firstChild) {
-                            parent.insertBefore(element.firstChild, element);
-                        }
-                        parent.removeChild(element);
-                    }
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (removableElements_1_1 && !removableElements_1_1.done && (_b = removableElements_1.return)) _b.call(removableElements_1);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
-        };
-        // Certain values are encoded in html and need to be decoded
-        SkyTextEditorAdapterService.prototype.replaceHtmlCodes = function (str) {
-            return str
-                .replace(/&nbsp;/, String.fromCharCode(160))
-                .replace(/&lt;/g, '<')
-                .replace(/&gt;/g, '>')
-                .replace(/&amp;/g, '&');
-        };
-        SkyTextEditorAdapterService.prototype.setEditorDisabled = function (id, focusableChildren, textEditorNativeElement, disabled) {
-            textEditorNativeElement.style.pointerEvents = disabled ? 'none' : 'auto';
-            textEditorNativeElement.setAttribute('aria-disabled', disabled ? 'true' : 'false');
-            /* 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');
-        };
-        return SkyTextEditorAdapterService;
-    }());
-    SkyTextEditorAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyTextEditorAdapterService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorAdapterService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyTextEditorSelectionService }, { type: SkyTextEditorService }, { type: i3__namespace.SkyAppWindowRef }]; } });
-
-    /**
-     * @internal
-     */
-    var SkyTextEditorMenubarComponent = /** @class */ (function () {
-        function SkyTextEditorMenubarComponent(adapterService, changeDetector, resources) {
-            this.adapterService = adapterService;
-            this.changeDetector = changeDetector;
-            this.resources = resources;
-            this.editorFocusStream = new rxjs.Subject();
-            this.menus = [];
-            this.mergeFields = [];
-            this._disabled = false;
-            this.editDropdownStream = new rxjs.Subject();
-            this.formatDropdownStream = new rxjs.Subject();
-            this.mergeFieldDropdownStream = new rxjs.Subject();
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyTextEditorMenubarComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            set: function (value) {
-                var coercedValue = SkyFormsUtility.coerceBooleanProperty(value);
-                if (coercedValue !== this.disabled) {
-                    this._disabled = coercedValue;
-                    this.changeDetector.markForCheck();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTextEditorMenubarComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.editorFocusStream.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
-                _this.closeDropdowns();
-            });
-            rxjs.forkJoin([
-                // Format menu strings.
-                this.resources.getString('skyux_text_editor_format_menu_action_bold_label'),
-                this.resources.getString('skyux_text_editor_format_menu_action_bold_key_shortcut'),
-                this.resources.getString('skyux_text_editor_format_menu_action_italic_label'),
-                this.resources.getString('skyux_text_editor_format_menu_action_italic_key_shortcut'),
-                this.resources.getString('skyux_text_editor_format_menu_action_underline_label'),
-                this.resources.getString('skyux_text_editor_format_menu_action_underline_key_shortcut'),
-                this.resources.getString('skyux_text_editor_format_menu_action_strikethrough_label'),
-                this.resources.getString('skyux_text_editor_format_menu_action_clear_formatting_label'),
-                // Edit menu string - start at index 8.
-                this.resources.getString('skyux_text_editor_edit_menu_action_undo_label'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_undo_key_shortcut'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_redo_label'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_redo_key_shortcut'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_cut_label'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_cut_key_shortcut'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_copy_label'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_copy_key_shortcut'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_paste_label'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_paste_key_shortcut'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_select_all_label'),
-                this.resources.getString('skyux_text_editor_edit_menu_action_select_all_key_shortcut'),
-            ])
-                .pipe(operators.take(1))
-                .subscribe(function (resources) {
-                _this.formatItems = [
-                    {
-                        function: function () { return _this.execCommand('bold'); },
-                        label: resources[0],
-                        keyShortcut: resources[1],
-                    },
-                    {
-                        function: function () { return _this.execCommand('italic'); },
-                        label: resources[2],
-                        keyShortcut: resources[3],
-                    },
-                    {
-                        function: function () { return _this.execCommand('underline'); },
-                        label: resources[4],
-                        keyShortcut: resources[5],
-                    },
-                    {
-                        function: function () { return _this.execCommand('strikethrough'); },
-                        label: resources[6],
-                    },
-                    {
-                        isDivider: true,
-                    },
-                    {
-                        function: function () { return _this.clearFormat(); },
-                        label: resources[7],
-                    },
-                ];
-                _this.editItems = [
-                    {
-                        function: function () { return _this.execCommand('undo'); },
-                        label: resources[8],
-                        keyShortcut: resources[9],
-                    },
-                    {
-                        function: function () { return _this.execCommand('redo'); },
-                        label: resources[10],
-                        keyShortcut: resources[11],
-                    },
-                    {
-                        isDivider: true,
-                    },
-                    {
-                        function: function () { return _this.execCommand('cut'); },
-                        label: resources[12],
-                        keyShortcut: resources[13],
-                    },
-                    {
-                        function: function () { return _this.execCommand('copy'); },
-                        label: resources[14],
-                        keyShortcut: resources[15],
-                    },
-                    {
-                        function: function () { return _this.execCommand('paste'); },
-                        label: resources[16],
-                        keyShortcut: resources[17],
-                    },
-                    {
-                        isDivider: true,
-                    },
-                    {
-                        function: function () { return _this.execCommand('selectAll'); },
-                        label: resources[18],
-                        keyShortcut: resources[19],
-                    },
-                ];
-            });
-        };
-        SkyTextEditorMenubarComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyTextEditorMenubarComponent.prototype.execCommand = function (command, value) {
-            if (value === void 0) { value = ''; }
-            this.adapterService.execCommand(this.editorId, {
-                command: command,
-                value: value,
-            });
-        };
-        SkyTextEditorMenubarComponent.prototype.insertMergeField = function (field) {
-            this.execCommand('insertHTML', '<img style="display: inline; cursor: grab;" data-fieldid="' +
-                field.id +
-                '" data-fielddisplay="' +
-                field.name +
-                '" src="' +
-                (field.previewImageUrl ||
-                    this.adapterService.getMergeFieldDataURI(field.name)) +
-                '">');
-        };
-        SkyTextEditorMenubarComponent.prototype.closeDropdowns = function () {
-            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);
-            /* istanbul ignore else */
-            if (currentSelection.rangeCount > 0 &&
-                currentSelection.getRangeAt(0).toString().length <= 0) {
-                this.execCommand('selectAll');
-            }
-            this.execCommand('removeFormat');
-        };
-        return SkyTextEditorMenubarComponent;
-    }());
-    SkyTextEditorMenubarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", type: SkyTextEditorMenubarComponent, selector: "sky-text-editor-menubar", inputs: { editorFocusStream: "editorFocusStream", editorId: "editorId", menus: "menus", mergeFields: "mergeFields", disabled: "disabled" }, ngImport: i0__namespace, template: "<sky-toolbar-item\n  *ngFor=\"let menu of menus\"\n  class=\"sky-text-editor-menu\"\n  [ngClass]=\"'sky-text-editor-menu-' + menu\"\n>\n  <ng-container [ngSwitch]=\"menu\">\n    <ng-container *ngSwitchCase=\"'edit'\">\n      <sky-dropdown\n        label=\"Edit menu\"\n        [disabled]=\"disabled\"\n        [messageStream]=\"editDropdownStream\"\n      >\n        <sky-dropdown-button>\n          {{\n            'skyux_text_editor_menubar_dropdown_button_edit_label'\n              | skyLibResources\n          }}\n        </sky-dropdown-button>\n        <sky-dropdown-menu>\n          <sky-dropdown-item *ngFor=\"let editItem of editItems\">\n            <button\n              *ngIf=\"!editItem.isDivider\"\n              type=\"button\"\n              (click)=\"editItem.function()\"\n            >\n              {{ editItem.label }}\n              <div\n                *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\n              *ngIf=\"editItem.isDivider\"\n              class=\"sky-text-editor-dropdown-item-divider\"\n              role=\"divider\"\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          {{\n            'skyux_text_editor_menubar_dropdown_button_format_label'\n              | skyLibResources\n          }}\n        </sky-dropdown-button>\n        <sky-dropdown-menu>\n          <sky-dropdown-item *ngFor=\"let formatItem of formatItems\">\n            <button\n              *ngIf=\"!formatItem.isDivider\"\n              type=\"button\"\n              (click)=\"formatItem.function()\"\n            >\n              {{ formatItem.label }}\n              <div\n                *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\n              *ngIf=\"formatItem.isDivider\"\n              class=\"sky-text-editor-dropdown-item-divider\"\n              role=\"divider\"\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\n        *ngIf=\"mergeFields && mergeFields.length > 0\"\n        label=\"Insert merge field\"\n        [disabled]=\"disabled\"\n        [messageStream]=\"mergeFieldDropdownStream\"\n      >\n        <sky-dropdown-button>\n          {{\n            'skyux_text_editor_menubar_dropdown_button_insert_label'\n              | skyLibResources\n          }}\n        </sky-dropdown-button>\n        <sky-dropdown-menu>\n          <sky-dropdown-item *ngFor=\"let mergeField of mergeFields\">\n            <button type=\"button\" (click)=\"insertMergeField(mergeField)\">\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: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5__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.16", ngImport: i0__namespace, type: SkyTextEditorMenubarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-text-editor-menubar',
-                        template: "<sky-toolbar-item\n  *ngFor=\"let menu of menus\"\n  class=\"sky-text-editor-menu\"\n  [ngClass]=\"'sky-text-editor-menu-' + menu\"\n>\n  <ng-container [ngSwitch]=\"menu\">\n    <ng-container *ngSwitchCase=\"'edit'\">\n      <sky-dropdown\n        label=\"Edit menu\"\n        [disabled]=\"disabled\"\n        [messageStream]=\"editDropdownStream\"\n      >\n        <sky-dropdown-button>\n          {{\n            'skyux_text_editor_menubar_dropdown_button_edit_label'\n              | skyLibResources\n          }}\n        </sky-dropdown-button>\n        <sky-dropdown-menu>\n          <sky-dropdown-item *ngFor=\"let editItem of editItems\">\n            <button\n              *ngIf=\"!editItem.isDivider\"\n              type=\"button\"\n              (click)=\"editItem.function()\"\n            >\n              {{ editItem.label }}\n              <div\n                *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\n              *ngIf=\"editItem.isDivider\"\n              class=\"sky-text-editor-dropdown-item-divider\"\n              role=\"divider\"\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          {{\n            'skyux_text_editor_menubar_dropdown_button_format_label'\n              | skyLibResources\n          }}\n        </sky-dropdown-button>\n        <sky-dropdown-menu>\n          <sky-dropdown-item *ngFor=\"let formatItem of formatItems\">\n            <button\n              *ngIf=\"!formatItem.isDivider\"\n              type=\"button\"\n              (click)=\"formatItem.function()\"\n            >\n              {{ formatItem.label }}\n              <div\n                *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\n              *ngIf=\"formatItem.isDivider\"\n              class=\"sky-text-editor-dropdown-item-divider\"\n              role=\"divider\"\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\n        *ngIf=\"mergeFields && mergeFields.length > 0\"\n        label=\"Insert merge field\"\n        [disabled]=\"disabled\"\n        [messageStream]=\"mergeFieldDropdownStream\"\n      >\n        <sky-dropdown-button>\n          {{\n            'skyux_text_editor_menubar_dropdown_button_insert_label'\n              | skyLibResources\n          }}\n        </sky-dropdown-button>\n        <sky-dropdown-menu>\n          <sky-dropdown-item *ngFor=\"let mergeField of mergeFields\">\n            <button type=\"button\" (click)=\"insertMergeField(mergeField)\">\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"],
-                        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
-     */
-    var FONT_SIZE_LIST_DEFAULTS = [
-        6, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 36, 48,
-    ];
-
-    /**
-     * @internal
-     */
-    var MENU_DEFAULTS = ['edit', 'format'];
-
-    /**
-     * @internal
-     */
-    var TOOLBAR_ACTION_DEFAULTS = [
-        'font-family',
-        'font-size',
-        'font-style',
-        'color',
-        'list',
-        'link',
-    ];
-
-    /**
-     * @internal
-     */
-    var SkyUrlModalContext = /** @class */ (function () {
-        function SkyUrlModalContext() {
-        }
-        return SkyUrlModalContext;
-    }());
-
-    var emailKey = 'mailto:';
-    var queryStringParamKey = '?Subject=';
-    /**
-     * @internal
-     */
-    var SkyTextEditorUrlModalComponent = /** @class */ (function () {
-        function SkyTextEditorUrlModalComponent(modalInstance, modalContext) {
-            this.modalInstance = modalInstance;
-            this.emailAddressValid = false;
-            this.subject = '';
-            this.target = 0;
-            this.valid = false;
-            this._activeTab = 0;
-            this._emailAddress = '';
-            this._url = 'https://';
-            if (modalContext.urlResult) {
-                if (modalContext.urlResult.url.startsWith(emailKey)) {
-                    this.emailAddress = modalContext.urlResult.url.replace(emailKey, '');
-                    var queryStringIndex = this.emailAddress.indexOf(queryStringParamKey);
-                    queryStringIndex =
-                        queryStringIndex > -1
-                            ? queryStringIndex
-                            : this.emailAddress.indexOf(queryStringParamKey.toLowerCase());
-                    /* istanbul ignore else */
-                    if (queryStringIndex > -1) {
-                        this.subject = decodeURI(this.emailAddress).slice(queryStringIndex + queryStringParamKey.length);
-                        this.emailAddress = this.emailAddress.slice(0, queryStringIndex);
-                    }
-                    // Set active tab to email
-                    this.activeTab = 1;
-                }
-                else {
-                    (this.url = modalContext.urlResult.url),
-                        (this.target = modalContext.urlResult.target);
-                    // set active tab to web page
-                    this.activeTab = 0;
-                }
-            }
-        }
-        Object.defineProperty(SkyTextEditorUrlModalComponent.prototype, "activeTab", {
-            get: function () {
-                return this._activeTab;
-            },
-            set: function (value) {
-                this._activeTab = value;
-                this.valid = this.isValid();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTextEditorUrlModalComponent.prototype, "emailAddress", {
-            get: function () {
-                return this._emailAddress;
-            },
-            set: function (value) {
-                this._emailAddress = value;
-                this.valid = this.isValid();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTextEditorUrlModalComponent.prototype, "url", {
-            get: function () {
-                return this._url;
-            },
-            set: function (value) {
-                this._url = value;
-                this.valid = this.isValid();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTextEditorUrlModalComponent.prototype.activeTabChanged = function (value) {
-            this.activeTab = value;
-        };
-        SkyTextEditorUrlModalComponent.prototype.save = function () {
-            /* istanbul ignore else */
-            if (this.isValid()) {
-                if (this.activeTab === 0) {
-                    this.modalInstance.save({
-                        url: this.url,
-                        target: this.target
-                            ? parseInt(this.target, undefined)
-                            : UrlTarget.None,
-                    });
-                }
-                else {
-                    this.modalInstance.save({
-                        url: this.getEmailUrl(),
-                        target: UrlTarget.None,
-                    });
-                }
-            }
-        };
-        SkyTextEditorUrlModalComponent.prototype.cancel = function () {
-            this.modalInstance.cancel();
-        };
-        SkyTextEditorUrlModalComponent.prototype.getEmailUrl = function () {
-            return (emailKey +
-                this.emailAddress +
-                (this.subject ? '?Subject=' + encodeURI(this.subject) : ''));
-        };
-        SkyTextEditorUrlModalComponent.prototype.isValid = function () {
-            if (this.activeTab === 0) {
-                return !!this.url && validation.SkyValidation.isUrl(this.url);
-            }
-            return !!this.emailAddress && validation.SkyValidation.isEmail(this.emailAddress);
-        };
-        return SkyTextEditorUrlModalComponent;
-    }());
-    SkyTextEditorUrlModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", type: SkyTextEditorUrlModalComponent, selector: "sky-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 tabHeading=\"Web page\">\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 class=\"sky-control-label\" [for]=\"targetInput.id\">\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              {{\n                'skyux_text_editor_url_modal_current_option_label'\n                  | skyLibResources\n              }}\n            </option>\n            <option value=\"1\">\n              {{\n                'skyux_text_editor_url_modal_new_option_label' | skyLibResources\n              }}\n            </option>\n          </select>\n        </sky-input-box>\n      </sky-tab>\n      <sky-tab tabHeading=\"Email address\">\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 class=\"sky-control-label\" [for]=\"subjectInput.id\">\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 type=\"button\" class=\"sky-btn sky-btn-link\" (click)=\"cancel()\">\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$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i5__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "skyLibResources": i2__namespace.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorUrlModalComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-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 tabHeading=\"Web page\">\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 class=\"sky-control-label\" [for]=\"targetInput.id\">\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              {{\n                'skyux_text_editor_url_modal_current_option_label'\n                  | skyLibResources\n              }}\n            </option>\n            <option value=\"1\">\n              {{\n                'skyux_text_editor_url_modal_new_option_label' | skyLibResources\n              }}\n            </option>\n          </select>\n        </sky-input-box>\n      </sky-tab>\n      <sky-tab tabHeading=\"Email address\">\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 class=\"sky-control-label\" [for]=\"subjectInput.id\">\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 type=\"button\" class=\"sky-btn sky-btn-link\" (click)=\"cancel()\">\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"],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.SkyModalInstance }, { type: SkyUrlModalContext }]; } });
-
-    /**
-     * @internal
-     */
-    var SkyTextEditorToolbarComponent = /** @class */ (function () {
-        function SkyTextEditorToolbarComponent(adapterService, changeDetector, modalService) {
-            this.adapterService = adapterService;
-            this.changeDetector = changeDetector;
-            this.modalService = modalService;
-            this.editorFocusStream = new rxjs.Subject();
-            this.backColorpickerStream = new rxjs.Subject();
-            this.colorpickerStream = new rxjs.Subject();
-            this.fontPickerStream = new rxjs.Subject();
-            this.fontSizeStream = new rxjs.Subject();
-            this._disabled = false;
-            this._styleState = STYLE_STATE_DEFAULTS;
-        }
-        Object.defineProperty(SkyTextEditorToolbarComponent.prototype, "styleState", {
-            get: function () {
-                return this._styleState;
-            },
-            set: function (value) {
-                this._styleState = value;
-                if (value.font !== this.styleStateFontName) {
-                    if (value.font === '"Blackbaud Sans", Arial, sans-serif') {
-                        this.styleStateFontName = this.getFontName('Blackbaud Sans');
-                    }
-                    else {
-                        this.styleStateFontName = this.getFontName(value.font);
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTextEditorToolbarComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            set: function (value) {
-                var coercedValue = SkyFormsUtility.coerceBooleanProperty(value);
-                if (coercedValue !== this.disabled) {
-                    this._disabled = coercedValue;
-                    this.changeDetector.markForCheck();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTextEditorToolbarComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.editorFocusStream.subscribe(function () {
-                _this.styleState = Object.assign(Object.assign({}, _this._styleState), _this.adapterService.getStyleState(_this.editorId));
-                _this.closeDropdowns();
-                _this.changeDetector.detectChanges();
-            });
-        };
-        SkyTextEditorToolbarComponent.prototype.execCommand = function (command, value) {
-            if (value === void 0) { value = ''; }
-            this.adapterService.execCommand(this.editorId, {
-                command: command,
-                value: value,
-            });
-            this.styleState = Object.assign(Object.assign({}, this.styleState), this.adapterService.getStyleState(this.editorId));
-        };
-        SkyTextEditorToolbarComponent.prototype.toggleFontStyle = function (currentState, newState, command) {
-            if (currentState !== newState) {
-                this.execCommand(command);
-            }
-            // Force sky-checkbox to show changes on user's initial click.
-            this.changeDetector.detectChanges();
-        };
-        SkyTextEditorToolbarComponent.prototype.link = function () {
-            var _this = this;
-            var priorSelection = this.adapterService.saveSelection(this.editorId);
-            var currentLink = this.adapterService.getLink(this.editorId);
-            var inputModal = this.modalService.open(SkyTextEditorUrlModalComponent, [
-                {
-                    provide: SkyUrlModalContext,
-                    useValue: { urlResult: currentLink },
-                },
-            ]);
-            inputModal.closed.subscribe(function (result) {
-                if (result.reason === 'save' && priorSelection) {
-                    if (currentLink) {
-                        var anchor = _this.adapterService.getSelectedAnchorTag(_this.editorId);
-                        _this.adapterService.selectElement(_this.editorId, anchor);
-                    }
-                    _this.execCommand('unlink');
-                    if (result.data.target === UrlTarget.None) {
-                        // Current window
-                        _this.execCommand('createLink', result.data.url);
-                    }
-                    else {
-                        // New Window
-                        var sText = _this.adapterService.getCurrentSelection(_this.editorId);
-                        _this.execCommand('insertHTML', '<a href="' +
-                            result.data.url +
-                            '" rel="noopener noreferrer" target="_blank">' +
-                            sText +
-                            '</a>');
-                    }
-                }
-            });
-        };
-        SkyTextEditorToolbarComponent.prototype.unlink = function () {
-            var currentSelectionRange = this.adapterService
-                .getCurrentSelection(this.editorId)
-                .getRangeAt(0);
-            if (currentSelectionRange.toString().length <= 0) {
-                var anchorTag = this.adapterService.getSelectedAnchorTag(this.editorId);
-                this.adapterService.selectElement(this.editorId, anchorTag);
-            }
-            this.execCommand('unlink');
-        };
-        SkyTextEditorToolbarComponent.prototype.changeFontSize = function (size) {
-            this.adapterService.setFontSize(this.editorId, size);
-            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: i6$1.SkyColorpickerMessageType.Close,
-            };
-            this.colorpickerStream.next(message);
-            this.backColorpickerStream.next(message);
-            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++) {
-                if (fontName.replace(/['"]+/g, '') === this.fontList[i].name) {
-                    return this.fontList[i].name;
-                }
-            }
-        };
-        return SkyTextEditorToolbarComponent;
-    }());
-    SkyTextEditorToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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: "<sky-toolbar-item\n  *ngFor=\"let action of toolbarActions\"\n  class=\"sky-text-editor-toolbar-action\"\n  [ngClass]=\"'sky-text-editor-toolbar-action-' + action\"\n>\n  <ng-container [ngSwitch]=\"action\">\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 type=\"button\" (click)=\"changeFontSize(size)\">\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 class=\"sky-switch-icon-group sky-text-editor-font-style-picker\">\n        <sky-checkbox\n          icon=\"bold\"\n          label=\"Bold\"\n          title=\"Bold\"\n          [disabled]=\"disabled\"\n          [ngModel]=\"styleState.boldState\"\n          (ngModelChange)=\"\n            toggleFontStyle(styleState.boldState, $event, 'bold')\n          \"\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)=\"\n            toggleFontStyle(styleState.italicState, $event, 'italic')\n          \"\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)=\"\n            toggleFontStyle(styleState.underlineState, $event, 'underline')\n          \"\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 class=\"sky-switch-icon-group\">\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'\" icon=\"list-ul\"> </sky-icon>\n          <sky-icon\n            *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'\" icon=\"list-ol\"> </sky-icon>\n          <sky-icon\n            *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 class=\"sky-switch-icon-group\">\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'\" icon=\"align-left\"> </sky-icon>\n          <sky-icon\n            *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'\" icon=\"align-center\"> </sky-icon>\n          <sky-icon\n            *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'\" icon=\"align-right\"> </sky-icon>\n          <sky-icon\n            *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 class=\"sky-switch-icon-group\">\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'\" icon=\"outdent\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"outdent-line\" iconType=\"skyux\">\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'\" icon=\"indent\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"indent-line\" iconType=\"skyux\">\n          </sky-icon>\n        </button>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'undo-redo'\">\n      <div class=\"sky-switch-icon-group\">\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'\" icon=\"undo\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"undo-line\" iconType=\"skyux\">\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'\" icon=\"repeat\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"redo-line\" iconType=\"skyux\">\n          </sky-icon>\n        </button>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'link'\">\n      <div class=\"sky-switch-icon-group\">\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'\" icon=\"link\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"link-line\" iconType=\"skyux\">\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'\" icon=\"unlink\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"unlink-line\" iconType=\"skyux\">\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: ["pickerButtonIcon", "pickerButtonIconType", "label", "labelledBy", "messageStream", "showResetButton"], outputs: ["selectedColorChanged", "selectedColorApplied"] }, { type: i7__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace$1.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.16", ngImport: i0__namespace, type: SkyTextEditorToolbarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-text-editor-toolbar',
-                        template: "<sky-toolbar-item\n  *ngFor=\"let action of toolbarActions\"\n  class=\"sky-text-editor-toolbar-action\"\n  [ngClass]=\"'sky-text-editor-toolbar-action-' + action\"\n>\n  <ng-container [ngSwitch]=\"action\">\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 type=\"button\" (click)=\"changeFontSize(size)\">\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 class=\"sky-switch-icon-group sky-text-editor-font-style-picker\">\n        <sky-checkbox\n          icon=\"bold\"\n          label=\"Bold\"\n          title=\"Bold\"\n          [disabled]=\"disabled\"\n          [ngModel]=\"styleState.boldState\"\n          (ngModelChange)=\"\n            toggleFontStyle(styleState.boldState, $event, 'bold')\n          \"\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)=\"\n            toggleFontStyle(styleState.italicState, $event, 'italic')\n          \"\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)=\"\n            toggleFontStyle(styleState.underlineState, $event, 'underline')\n          \"\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 class=\"sky-switch-icon-group\">\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'\" icon=\"list-ul\"> </sky-icon>\n          <sky-icon\n            *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'\" icon=\"list-ol\"> </sky-icon>\n          <sky-icon\n            *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 class=\"sky-switch-icon-group\">\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'\" icon=\"align-left\"> </sky-icon>\n          <sky-icon\n            *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'\" icon=\"align-center\"> </sky-icon>\n          <sky-icon\n            *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'\" icon=\"align-right\"> </sky-icon>\n          <sky-icon\n            *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 class=\"sky-switch-icon-group\">\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'\" icon=\"outdent\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"outdent-line\" iconType=\"skyux\">\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'\" icon=\"indent\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"indent-line\" iconType=\"skyux\">\n          </sky-icon>\n        </button>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'undo-redo'\">\n      <div class=\"sky-switch-icon-group\">\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'\" icon=\"undo\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"undo-line\" iconType=\"skyux\">\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'\" icon=\"repeat\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"redo-line\" iconType=\"skyux\">\n          </sky-icon>\n        </button>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'link'\">\n      <div class=\"sky-switch-icon-group\">\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'\" icon=\"link\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"link-line\" iconType=\"skyux\">\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'\" icon=\"unlink\"> </sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\" icon=\"unlink-line\" iconType=\"skyux\">\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"],
-                        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
-                }] } });
-
-    /**
-     * Auto-incrementing integer used to generate unique ids for radio components.
-     */
-    var nextUniqueId = 0;
-    /**
-     * The text editor component lets users format and manipulate text.
-     */
-    var SkyTextEditorComponent = /** @class */ (function () {
-        function SkyTextEditorComponent(changeDetector, coreAdapterService, adapterService, editorService, sanitizationService, ngControl, zone) {
-            this.changeDetector = changeDetector;
-            this.coreAdapterService = coreAdapterService;
-            this.adapterService = adapterService;
-            this.editorService = editorService;
-            this.sanitizationService = sanitizationService;
-            this.ngControl = ngControl;
-            this.zone = zone;
-            /**
-             * Indicates whether to put focus on the editor after it renders.
-             */
-            this.autofocus = false;
-            this.editorFocusStream = new rxjs.Subject();
-            /**
-             * Specifies the fonts to include in the font picker.
-             * @default [{name: 'Blackbaud Sans', value: '"Blackbaud Sans", Arial, sans-serif'}, {name: 'Arial', value: 'Arial'}, {name: 'Arial Black', value: '"Arial Black"'}, {name: 'Courier New', value: '"Courier New"'}, {name: 'Georgia', value: 'Georgia, serif'}, {name: 'Tahoma', value: 'Tahoma, Geneva, sans-serif'}, {name: 'Times New Roman', value: '"Times New Roman"'}, {name: 'Trebuchet MS', value: '"Trebuchet MS", sans-serif'}, {name: 'Verdana', value: 'Verdana, Geneva, sans-serif'}]
-             */
-            this.fontList = FONT_LIST_DEFAULTS;
-            /**
-             * Specifies the font sizes to include in the font size picker.
-             * @default [6, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 36, 48]
-             */
-            this.fontSizeList = FONT_SIZE_LIST_DEFAULTS;
-            /**
-             * Specifies a unique ID attribute for the text editor.
-             * By default, the component generates a random ID.
-             */
-            this.id = "sky-text-editor-" + ++nextUniqueId;
-            /**
-             * Specifies the menus to include in the menu bar.
-             * @default [ 'edit', 'format' ]
-             */
-            this.menus = MENU_DEFAULTS;
-            /**
-             * Specifies the merge fields to include in the merge field menu.
-             */
-            this.mergeFields = [];
-            /**
-             * Specifies the actions to include in the toolbar and determines their order.
-             * @default [ 'font-family', 'font-size', 'font-style', 'color', 'list', 'link ]
-             */
-            this.toolbarActions = TOOLBAR_ACTION_DEFAULTS;
-            this.focusInitialized = false;
-            this.initialized = false;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this._disabled = false;
-            this._initialStyleState = Object.assign({}, STYLE_STATE_DEFAULTS);
-            this._placeholder = '';
-            this._value = '<p></p>';
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this._onTouched = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this._onChange = function () { };
-            this.ngControl.valueAccessor = this;
-        }
-        Object.defineProperty(SkyTextEditorComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            /**
-             * Indicates whether to disable the text editor.
-             * @default false
-             */
-            set: function (value) {
-                var coercedValue = SkyFormsUtility.coerceBooleanProperty(value);
-                if (coercedValue !== this.disabled) {
-                    this._disabled = coercedValue;
-                    // Update focusableChildren inside the iframe.
-                    var focusableChildren = void 0;
-                    /* istanbul ignore else */
-                    if (this.iframeRef) {
-                        focusableChildren = this.coreAdapterService.getFocusableChildren(this.iframeRef.nativeElement.contentDocument.body, {
-                            ignoreVisibility: true,
-                            ignoreTabIndex: true,
-                        });
-                    }
-                    if (this._disabled) {
-                        this.adapterService.disableEditor(this.id, focusableChildren, this.iframeRef.nativeElement);
-                    }
-                    else {
-                        this.adapterService.enableEditor(this.id, focusableChildren, this.iframeRef.nativeElement);
-                    }
-                    this.changeDetector.markForCheck();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTextEditorComponent.prototype, "initialStyleState", {
-            get: function () {
-                return this._initialStyleState;
-            },
-            /**
-             * Specifies the initial styles for all content, including background color, font size, and link state.
-             */
-            set: function (state) {
-                // Do not update the state after initialization has taken place
-                /* istanbul ignore else */
-                if (!this.initialized) {
-                    this._initialStyleState = Object.assign(Object.assign({}, STYLE_STATE_DEFAULTS), state);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTextEditorComponent.prototype, "placeholder", {
-            get: function () {
-                return this._placeholder;
-            },
-            /**
-             * Specifies placeholder text to display when the text entry area is empty.
-             */
-            set: function (value) {
-                /* istanbul ignore else */
-                if (value !== this._placeholder) {
-                    this._placeholder = value;
-                    if (this.initialized) {
-                        this.adapterService.setPlaceholder(this.id, value);
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTextEditorComponent.prototype, "value", {
-            get: function () {
-                return this._value;
-            },
-            /**
-             * The internal value of the control.
-             */
-            set: function (value) {
-                // Normalize value and set any empty state to an empty string.
-                var normalizedValue = value;
-                if (!value ||
-                    value.trim() === '<p></p>' ||
-                    value.trim() === '<br>' ||
-                    value.trim() === '<p><br></p>') {
-                    normalizedValue = '';
-                }
-                normalizedValue = this.sanitizationService.sanitize(normalizedValue).trim();
-                if (this._value !== normalizedValue) {
-                    this._value = normalizedValue;
-                    // Update angular form control if model has been normalized.
-                    /* istanbul ignore else */
-                    if (this.ngControl && this.ngControl.control) {
-                        /* istanbul ignore else */
-                        if (normalizedValue !== this.ngControl.control.value) {
-                            this.ngControl.control.setValue(normalizedValue, {
-                                emitModelToViewChange: false,
-                            });
-                        }
-                    }
-                    // Autofocus isn't testable in Firefox and IE.
-                    /* istanbul ignore next */
-                    if (this.autofocus && !this.focusInitialized) {
-                        this.adapterService.focusEditor(this.id);
-                        this.focusInitialized = true;
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTextEditorComponent.prototype.ngAfterViewInit = function () {
-            this.initIframe();
-        };
-        SkyTextEditorComponent.prototype.ngOnDestroy = function () {
-            this.adapterService.removeObservers(this.editorService.editors[this.id]);
-            this.editorService.removeEditor(this.id);
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyTextEditorComponent.prototype.onIframeLoad = function () {
-            // Remove editor if it already exists to cover situations where the text editor might have been moved in the DOM.
-            /* istanbul ignore else */
-            if (this.editorService.editors[this.id]) {
-                this.editorService.removeEditor(this.id);
-                this.initIframe();
-            }
-        };
-        /**
-         * Implemented as part of ControlValueAccessor.
-         */
-        SkyTextEditorComponent.prototype.writeValue = function (value) {
-            this.value = value;
-            // Update HTML if necessary.
-            var editorValue = this.adapterService.getEditorInnerHtml(this.id);
-            if (this.initialized && editorValue !== this._value) {
-                this.adapterService.setEditorInnerHtml(this.id, this._value);
-            }
-        };
-        /**
-         * Implemented as part of ControlValueAccessor.
-         */
-        SkyTextEditorComponent.prototype.registerOnChange = function (fn) {
-            this._onChange = fn;
-        };
-        /**
-         * Implemented as part of ControlValueAccessor.
-         */
-        SkyTextEditorComponent.prototype.registerOnTouched = function (fn) {
-            this._onTouched = fn;
-        };
-        /**
-         * Implemented as part of ControlValueAccessor.
-         */
-        SkyTextEditorComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        SkyTextEditorComponent.prototype.updateStyle = function () {
-            this._initialStyleState = Object.assign(Object.assign({}, this._initialStyleState), this.adapterService.getStyleState(this.id));
-        };
-        SkyTextEditorComponent.prototype.initIframe = function () {
-            var _this = this;
-            this.adapterService.addEditor(this.id, this.iframeRef.nativeElement, this.initialStyleState, this.placeholder);
-            this.editorService
-                .inputListener(this.id)
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                // Angular doesn't run change detection for changes originating inside an iframe,
-                // so we have to call the onChange() event inside NgZone to force change propigation to consuming components.
-                _this.zone.run(function () {
-                    _this.ViewToModelUpdate();
-                });
-            });
-            this.editorService
-                .selectionChangeListener(this.id)
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.updateStyle();
-                _this.editorFocusStream.next();
-            });
-            this.editorService
-                .clickListener(this.id)
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.editorFocusStream.next();
-            });
-            this.editorService
-                .blurListener(this.id)
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                // Angular doesn't run change detection for changes originating inside an iframe,
-                // so we have to run markForCheck() inside the NgZone to force change propigation to consuming components.
-                _this.zone.run(function () {
-                    _this._onTouched();
-                });
-            });
-            this.editorService
-                .commandChangeListener(this.id)
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.updateStyle();
-                _this.ViewToModelUpdate();
-            });
-            this.adapterService.setEditorInnerHtml(this.id, this._value);
-            /* istanbul ignore next */
-            if (this.autofocus) {
-                this.adapterService.focusEditor(this.id);
-            }
-            this.initialized = true;
-        };
-        SkyTextEditorComponent.prototype.ViewToModelUpdate = function (emitChange) {
-            if (emitChange === void 0) { emitChange = true; }
-            this.value = this.adapterService.getEditorInnerHtml(this.id);
-            /* istanbul ignore else */
-            if (emitChange) {
-                this._onChange(this._value);
-            }
-        };
-        return SkyTextEditorComponent;
-    }());
-    SkyTextEditorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace.SkyCoreAdapterService }, { token: SkyTextEditorAdapterService }, { token: SkyTextEditorService }, { token: SkyTextSanitizationService }, { token: i5__namespace$1.NgControl }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTextEditorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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" }, viewQueries: [{ propertyName: "iframeRef", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"sky-text-editor\">\n  <sky-toolbar class=\"sky-text-editor-toolbar\">\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    (load)=\"onIframeLoad()\"\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: i5__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.16", ngImport: i0__namespace, type: SkyTextEditorComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-text-editor',
-                        template: "<div class=\"sky-text-editor\">\n  <sky-toolbar class=\"sky-text-editor-toolbar\">\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    (load)=\"onIframeLoad()\"\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"],
-                        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 }, { type: i5__namespace$1.NgControl }, { type: i0__namespace.NgZone }]; }, 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() {
-        }
-        return SkyTextEditorModule;
-    }());
-    SkyTextEditorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTextEditorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextEditorModule, declarations: [SkyTextEditorComponent,
-            SkyTextEditorUrlModalComponent,
-            SkyTextEditorToolbarComponent,
-            SkyTextEditorMenubarComponent], imports: [i5.CommonModule,
-            i5$1.FormsModule,
-            i5$1.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.16", ngImport: i0__namespace, type: SkyTextEditorModule, imports: [[
-                i5.CommonModule,
-                i5$1.FormsModule,
-                i5$1.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.16", ngImport: i0__namespace, type: SkyTextEditorModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i5.CommonModule,
-                            i5$1.FormsModule,
-                            i5$1.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["λ1"] = SkyRichTextDisplayComponent;
-    exports["λ2"] = SkyTextEditorMenubarComponent;
-    exports["λ3"] = SkyTextEditorUrlModalComponent;
-    exports["λ4"] = SkyTextEditorToolbarComponent;
-    exports["λ5"] = SkyTextEditorComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-text-editor.umd.js.map