@skyux/docs-tools 5.0.0-beta.7 → 6.0.0-beta.0

package/bundles/skyux-docs-tools.umd.js

@@ -1,3686 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@blackbaud/skyux-lib-media'), require('@skyux/layout'), require('@blackbaud/skyux-lib-code-block'), require('@skyux/indicators'), require('@skyux/lists'), require('@skyux/tabs'), require('@skyux/i18n'), require('rxjs'), require('rxjs/operators'), require('@skyux/theme'), require('@stackblitz/sdk'), require('@angular/forms'), require('@skyux/forms'), require('@blackbaud/skyux-lib-stache'), require('@angular/router'), require('marked'), require('@blackbaud/skyux-lib-clipboard'), require('@skyux/popovers'), require('@angular/platform-browser'), require('@skyux/core'), require('@skyux/config'), require('@angular/common/http'), require('lodash.orderby'), require('@skyux/http')) :
-    typeof define === 'function' && define.amd ? define('@skyux/docs-tools', ['exports', '@angular/common', '@angular/core', '@blackbaud/skyux-lib-media', '@skyux/layout', '@blackbaud/skyux-lib-code-block', '@skyux/indicators', '@skyux/lists', '@skyux/tabs', '@skyux/i18n', 'rxjs', 'rxjs/operators', '@skyux/theme', '@stackblitz/sdk', '@angular/forms', '@skyux/forms', '@blackbaud/skyux-lib-stache', '@angular/router', 'marked', '@blackbaud/skyux-lib-clipboard', '@skyux/popovers', '@angular/platform-browser', '@skyux/core', '@skyux/config', '@angular/common/http', 'lodash.orderby', '@skyux/http'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["docs-tools"] = {}), global.ng.common, global.ng.core, global.i2$2, global.i2$1, global.i3$1, global.i1$1, global.i3, global.i4, global.i8, global.rxjs, global.rxjs.operators, global.i1, global.StackBlitzSDK, global.ng.forms, global.i1$2, global.i6$1, global.ng.router, global.marked, global.i6, global.i5, global.ng.platformBrowser, global.i2$4, global.i2$5, global.ng.common.http, global.orderBy, global.http));
-})(this, (function (exports, i2, i0, i2$2, i2$1, i3$1, i1$1, i3, i4, i8, rxjs, operators, i1, StackBlitzSDK, i2$3, i1$2, i6$1, i1$3, marked, i6, i5, i1$4, i2$4, i2$5, i1$5, orderBy, http) { '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 i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var StackBlitzSDK__default = /*#__PURE__*/_interopDefaultLegacy(StackBlitzSDK);
-    var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-    var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
-    var marked__default = /*#__PURE__*/_interopDefaultLegacy(marked);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
-    var i2__namespace$4 = /*#__PURE__*/_interopNamespace(i2$4);
-    var i2__namespace$5 = /*#__PURE__*/_interopNamespace(i2$5);
-    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
-    var orderBy__default = /*#__PURE__*/_interopDefaultLegacy(orderBy);
-
-    var SkyDocsAnatomyItemComponent = /** @class */ (function () {
-        function SkyDocsAnatomyItemComponent() {
-            this.isOptional = false;
-        }
-        return SkyDocsAnatomyItemComponent;
-    }());
-    SkyDocsAnatomyItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnatomyItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsAnatomyItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsAnatomyItemComponent, selector: "sky-docs-anatomy-item", inputs: { isOptional: "isOptional" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-docs-anatomy-item\"\n  [ngClass]=\"{\n    'sky-docs-anatomy-item-optional': isOptional\n  }\"\n>\n  <div class=\"sky-docs-anatomy-item-marker\">\n    {{ marker }}\n  </div>\n  <div class=\"sky-docs-anatomy-item-description\">\n    <ng-content></ng-content>\n    <span *ngIf=\"isOptional\"\n      class=\"sky-deemphasized\"\n    >&nbsp;(optional)</span>\n  </div>\n</div>", styles: [".sky-docs-anatomy-item-marker{display:flex;width:22px;height:22px;border-radius:50%;justify-content:center;align-items:center;margin-right:5px;color:#fff;background-color:#4d842d}.sky-docs-anatomy-item{margin-bottom:10px;display:flex;align-items:center}.sky-docs-anatomy-item.sky-docs-anatomy-item-optional .sky-docs-anatomy-item-marker{background-color:#b7da9b;color:#212327}\n"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnatomyItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-anatomy-item',
-                        template: "<div\n  class=\"sky-docs-anatomy-item\"\n  [ngClass]=\"{\n    'sky-docs-anatomy-item-optional': isOptional\n  }\"\n>\n  <div class=\"sky-docs-anatomy-item-marker\">\n    {{ marker }}\n  </div>\n  <div class=\"sky-docs-anatomy-item-description\">\n    <ng-content></ng-content>\n    <span *ngIf=\"isOptional\"\n      class=\"sky-deemphasized\"\n    >&nbsp;(optional)</span>\n  </div>\n</div>",
-                        styles: [".sky-docs-anatomy-item-marker{display:flex;width:22px;height:22px;border-radius:50%;justify-content:center;align-items:center;margin-right:5px;color:#fff;background-color:#4d842d}.sky-docs-anatomy-item{margin-bottom:10px;display:flex;align-items:center}.sky-docs-anatomy-item.sky-docs-anatomy-item-optional .sky-docs-anatomy-item-marker{background-color:#b7da9b;color:#212327}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { isOptional: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsAnatomyComponent = /** @class */ (function () {
-        function SkyDocsAnatomyComponent() {
-        }
-        SkyDocsAnatomyComponent.prototype.ngAfterContentInit = function () {
-            this.anatomyItems.forEach(function (item, i) {
-                item.marker = (i + 1).toString();
-            });
-        };
-        return SkyDocsAnatomyComponent;
-    }());
-    SkyDocsAnatomyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnatomyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsAnatomyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsAnatomyComponent, selector: "sky-docs-anatomy", inputs: { imagePath: "imagePath" }, queries: [{ propertyName: "anatomyItems", predicate: SkyDocsAnatomyItemComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-anatomy\">\n  <sky-row>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"5\"\n      screenLarge=\"4\"\n    >\n      <ng-content select=\"sky-docs-anatomy-item\"></ng-content>\n    </sky-column>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"7\"\n      screenLarge=\"8\"\n    >\n      <sky-image\n        [imageSource]=\"imagePath\"\n      ></sky-image>\n    </sky-column>\n  </sky-row>\n</div>", styles: [""], components: [{ type: i2__namespace$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2__namespace$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i2__namespace$2.λ4, selector: "sky-image", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "showCaptionPrefix"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnatomyComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-anatomy',
-                        template: "<div class=\"sky-docs-anatomy\">\n  <sky-row>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"5\"\n      screenLarge=\"4\"\n    >\n      <ng-content select=\"sky-docs-anatomy-item\"></ng-content>\n    </sky-column>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"7\"\n      screenLarge=\"8\"\n    >\n      <sky-image\n        [imageSource]=\"imagePath\"\n      ></sky-image>\n    </sky-column>\n  </sky-row>\n</div>",
-                        styles: [""],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { imagePath: [{
-                    type: i0.Input
-                }], anatomyItems: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDocsAnatomyItemComponent]
-                }] } });
-
-    var SkyDocsAnatomyModule = /** @class */ (function () {
-        function SkyDocsAnatomyModule() {
-        }
-        return SkyDocsAnatomyModule;
-    }());
-    SkyDocsAnatomyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnatomyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsAnatomyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnatomyModule, declarations: [SkyDocsAnatomyComponent,
-            SkyDocsAnatomyItemComponent], imports: [i2.CommonModule,
-            i2$1.SkyFluidGridModule,
-            i2$2.SkyImageModule], exports: [SkyDocsAnatomyComponent,
-            SkyDocsAnatomyItemComponent] });
-    SkyDocsAnatomyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnatomyModule, imports: [[
-                i2.CommonModule,
-                i2$1.SkyFluidGridModule,
-                i2$2.SkyImageModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnatomyModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i2$1.SkyFluidGridModule,
-                            i2$2.SkyImageModule
-                        ],
-                        declarations: [
-                            SkyDocsAnatomyComponent,
-                            SkyDocsAnatomyItemComponent
-                        ],
-                        exports: [
-                            SkyDocsAnatomyComponent,
-                            SkyDocsAnatomyItemComponent
-                        ]
-                    }]
-            }] });
-
-    /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-docs-tools' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var RESOURCES = {
-        'EN-US': { "sky-docs-demo-heading": { "message": "Demo" }, "sky-docs-demo-toggle-button-on": { "message": "Show options" }, "sky-docs-demo-toggle-button-off": { "message": "Hide options" }, "sky-docs-code-example-launch-button-label": { "message": "Run in StackBlitz" }, "sky-docs-demo-control-panel-reset-button-label": { "message": "Reset" } },
-    };
-    var SkyDocsToolsResourcesProvider = /** @class */ (function () {
-        function SkyDocsToolsResourcesProvider() {
-        }
-        SkyDocsToolsResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i8.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyDocsToolsResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyDocsToolsResourcesModule = /** @class */ (function () {
-        function SkyDocsToolsResourcesModule() {
-        }
-        return SkyDocsToolsResourcesModule;
-    }());
-    SkyDocsToolsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsToolsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, exports: [i8.SkyI18nModule] });
-    SkyDocsToolsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, providers: [{
-                provide: i8.SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyDocsToolsResourcesProvider,
-                multi: true
-            }], imports: [i8.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i8.SkyI18nModule],
-                        providers: [{
-                                provide: i8.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyDocsToolsResourcesProvider,
-                                multi: true
-                            }]
-                    }]
-            }] });
-
-    exports.SkyDocsCodeExampleTheme = void 0;
-    (function (SkyDocsCodeExampleTheme) {
-        SkyDocsCodeExampleTheme["Default"] = "default";
-        SkyDocsCodeExampleTheme["Modern"] = "modern";
-    })(exports.SkyDocsCodeExampleTheme || (exports.SkyDocsCodeExampleTheme = {}));
-
-    /**
-     * Renders a single code example.
-     * @example
-     * ```
-     * <sky-docs-code-example
-     *   heading="My code example"
-     *   sourceCodePath="src/app/public/plugin-resources/foobar"
-     * >
-     * </sky-docs-code-example>
-     * ```
-     */
-    var SkyDocsCodeExampleComponent = /** @class */ (function () {
-        function SkyDocsCodeExampleComponent(themeSvc) {
-            var _this = this;
-            this.ngUnsubscribe = new rxjs.Subject();
-            // Update theme property with SkyThemeService if it has not been set.
-            if (!this._theme && themeSvc) {
-                themeSvc.settingsChange
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (change) {
-                    if (change.currentSettings.theme.name === 'modern') {
-                        _this.theme = exports.SkyDocsCodeExampleTheme.Modern;
-                    }
-                    else if (change.currentSettings.theme.name === 'default') {
-                        _this.theme = exports.SkyDocsCodeExampleTheme.Default;
-                    }
-                });
-            }
-        }
-        Object.defineProperty(SkyDocsCodeExampleComponent.prototype, "theme", {
-            get: function () {
-                return this._theme || exports.SkyDocsCodeExampleTheme.Default;
-            },
-            /**
-             * Specifies if the editor service should show the example in modern theme.
-             * The value will be gleaned from `SkyThemeService` first, then fallback to 'default' if the service is not found.
-             */
-            set: function (value) {
-                this._theme = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsCodeExampleComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        return SkyDocsCodeExampleComponent;
-    }());
-    SkyDocsCodeExampleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExampleComponent, deps: [{ token: i1__namespace.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsCodeExampleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsCodeExampleComponent, selector: "sky-docs-code-example", inputs: { heading: "heading", sourceCodePath: "sourceCodePath", theme: "theme" }, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExampleComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-code-example',
-                        template: '',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace.SkyThemeService, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { heading: [{
-                    type: i0.Input
-                }], sourceCodePath: [{
-                    type: i0.Input
-                }], theme: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * @internal
-     */
-    var SkyDocsCodeExamplesEditorService = /** @class */ (function () {
-        function SkyDocsCodeExamplesEditorService() {
-        }
-        SkyDocsCodeExamplesEditorService.prototype.launchEditor = function (codeExample) {
-            var project = this.getPayload(codeExample);
-            var options = {};
-            StackBlitzSDK__default["default"].openProject(project, options);
-        };
-        SkyDocsCodeExamplesEditorService.prototype.getPayload = function (codeExample) {
-            var angularVersion = '^12.2.0';
-            var skyuxVersion = '^5.0.0-0';
-            var defaultDependencies = {
-                '@angular/animations': angularVersion,
-                '@angular/common': angularVersion,
-                '@angular/compiler': angularVersion,
-                '@angular/core': angularVersion,
-                '@angular/forms': angularVersion,
-                '@angular/platform-browser': angularVersion,
-                '@angular/platform-browser-dynamic': angularVersion,
-                '@angular/router': angularVersion,
-                '@skyux/animations': skyuxVersion,
-                '@skyux/assets': skyuxVersion,
-                '@skyux/config': skyuxVersion,
-                '@skyux/core': skyuxVersion,
-                '@skyux/errors': skyuxVersion,
-                '@skyux/forms': skyuxVersion,
-                '@skyux/http': skyuxVersion,
-                '@skyux/i18n': skyuxVersion,
-                '@skyux/indicators': skyuxVersion,
-                '@skyux/layout': skyuxVersion,
-                '@skyux/modals': skyuxVersion,
-                '@skyux/popovers': skyuxVersion,
-                '@skyux/router': skyuxVersion,
-                '@skyux/theme': skyuxVersion,
-                'rxjs': '^6.6.0',
-                'tslib': '^2.3.0',
-                'zone.js': '~0.11.4'
-            };
-            var mergedDependencies = Object.assign({}, defaultDependencies, codeExample.packageDependencies);
-            // Ensure any @skyux dependencies list the correct version of SKY UX.
-            // e.g. `"@skyux/core": "*"` --> `"@skyux/core": "5.0.0"`
-            for (var packageName in mergedDependencies) {
-                /*istanbul ignore else*/
-                if (mergedDependencies.hasOwnProperty(packageName)) {
-                    var version = mergedDependencies[packageName];
-                    if (version === '*' && /^(@blackbaud\/skyux-lib-|@skyux)/.test(packageName)) {
-                        mergedDependencies[packageName] = skyuxVersion;
-                    }
-                }
-            }
-            var files = this.parseStackBlitzFiles(codeExample.sourceCode, mergedDependencies, codeExample.theme);
-            return {
-                files: files,
-                title: 'SKY UX Demo',
-                description: 'SKY UX Demo',
-                template: 'angular-cli',
-                dependencies: mergedDependencies,
-                settings: {
-                    compile: {
-                        clearConsole: false
-                    }
-                }
-            };
-        };
-        SkyDocsCodeExamplesEditorService.prototype.parseStackBlitzFiles = function (sourceCode, dependencies, theme) {
-            var _this = this;
-            var srcPath = 'src/';
-            var appPath = srcPath + "app/";
-            var banner = "/**\n * This file is needed for the StackBlitz demo only.\n * It is automatically provided when using the Angular CLI.\n **/\n ";
-            var moduleImportStatements = [
-                "import {\n  Component,\n  NgModule\n} from '@angular/core';",
-                "import {\n  FormsModule,\n  ReactiveFormsModule\n} from '@angular/forms';",
-                "import {\n  platformBrowserDynamic\n} from '@angular/platform-browser-dynamic';",
-                "import {\n  BrowserModule\n} from '@angular/platform-browser';",
-                "import {\n  RouterModule\n} from '@angular/router';",
-                "import {\n  SkyAppLocaleProvider\n} from '@skyux/i18n';",
-                "import {\n  SkyThemeService\n} from '@skyux/theme';",
-                "import {\n  of as observableOf\n} from 'rxjs';",
-                "import {\n  AppComponent\n} from './app.component';"
-            ];
-            var moduleImports = [
-                'BrowserModule',
-                'FormsModule',
-                'ReactiveFormsModule',
-                'RouterModule.forRoot([])'
-            ];
-            var files = {};
-            var appComponentTemplate = '';
-            sourceCode.forEach(function (file) {
-                files["" + appPath + file.fileName] = file.rawContents;
-                // Setup module imports and component selectors.
-                if (file.fileName.indexOf('.module.ts') > -1) {
-                    var moduleName = _this.getModuleName(file.rawContents);
-                    var importPath = "./" + _this.getFilenameNoExtension(file.fileName);
-                    var exportedComponent = _this.getExportedComponent(file.rawContents);
-                    var componentSelector = _this.getComponentSelector(exportedComponent, sourceCode);
-                    appComponentTemplate += "<" + componentSelector + "></" + componentSelector + ">";
-                    moduleImports.push(moduleName);
-                    moduleImportStatements.push("import {\n  " + moduleName + "\n} from '" + importPath + "';");
-                }
-            });
-            files[appPath + "app.component.ts"] = banner + "\nimport {\n  Component,\n  Renderer2\n} from '@angular/core';\n\nimport {\n  SkyTheme,\n  SkyThemeMode,\n  SkyThemeService,\n  SkyThemeSettings\n} from '@skyux/theme';\n\n@Component({\n  selector: 'sky-demo-app',\n  template: '" + appComponentTemplate + "'\n})\nexport class AppComponent {\n\n  constructor(\n    themeSvc: SkyThemeService,\n    renderer?: Renderer2\n  ) {\n      const themeSettings = new SkyThemeSettings(\n        SkyTheme.presets['" + (theme === exports.SkyDocsCodeExampleTheme.Modern ? 'modern' : 'default') + "'],\n        SkyThemeMode.presets.light\n      );\n\n      themeSvc.init(\n        document.body,\n        renderer,\n        themeSettings\n      );\n  }\n\n}";
-            files[appPath + "app.module.ts"] = moduleImportStatements.join('\n\n') + "\n\n@NgModule({\n  imports: [\n    " + moduleImports.join(',\n    ') + "\n  ],\n  declarations: [\n    AppComponent\n  ],\n  bootstrap: [\n    AppComponent\n  ],\n  providers: [\n    SkyThemeService,\n    {\n      provide: SkyAppLocaleProvider,\n      useValue: {\n        getLocaleInfo: () => observableOf({\n          locale: 'en-US'\n        })\n      }\n    }\n  ]\n})\nexport class AppModule { }\n";
-            files[srcPath + "index.html"] = "<!--\n  The CSS links are needed for the StackBlitz demo only.\n  This is a workaround for a known bug that prevents external imports in CSS.\n  https://github.com/stackblitz/core/issues/133\n-->\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\" />" + (theme === exports.SkyDocsCodeExampleTheme.Modern ? "<link rel=\"stylesheet\" type=\"text/css\" href=\"https://sky.blackbaudcdn.net/static/skyux-icons/5.0.0/assets/css/skyux-icons.min.css\" />" : "") + "\n\n<sky-demo-app>\n  Loading...\n</sky-demo-app>";
-            files[srcPath + "main.ts"] = banner + "\nimport './polyfills';\n\nimport {\n  enableProdMode\n} from '@angular/core';\n\nimport {\n  platformBrowserDynamic\n} from '@angular/platform-browser-dynamic';\n\nimport {\n  AppModule\n} from './app/app.module';\n\nplatformBrowserDynamic().bootstrapModule(AppModule).then(ref => {\n  if (window['ngRef']) {\n    window['ngRef'].destroy();\n  }\n\n  window['ngRef'] = ref;\n}).catch(err => console.error(err));\n";
-            files[srcPath + "polyfills.ts"] = banner + "\nimport 'zone.js';\n";
-            files[srcPath + "styles.scss"] = "@import '~@skyux/theme/css/sky';\n" + (theme === exports.SkyDocsCodeExampleTheme.Modern ? "@import '~@skyux/theme/css/themes/modern/styles';" : "") + "\nbody {\n  background-color: #fff;\n  margin: 15px;\n}";
-            files['angular.json'] = "{\n  \"projects\": {\n    \"demo\": {\n      \"architect\": {\n        \"build\": {\n          \"options\": {\n            \"index\": \"src/index.html\",\n            \"styles\": [\n              \"src/styles.scss\"\n            ]\n          }\n        }\n      }\n    }\n  }\n}";
-            files['package.json'] = JSON.stringify({
-                dependencies: dependencies
-            }, undefined, 2);
-            files['tsconfig.json'] = "{\n  \"compilerOptions\": {\n    \"target\": \"es2017\",\n    \"module\": \"es2020\",\n    \"moduleResolution\": \"node\",\n    \"emitDecoratorMetadata\": true,\n    \"experimentalDecorators\": true,\n    \"importHelpers\": true,\n    \"typeRoots\": [\"node_modules/@types\"],\n    \"lib\": [\n      \"es2018\",\n      \"dom\"\n    ]\n  },\n  \"angularCompilerOptions\": {\n    \"fullTemplateTypeCheck\": true,\n    \"strictInjectionParameters\": true,\n    \"strictInputAccessModifiers\": true,\n    \"strictTemplates\": true,\n    \"enableIvy\": false\n  }\n}";
-            return files;
-        };
-        SkyDocsCodeExamplesEditorService.prototype.getModuleName = function (contents) {
-            return contents.split('export class ')[1].split(' {')[0];
-        };
-        SkyDocsCodeExamplesEditorService.prototype.getFilenameNoExtension = function (fileName) {
-            var extension = fileName.split('.').pop();
-            return fileName.replace("." + extension, '');
-        };
-        SkyDocsCodeExamplesEditorService.prototype.getExportedComponent = function (contents) {
-            var trimmed = contents.replace(/\s/g, '');
-            var fragment = trimmed.split('exports:[')[1];
-            if (!fragment) {
-                throw 'You must export a component from the code example module!';
-            }
-            fragment = fragment.split(']')[0];
-            var components = fragment.split(',').filter(function (x) { return x; });
-            if (components.length > 1) {
-                throw 'You may only export a single component from the code example module' +
-                    ("(we found " + components.length + ": " + components.join(', ') + ").") +
-                    'Is it possible to create a new code example with the extra components?';
-            }
-            return components[0];
-        };
-        SkyDocsCodeExamplesEditorService.prototype.getComponentSelector = function (componentClassName, sourceCode) {
-            var found = sourceCode.find(function (file) {
-                return (file.rawContents.indexOf(componentClassName) > -1);
-            });
-            var trimmed = found.rawContents.replace(/\s/g, '');
-            return trimmed.split("selector:'")[1].split("'")[0];
-        };
-        return SkyDocsCodeExamplesEditorService;
-    }());
-    SkyDocsCodeExamplesEditorService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesEditorService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsCodeExamplesEditorService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesEditorService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesEditorService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }] });
-
-    var SkyDocsSourceCodeProvider = /** @class */ (function () {
-        function SkyDocsSourceCodeProvider() {
-        }
-        return SkyDocsSourceCodeProvider;
-    }());
-    SkyDocsSourceCodeProvider.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSourceCodeProvider, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsSourceCodeProvider.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSourceCodeProvider, providedIn: 'any' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSourceCodeProvider, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'any'
-                    }]
-            }] });
-
-    var SkyDocsSourceCodeService = /** @class */ (function () {
-        function SkyDocsSourceCodeService(sourceCodeProvider) {
-            this.sourceCodeProvider = sourceCodeProvider;
-        }
-        SkyDocsSourceCodeService.prototype.getSourceCode = function (path) {
-            var sourceCode = this.sourceCodeProvider.sourceCode;
-            if (!sourceCode || !sourceCode.length) {
-                return [];
-            }
-            return sourceCode
-                .filter(function (file) { return file.filePath.indexOf(path) === 0; })
-                .map(function (file) {
-                // TODO: Remove decoding after migrating to Angular CLI. Code examples will not be encoded for SKY UX 5 libraries.
-                // SKY UX 4 libraries will return rawContents encoded, while later libraries will
-                // return rawContents decoded. Check if the contents need decoded before returning them.
-                var decodedContents;
-                try {
-                    decodedContents = decodeURIComponent(file.rawContents);
-                    if (decodedContents !== file.rawContents) {
-                        file.rawContents = decodedContents;
-                    }
-                }
-                catch (error) {
-                    // Pre-decoded contents may contain characters like '%' that would throw errors.
-                    // In these cases, pass along the original rawContents.
-                }
-                return file;
-            });
-        };
-        return SkyDocsSourceCodeService;
-    }());
-    SkyDocsSourceCodeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSourceCodeService, deps: [{ token: SkyDocsSourceCodeProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsSourceCodeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSourceCodeService, providedIn: 'any' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSourceCodeService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'any'
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsSourceCodeProvider }]; } });
-
-    /**
-     * Wraps all code examples and handles their configuration and styles.
-     * @example
-     * ```
-     * <sky-docs-code-examples
-     *   [packageDependencies]="{
-     *     "foobar": "*",
-     *     "baz": "1.2.3"
-     *   }"
-     * >
-     *   <sky-docs-code-example>
-     *   </sky-docs-code-example>
-     * </sky-docs-code-examples>
-     * ```
-     */
-    var SkyDocsCodeExamplesComponent = /** @class */ (function () {
-        function SkyDocsCodeExamplesComponent(editorService, sourceCodeService) {
-            this.editorService = editorService;
-            this.sourceCodeService = sourceCodeService;
-            this.codeExamples = [];
-        }
-        Object.defineProperty(SkyDocsCodeExamplesComponent.prototype, "packageDependencies", {
-            get: function () {
-                return this._packageDependencies || {};
-            },
-            /**
-             * Any extra NPM package dependencies that are needed for the editor to run the code example.
-             * @default {}
-             */
-            set: function (value) {
-                this._packageDependencies = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsCodeExamplesComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.codeExampleComponents.forEach(function (component) {
-                // Make sure the source code path ends in a slash, so that similarly named directories aren't included.
-                var sourceCodePath = component.sourceCodePath;
-                if (sourceCodePath.slice(-1) !== '/') {
-                    sourceCodePath += '/';
-                }
-                var sourceCode = _this.sourceCodeService.getSourceCode(sourceCodePath);
-                if (!sourceCode.length) {
-                    console.warn("Source code not found at location \"" + sourceCodePath + "\" for \"" + component.heading + "\"!");
-                    return;
-                }
-                _this.codeExamples.push({
-                    heading: component.heading,
-                    packageDependencies: _this.packageDependencies,
-                    sourceCode: sourceCode,
-                    theme: component.theme
-                });
-            });
-        };
-        SkyDocsCodeExamplesComponent.prototype.launchEditor = function (codeExample) {
-            this.editorService.launchEditor(codeExample);
-        };
-        /**
-         * Returns a string representing one of PrismJS's supported language types.
-         * See: https://prismjs.com/#supported-languages
-         */
-        SkyDocsCodeExamplesComponent.prototype.parseCodeLanguageType = function (fileName) {
-            var extension = fileName.split('.').pop().toLowerCase();
-            switch (extension) {
-                case 'ts':
-                    return 'typescript';
-                case 'html':
-                    return 'markup';
-                default:
-                    return extension;
-            }
-        };
-        return SkyDocsCodeExamplesComponent;
-    }());
-    SkyDocsCodeExamplesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesComponent, deps: [{ token: SkyDocsCodeExamplesEditorService }, { token: SkyDocsSourceCodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsCodeExamplesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsCodeExamplesComponent, selector: "sky-docs-code-examples", inputs: { packageDependencies: "packageDependencies" }, queries: [{ propertyName: "codeExampleComponents", predicate: SkyDocsCodeExampleComponent }], ngImport: i0__namespace, template: "<div *ngIf=\"codeExamples && codeExamples.length\"\n  class=\"sky-docs-code-examples\"\n>\n  <sky-repeater *ngIf=\"codeExamples.length > 1 else singleCodeExample\"\n    expandMode=\"multiple\"\n  >\n    <sky-repeater-item *ngFor=\"let codeExample of codeExamples\"\n      [isExpanded]=\"false\"\n    >\n      <sky-repeater-item-title>\n        <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExample}\">\n        </ng-container>\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n        <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExample}\">\n        </ng-container>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</div>\n\n<ng-template>\n  <ng-content\n    select=\"sky-docs-code-example\"\n  >\n  </ng-content>\n</ng-template>\n\n<ng-template\n  let-item\n  #codeExampleTemplate\n>\n  <div class=\"sky-docs-code-example-wrapper\">\n    <sky-vertical-tabset *ngIf=\"item.sourceCode && item.sourceCode.length\">\n      <sky-vertical-tab *ngFor=\"let file of item.sourceCode; let i = index;\"\n        [active]=\"i === 0\"\n        [tabHeading]=\"file.fileName\"\n      >\n        <sky-code-block\n          [code]=\"file.rawContents\"\n          [languageType]=\"parseCodeLanguageType(file.fileName)\"\n        >\n        </sky-code-block>\n      </sky-vertical-tab>\n    </sky-vertical-tabset>\n  </div>\n</ng-template>\n\n<ng-template\n  #singleCodeExample\n>\n  <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExamples[0]}\">\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExamples[0]}\">\n  </ng-container>\n</ng-template>\n\n<ng-template\n  let-codeExample\n  #codeExampleHeaderTemplate\n>\n  <div\n    class=\"sky-docs-code-example-header\"\n  >\n    <div\n      class=\"sky-docs-code-example-header-title sky-emphasized\"\n    >\n      {{ codeExample.heading }}\n    </div>\n    <div\n      class=\"sky-docs-code-example-header-controls\"\n    >\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"launchEditor(codeExample);$event.stopPropagation();\"\n      >\n        <sky-icon\n          icon=\"pencil\"\n        ></sky-icon>\n        {{ 'sky-docs-code-example-launch-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</ng-template>", styles: [".sky-docs-code-example-header{display:flex;align-items:baseline}.sky-docs-code-example-header-title{flex-grow:1}.sky-docs-code-example-header-controls{flex-grow:0}.sky-docs-code-example-header-controls .sky-btn{font-weight:normal}.sky-docs-code-example-wrapper{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-top:10px}.sky-docs-code-example-wrapper ::ng-deep .sky-vertical-tabset-content{margin:0}.sky-docs-code-example-wrapper ::ng-deep sky-code-block{margin:0!important}.sky-docs-code-example-wrapper ::ng-deep .sky-code-block-header{border:0}.sky-docs-code-example-wrapper ::ng-deep .sky-code-output{border-left:0;border-right:0;border-bottom:0}\n"], components: [{ type: i3__namespace.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i3__namespace.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i3__namespace.λ12, selector: "sky-repeater-item-title" }, { type: i3__namespace.λ8, selector: "sky-repeater-item-content" }, { type: i4__namespace.λ6, selector: "sky-vertical-tabset", inputs: ["showTabsText", "ariaRole", "maintainTabContent"], outputs: ["activeChange"] }, { type: i4__namespace.λ4, selector: "sky-vertical-tab", inputs: ["active", "ariaControls", "ariaInvalid", "ariaRequired", "ariaRole", "disabled", "errorIndicator", "tabHeaderCount", "tabHeading", "showTabRightArrow", "tabId"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-code-examples',
-                        template: "<div *ngIf=\"codeExamples && codeExamples.length\"\n  class=\"sky-docs-code-examples\"\n>\n  <sky-repeater *ngIf=\"codeExamples.length > 1 else singleCodeExample\"\n    expandMode=\"multiple\"\n  >\n    <sky-repeater-item *ngFor=\"let codeExample of codeExamples\"\n      [isExpanded]=\"false\"\n    >\n      <sky-repeater-item-title>\n        <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExample}\">\n        </ng-container>\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n        <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExample}\">\n        </ng-container>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</div>\n\n<ng-template>\n  <ng-content\n    select=\"sky-docs-code-example\"\n  >\n  </ng-content>\n</ng-template>\n\n<ng-template\n  let-item\n  #codeExampleTemplate\n>\n  <div class=\"sky-docs-code-example-wrapper\">\n    <sky-vertical-tabset *ngIf=\"item.sourceCode && item.sourceCode.length\">\n      <sky-vertical-tab *ngFor=\"let file of item.sourceCode; let i = index;\"\n        [active]=\"i === 0\"\n        [tabHeading]=\"file.fileName\"\n      >\n        <sky-code-block\n          [code]=\"file.rawContents\"\n          [languageType]=\"parseCodeLanguageType(file.fileName)\"\n        >\n        </sky-code-block>\n      </sky-vertical-tab>\n    </sky-vertical-tabset>\n  </div>\n</ng-template>\n\n<ng-template\n  #singleCodeExample\n>\n  <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExamples[0]}\">\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExamples[0]}\">\n  </ng-container>\n</ng-template>\n\n<ng-template\n  let-codeExample\n  #codeExampleHeaderTemplate\n>\n  <div\n    class=\"sky-docs-code-example-header\"\n  >\n    <div\n      class=\"sky-docs-code-example-header-title sky-emphasized\"\n    >\n      {{ codeExample.heading }}\n    </div>\n    <div\n      class=\"sky-docs-code-example-header-controls\"\n    >\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"launchEditor(codeExample);$event.stopPropagation();\"\n      >\n        <sky-icon\n          icon=\"pencil\"\n        ></sky-icon>\n        {{ 'sky-docs-code-example-launch-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</ng-template>",
-                        styles: [".sky-docs-code-example-header{display:flex;align-items:baseline}.sky-docs-code-example-header-title{flex-grow:1}.sky-docs-code-example-header-controls{flex-grow:0}.sky-docs-code-example-header-controls .sky-btn{font-weight:normal}.sky-docs-code-example-wrapper{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-top:10px}.sky-docs-code-example-wrapper ::ng-deep .sky-vertical-tabset-content{margin:0}.sky-docs-code-example-wrapper ::ng-deep sky-code-block{margin:0!important}.sky-docs-code-example-wrapper ::ng-deep .sky-code-block-header{border:0}.sky-docs-code-example-wrapper ::ng-deep .sky-code-output{border-left:0;border-right:0;border-bottom:0}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsCodeExamplesEditorService }, { type: SkyDocsSourceCodeService }]; }, propDecorators: { packageDependencies: [{
-                    type: i0.Input
-                }], codeExampleComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDocsCodeExampleComponent]
-                }] } });
-
-    var SkyDocsCodeExamplesModule = /** @class */ (function () {
-        function SkyDocsCodeExamplesModule() {
-        }
-        return SkyDocsCodeExamplesModule;
-    }());
-    SkyDocsCodeExamplesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsCodeExamplesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, declarations: [SkyDocsCodeExampleComponent,
-            SkyDocsCodeExamplesComponent], imports: [i2.CommonModule,
-            i3$1.SkyCodeBlockModule,
-            SkyDocsToolsResourcesModule,
-            i1$1.SkyIconModule,
-            i3.SkyRepeaterModule,
-            i4.SkyVerticalTabsetModule], exports: [SkyDocsCodeExampleComponent,
-            SkyDocsCodeExamplesComponent] });
-    SkyDocsCodeExamplesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, imports: [[
-                i2.CommonModule,
-                i3$1.SkyCodeBlockModule,
-                SkyDocsToolsResourcesModule,
-                i1$1.SkyIconModule,
-                i3.SkyRepeaterModule,
-                i4.SkyVerticalTabsetModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i3$1.SkyCodeBlockModule,
-                            SkyDocsToolsResourcesModule,
-                            i1$1.SkyIconModule,
-                            i3.SkyRepeaterModule,
-                            i4.SkyVerticalTabsetModule
-                        ],
-                        declarations: [
-                            SkyDocsCodeExampleComponent,
-                            SkyDocsCodeExamplesComponent
-                        ],
-                        exports: [
-                            SkyDocsCodeExampleComponent,
-                            SkyDocsCodeExamplesComponent
-                        ]
-                    }]
-            }] });
-
-    /*! *****************************************************************************
-    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;
-    }
-
-    /**
-     * Renders a checkbox control within the control panel.
-     * @example
-     * ```markup
-     * <sky-docs-demo-control-panel-checkbox
-     *   label="Show title"
-     *   [checked]="true"
-     *   [propertyName]="showTitle"
-     * >
-     * </sky-docs-demo-control-panel-checkbox>
-     * ```
-     */
-    var SkyDocsDemoControlPanelCheckboxComponent = /** @class */ (function () {
-        function SkyDocsDemoControlPanelCheckboxComponent(changeDetector) {
-            this.changeDetector = changeDetector;
-            /**
-             * Indicates whether to disable the checkbox.
-             */
-            this.disabled = false;
-            this.selectionChange = new rxjs.Subject();
-            this.initialState = {};
-        }
-        Object.defineProperty(SkyDocsDemoControlPanelCheckboxComponent.prototype, "checked", {
-            get: function () {
-                return this._checked || false;
-            },
-            /**
-             * The checked status of the checkbox.
-             * @default false
-             */
-            set: function (value) {
-                if (value !== undefined && this._checked === undefined) {
-                    this.initialState.checked = value;
-                }
-                this._checked = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsDemoControlPanelCheckboxComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            setTimeout(function () {
-                _this.initialState.checked = _this.checked;
-                _this.notifyChange();
-            });
-        };
-        SkyDocsDemoControlPanelCheckboxComponent.prototype.ngOnDestroy = function () {
-            this.selectionChange.complete();
-        };
-        SkyDocsDemoControlPanelCheckboxComponent.prototype.onModelChange = function () {
-            this.notifyChange();
-        };
-        SkyDocsDemoControlPanelCheckboxComponent.prototype.resetState = function () {
-            if (this.initialState.checked !== this.checked) {
-                this.checked = !!this.initialState.checked;
-                this.notifyChange();
-                this.changeDetector.markForCheck();
-            }
-        };
-        SkyDocsDemoControlPanelCheckboxComponent.prototype.notifyChange = function () {
-            var _a;
-            this.selectionChange.next((_a = {},
-                _a[this.propertyName] = this.checked,
-                _a));
-        };
-        return SkyDocsDemoControlPanelCheckboxComponent;
-    }());
-    SkyDocsDemoControlPanelCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoControlPanelCheckboxComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoControlPanelCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoControlPanelCheckboxComponent, selector: "sky-docs-demo-control-panel-checkbox", inputs: { checked: "checked", disabled: "disabled", label: "label", propertyName: "propertyName" }, ngImport: i0__namespace, template: "<sky-checkbox\n  [disabled]=\"disabled\"\n  [name]=\"propertyName\"\n  [(ngModel)]=\"checked\"\n  (change)=\"onModelChange()\"\n>\n  <sky-checkbox-label>{{ label }}</sky-checkbox-label>\n</sky-checkbox>\n", components: [{ type: i1__namespace$2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1__namespace$2.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i2__namespace$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoControlPanelCheckboxComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-control-panel-checkbox',
-                        template: "<sky-checkbox\n  [disabled]=\"disabled\"\n  [name]=\"propertyName\"\n  [(ngModel)]=\"checked\"\n  (change)=\"onModelChange()\"\n>\n  <sky-checkbox-label>{{ label }}</sky-checkbox-label>\n</sky-checkbox>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { checked: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }], label: [{
-                    type: i0.Input
-                }], propertyName: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * Renders a radio control group.
-     * @example
-     * ```markup
-     * <sky-docs-demo-control-panel-radio-group
-     *   [choices]="[
-     *     { 'label': 'Red', value: '#f00' },
-     *     { 'label': 'Green', value: '#0f0' },
-     *     { 'label': 'Blue', value: '#00f' }
-     *   ]"
-     *   heading="Choose a color"
-     *   initialValue="Red"
-     *   propertyName="color"
-     * >
-     * </sky-docs-demo-control-panel-radio-group>
-     * ```
-     */
-    var SkyDocsDemoControlPanelRadioGroupComponent = /** @class */ (function () {
-        function SkyDocsDemoControlPanelRadioGroupComponent(changeDetector) {
-            this.changeDetector = changeDetector;
-            /**
-             * Indicates whether to disable the radio group.
-             */
-            this.disabled = false;
-            /**
-             * @internal
-             */
-            this.selectionChange = new rxjs.Subject();
-        }
-        SkyDocsDemoControlPanelRadioGroupComponent.prototype.ngOnInit = function () {
-            this.value = this.cloneValue(this.initialValue);
-        };
-        SkyDocsDemoControlPanelRadioGroupComponent.prototype.ngOnDestroy = function () {
-            this.selectionChange.complete();
-        };
-        SkyDocsDemoControlPanelRadioGroupComponent.prototype.onModelChange = function (value) {
-            var _a;
-            this.value = value;
-            this.selectionChange.next((_a = {},
-                _a[this.propertyName] = this.value,
-                _a));
-        };
-        SkyDocsDemoControlPanelRadioGroupComponent.prototype.resetValue = function () {
-            this.value = this.cloneValue(this.initialValue);
-            this.changeDetector.markForCheck();
-        };
-        SkyDocsDemoControlPanelRadioGroupComponent.prototype.cloneValue = function (value) {
-            if (typeof value === 'object') {
-                return JSON.parse(JSON.stringify(value));
-            }
-            return value;
-        };
-        return SkyDocsDemoControlPanelRadioGroupComponent;
-    }());
-    SkyDocsDemoControlPanelRadioGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoControlPanelRadioGroupComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoControlPanelRadioGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoControlPanelRadioGroupComponent, selector: "sky-docs-demo-control-panel-radio-group", inputs: { choices: "choices", disabled: "disabled", heading: "heading", initialValue: "initialValue", propertyName: "propertyName" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-demo-control-panel-radio-group\"\n>\n  <strong *ngIf=\"heading\">{{ heading }}</strong>\n  <sky-radio-group\n    [disabled]=\"disabled\"\n    [name]=\"propertyName\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onModelChange($event);\"\n  >\n    <ul\n      class=\"sky-list-unstyled\"\n    >\n      <li *ngFor=\"let choice of choices\">\n        <sky-radio\n          [value]=\"choice.value\"\n        >\n          <sky-radio-label>{{ choice.label }}</sky-radio-label>\n        </sky-radio>\n      </li>\n    </ul>\n  </sky-radio-group>\n</div>\n", styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"], components: [{ type: i1__namespace$2.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i1__namespace$2.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1__namespace$2.λ12, selector: "sky-radio-label" }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoControlPanelRadioGroupComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-control-panel-radio-group',
-                        template: "<div\n  class=\"sky-demo-control-panel-radio-group\"\n>\n  <strong *ngIf=\"heading\">{{ heading }}</strong>\n  <sky-radio-group\n    [disabled]=\"disabled\"\n    [name]=\"propertyName\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onModelChange($event);\"\n  >\n    <ul\n      class=\"sky-list-unstyled\"\n    >\n      <li *ngFor=\"let choice of choices\">\n        <sky-radio\n          [value]=\"choice.value\"\n        >\n          <sky-radio-label>{{ choice.label }}</sky-radio-label>\n        </sky-radio>\n      </li>\n    </ul>\n  </sky-radio-group>\n</div>\n",
-                        styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { choices: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }], heading: [{
-                    type: i0.Input
-                }], initialValue: [{
-                    type: i0.Input
-                }], propertyName: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * Handles the appearance and configuration of the behavior demo control panel.
-     * @example
-     * ```markup
-     * <sky-docs-demo-control-panel
-     *   (selectionChange)="onSelectionChange($event)"
-     * >
-     *   Control panel content here.
-     * </sky-docs-demo-control-panel>
-     * ```
-     */
-    var SkyDocsDemoControlPanelComponent = /** @class */ (function () {
-        function SkyDocsDemoControlPanelComponent() {
-            /**
-             * Fires when the user clicks the reset button.
-             */
-            this.reset = new i0.EventEmitter();
-            /**
-             * Fires when a user makes a selection from one of the controls in the panel.
-             */
-            this.selectionChange = new i0.EventEmitter();
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        SkyDocsDemoControlPanelComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.addEventListeners();
-            rxjs.merge(this.checkboxes.changes, this.radioGroups.changes)
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.addEventListeners();
-            });
-        };
-        SkyDocsDemoControlPanelComponent.prototype.ngOnDestroy = function () {
-            this.reset.complete();
-            this.selectionChange.complete();
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyDocsDemoControlPanelComponent.prototype.onResetButtonClick = function () {
-            this.radioGroups.forEach(function (radioGroup) {
-                radioGroup.resetValue();
-            });
-            this.checkboxes.forEach(function (checkbox) {
-                checkbox.resetState();
-            });
-            this.reset.emit();
-        };
-        SkyDocsDemoControlPanelComponent.prototype.addEventListeners = function () {
-            var _this = this;
-            if (this.eventListeners) {
-                this.eventListeners.unsubscribe();
-            }
-            this.eventListeners = rxjs.merge.apply(void 0, __spreadArray(__spreadArray([], __read(this.checkboxes.map(function (c) { return c.selectionChange; }))), __read(this.radioGroups.map(function (c) { return c.selectionChange; })))).pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (change) {
-                _this.selectionChange.next(change);
-            });
-        };
-        return SkyDocsDemoControlPanelComponent;
-    }());
-    SkyDocsDemoControlPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoControlPanelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoControlPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoControlPanelComponent, selector: "sky-docs-demo-control-panel", outputs: { reset: "reset", selectionChange: "selectionChange" }, queries: [{ propertyName: "radioGroups", predicate: SkyDocsDemoControlPanelRadioGroupComponent, descendants: true }, { propertyName: "checkboxes", predicate: SkyDocsDemoControlPanelCheckboxComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-control-panel\">\n  <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n    <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-sections-column\">\n      <ng-content select=\"sky-docs-demo-control-panel-section\"></ng-content>\n    </div>\n\n    <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-button-column\">\n      <button\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        [attr.data-test-selector]=\"'sky-docs-demo-control-panel-reset-button'\"\n        (click)=\"onResetButtonClick()\"\n      >\n        {{ 'sky-docs-demo-control-panel-reset-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".sky-docs-demo-control-panel{margin-bottom:20px;margin-top:-1px;margin-left:-15px}.sky-docs-demo-control-panel-row{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;padding:15px;background-color:#fff;display:inline-flex;min-width:220px}.sky-docs-demo-control-panel-sections-column{display:flex}.sky-docs-demo-control-panel-sections-column ::ng-deep sky-docs-demo-control-panel-section{min-width:120px}.sky-docs-demo-control-panel-button-column{align-self:flex-end}.sky-docs-demo-control-panel-button-column .sky-btn{border:0}\n"], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoControlPanelComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-control-panel',
-                        template: "<div class=\"sky-docs-demo-control-panel\">\n  <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n    <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-sections-column\">\n      <ng-content select=\"sky-docs-demo-control-panel-section\"></ng-content>\n    </div>\n\n    <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-button-column\">\n      <button\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        [attr.data-test-selector]=\"'sky-docs-demo-control-panel-reset-button'\"\n        (click)=\"onResetButtonClick()\"\n      >\n        {{ 'sky-docs-demo-control-panel-reset-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</div>\n",
-                        styles: [".sky-docs-demo-control-panel{margin-bottom:20px;margin-top:-1px;margin-left:-15px}.sky-docs-demo-control-panel-row{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;padding:15px;background-color:#fff;display:inline-flex;min-width:220px}.sky-docs-demo-control-panel-sections-column{display:flex}.sky-docs-demo-control-panel-sections-column ::ng-deep sky-docs-demo-control-panel-section{min-width:120px}.sky-docs-demo-control-panel-button-column{align-self:flex-end}.sky-docs-demo-control-panel-button-column .sky-btn{border:0}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { reset: [{
-                    type: i0.Output
-                }], selectionChange: [{
-                    type: i0.Output
-                }], radioGroups: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDocsDemoControlPanelRadioGroupComponent, { descendants: true }]
-                }], checkboxes: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDocsDemoControlPanelCheckboxComponent, { descendants: true }]
-                }] } });
-
-    /**
-     * Wraps all behavior demo components and handles the configuration and appearance of the behavior demo.
-     * @example
-     * ```markup
-     * <sky-docs-demo>
-     *   Demo content here.
-     * </sky-docs-demo>
-     * ```
-     */
-    var SkyDocsDemoComponent = /** @class */ (function () {
-        function SkyDocsDemoComponent() {
-            this.areOptionsVisible = false;
-        }
-        Object.defineProperty(SkyDocsDemoComponent.prototype, "alignContents", {
-            get: function () {
-                return this._alignContents || 'left';
-            },
-            /**
-             * Specifies the horizontal alignment of the demo contents.
-             * @default 'left'
-             */
-            set: function (value) {
-                this._alignContents = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDocsDemoComponent.prototype, "hasOptions", {
-            get: function () {
-                return (this.controlPanels && this.controlPanels.length > 0);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDocsDemoComponent.prototype, "toggleOptionsButtonIcon", {
-            get: function () {
-                return (this.areOptionsVisible) ? 'chevron-up' : 'chevron-down';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsDemoComponent.prototype.onToggleOptionsButtonClick = function () {
-            this.areOptionsVisible = !this.areOptionsVisible;
-        };
-        return SkyDocsDemoComponent;
-    }());
-    SkyDocsDemoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoComponent, selector: "sky-docs-demo", inputs: { alignContents: "alignContents", heading: "heading" }, queries: [{ propertyName: "controlPanels", predicate: SkyDocsDemoControlPanelComponent, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo\">\n  <div\n    aria-level=\"3\"\n    class=\"sky-docs-demo-heading\"\n    role=\"heading\"\n  >\n    <span\n      class=\"sky-section-heading\"\n      [attr.data-test-selector]=\"'sky-docs-demo-heading-text'\"\n    >\n      {{ heading || ('sky-docs-demo-heading' | skyLibResources) }}\n    </span>\n\n    <div\n      class=\"sky-docs-demo-control-panel-wrapper\"\n    >\n      <div\n        class=\"sky-docs-demo-control-panel-wrapper-header\"\n      >\n        <button *ngIf=\"hasOptions\"\n          class=\"sky-btn\"\n          type=\"button\"\n          [attr.data-test-selector]=\"'sky-docs-demo-heading-button'\"\n          [ngClass]=\"{\n            'sky-docs-demo-heading-btn-open': areOptionsVisible\n          }\"\n          (click)=\"onToggleOptionsButtonClick()\"\n        >\n          <sky-icon\n            [icon]=\"toggleOptionsButtonIcon\"\n          ></sky-icon>\n          <ng-container *ngIf=\"areOptionsVisible\">\n            {{ 'sky-docs-demo-toggle-button-off' | skyLibResources }}\n          </ng-container>\n          <ng-container *ngIf=\"!areOptionsVisible\">\n            {{ 'sky-docs-demo-toggle-button-on' | skyLibResources }}\n          </ng-container>\n        </button>\n      </div>\n      <div\n        class=\"sky-docs-demo-control-panel-wrapper-body\"\n      >\n        <ng-container *ngIf=\"areOptionsVisible\">\n          <ng-container *ngTemplateOutlet=\"controlPanels\"></ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <div\n    class=\"sky-docs-demo-viewport\"\n    [ngClass]=\"'sky-docs-demo-viewport-align-' + alignContents\"\n  >\n    <div class=\"sky-docs-demo-viewport-gutter\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n\n<ng-template #controlPanels>\n  <ng-content select=\"sky-docs-demo-control-panel\"></ng-content>\n</ng-template>\n", styles: [".sky-docs-demo{margin-bottom:20px}.sky-docs-demo-heading{margin-bottom:10px;display:flex;flex-direction:row}.sky-docs-demo-heading .sky-docs-demo-heading-btn-open{border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}.sky-docs-demo-control-panel-wrapper{display:flex;flex-direction:column}.sky-section-heading{margin-right:10px}.sky-docs-demo-viewport{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-bottom:10px;padding:15px}.sky-docs-demo-viewport-align-center{display:flex;align-items:center;justify-content:center}\n"], components: [{ type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo',
-                        template: "<div class=\"sky-docs-demo\">\n  <div\n    aria-level=\"3\"\n    class=\"sky-docs-demo-heading\"\n    role=\"heading\"\n  >\n    <span\n      class=\"sky-section-heading\"\n      [attr.data-test-selector]=\"'sky-docs-demo-heading-text'\"\n    >\n      {{ heading || ('sky-docs-demo-heading' | skyLibResources) }}\n    </span>\n\n    <div\n      class=\"sky-docs-demo-control-panel-wrapper\"\n    >\n      <div\n        class=\"sky-docs-demo-control-panel-wrapper-header\"\n      >\n        <button *ngIf=\"hasOptions\"\n          class=\"sky-btn\"\n          type=\"button\"\n          [attr.data-test-selector]=\"'sky-docs-demo-heading-button'\"\n          [ngClass]=\"{\n            'sky-docs-demo-heading-btn-open': areOptionsVisible\n          }\"\n          (click)=\"onToggleOptionsButtonClick()\"\n        >\n          <sky-icon\n            [icon]=\"toggleOptionsButtonIcon\"\n          ></sky-icon>\n          <ng-container *ngIf=\"areOptionsVisible\">\n            {{ 'sky-docs-demo-toggle-button-off' | skyLibResources }}\n          </ng-container>\n          <ng-container *ngIf=\"!areOptionsVisible\">\n            {{ 'sky-docs-demo-toggle-button-on' | skyLibResources }}\n          </ng-container>\n        </button>\n      </div>\n      <div\n        class=\"sky-docs-demo-control-panel-wrapper-body\"\n      >\n        <ng-container *ngIf=\"areOptionsVisible\">\n          <ng-container *ngTemplateOutlet=\"controlPanels\"></ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <div\n    class=\"sky-docs-demo-viewport\"\n    [ngClass]=\"'sky-docs-demo-viewport-align-' + alignContents\"\n  >\n    <div class=\"sky-docs-demo-viewport-gutter\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n\n<ng-template #controlPanels>\n  <ng-content select=\"sky-docs-demo-control-panel\"></ng-content>\n</ng-template>\n",
-                        styles: [".sky-docs-demo{margin-bottom:20px}.sky-docs-demo-heading{margin-bottom:10px;display:flex;flex-direction:row}.sky-docs-demo-heading .sky-docs-demo-heading-btn-open{border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}.sky-docs-demo-control-panel-wrapper{display:flex;flex-direction:column}.sky-section-heading{margin-right:10px}.sky-docs-demo-viewport{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-bottom:10px;padding:15px}.sky-docs-demo-viewport-align-center{display:flex;align-items:center;justify-content:center}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { alignContents: [{
-                    type: i0.Input
-                }], heading: [{
-                    type: i0.Input
-                }], controlPanels: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDocsDemoControlPanelComponent, { read: i0.ElementRef }]
-                }] } });
-
-    /**
-     * Renders a section within the control panel.
-     * @example
-     * ```markup
-     * <sky-docs-demo-control-panel>
-     *   <sky-docs-demo-control-panel-section>
-     *     Section content here.
-     *   </sky-docs-demo-control-panel-section>
-     * </sky-docs-demo-control-panel>
-     * ```
-     */
-    var SkyDocsDemoControlPanelSectionComponent = /** @class */ (function () {
-        function SkyDocsDemoControlPanelSectionComponent() {
-        }
-        return SkyDocsDemoControlPanelSectionComponent;
-    }());
-    SkyDocsDemoControlPanelSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoControlPanelSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoControlPanelSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoControlPanelSectionComponent, selector: "sky-docs-demo-control-panel-section", ngImport: i0__namespace, template: "<div\n  class=\"sky-demo-control-panel-section\"\n>\n  <ng-content select=\"sky-docs-demo-control-panel-radio-group\"></ng-content>\n  <ng-content select=\"sky-docs-demo-control-panel-checkbox\"></ng-content>\n</div>\n", styles: [".sky-demo-control-panel-section{padding-right:20px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoControlPanelSectionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-control-panel-section',
-                        template: "<div\n  class=\"sky-demo-control-panel-section\"\n>\n  <ng-content select=\"sky-docs-demo-control-panel-radio-group\"></ng-content>\n  <ng-content select=\"sky-docs-demo-control-panel-checkbox\"></ng-content>\n</div>\n",
-                        styles: [".sky-demo-control-panel-section{padding-right:20px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }] });
-
-    var SkyDocsDemoModule = /** @class */ (function () {
-        function SkyDocsDemoModule() {
-        }
-        return SkyDocsDemoModule;
-    }());
-    SkyDocsDemoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsDemoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoModule, declarations: [SkyDocsDemoComponent,
-            SkyDocsDemoControlPanelCheckboxComponent,
-            SkyDocsDemoControlPanelComponent,
-            SkyDocsDemoControlPanelRadioGroupComponent,
-            SkyDocsDemoControlPanelSectionComponent], imports: [i2.CommonModule,
-            i2$3.FormsModule,
-            i1$2.SkyCheckboxModule,
-            SkyDocsToolsResourcesModule,
-            i1$1.SkyIconModule,
-            i1$2.SkyRadioModule,
-            i1.SkyThemeModule], exports: [SkyDocsDemoComponent,
-            SkyDocsDemoControlPanelCheckboxComponent,
-            SkyDocsDemoControlPanelComponent,
-            SkyDocsDemoControlPanelRadioGroupComponent,
-            SkyDocsDemoControlPanelSectionComponent] });
-    SkyDocsDemoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoModule, imports: [[
-                i2.CommonModule,
-                i2$3.FormsModule,
-                i1$2.SkyCheckboxModule,
-                SkyDocsToolsResourcesModule,
-                i1$1.SkyIconModule,
-                i1$2.SkyRadioModule,
-                i1.SkyThemeModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i2$3.FormsModule,
-                            i1$2.SkyCheckboxModule,
-                            SkyDocsToolsResourcesModule,
-                            i1$1.SkyIconModule,
-                            i1$2.SkyRadioModule,
-                            i1.SkyThemeModule
-                        ],
-                        declarations: [
-                            SkyDocsDemoComponent,
-                            SkyDocsDemoControlPanelCheckboxComponent,
-                            SkyDocsDemoControlPanelComponent,
-                            SkyDocsDemoControlPanelRadioGroupComponent,
-                            SkyDocsDemoControlPanelSectionComponent,
-                        ],
-                        exports: [
-                            SkyDocsDemoComponent,
-                            SkyDocsDemoControlPanelCheckboxComponent,
-                            SkyDocsDemoControlPanelComponent,
-                            SkyDocsDemoControlPanelRadioGroupComponent,
-                            SkyDocsDemoControlPanelSectionComponent,
-                        ]
-                    }]
-            }] });
-
-    var SkyDocsHeadingAnchorComponent = /** @class */ (function () {
-        function SkyDocsHeadingAnchorComponent() {
-            this.headingLevel = '2';
-        }
-        return SkyDocsHeadingAnchorComponent;
-    }());
-    SkyDocsHeadingAnchorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsHeadingAnchorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsHeadingAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: { anchorId: "anchorId", headingLevel: "headingLevel" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-docs-heading-anchor\"\n  role=\"heading\"\n  [ngClass]=\"'sky-docs-tools-heading-anchor-h' + headingLevel\"\n  [attr.aria-level]=\"headingLevel\"\n  [attr.id]=\"anchorId || null\"\n>\n  <ng-content></ng-content>\n  <a *ngIf=\"anchorId\"\n    aria-hidden=\"true\"\n    class=\"sky-docs-heading-anchor\"\n    queryParamsHandling=\"merge\"\n    [fragment]=\"anchorId\"\n    [routerLink]=\"[]\"\n  >\n    <sky-icon\n      class=\"sky-docs-heading-anchor-icon\"\n      icon=\"link\"\n    ></sky-icon>\n  </a>\n</div>", styles: [".sky-docs-heading-anchor{color:#212327}.sky-docs-heading-anchor:hover{text-decoration:none}.sky-docs-heading-anchor:hover .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor:focus .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor-icon{opacity:0;transition:opacity .15s ease-in-out;color:#0974a1;font-weight:normal;font-size:18px}.sky-docs-tools-heading-anchor-h1,.sky-docs-tools-heading-anchor-h2,.sky-docs-tools-heading-anchor-h3,.sky-docs-tools-heading-anchor-h4,.sky-docs-tools-heading-anchor-h5,.sky-docs-tools-heading-anchor-h6{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px}.sky-docs-tools-heading-anchor-h1{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px;font-weight:300;font-size:34px}.sky-docs-tools-heading-anchor-h2{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0;font-weight:300;font-size:26px}.sky-docs-tools-heading-anchor-h3{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-tools-heading-anchor-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"], components: [{ type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsHeadingAnchorComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-heading-anchor',
-                        template: "<div\n  class=\"sky-docs-heading-anchor\"\n  role=\"heading\"\n  [ngClass]=\"'sky-docs-tools-heading-anchor-h' + headingLevel\"\n  [attr.aria-level]=\"headingLevel\"\n  [attr.id]=\"anchorId || null\"\n>\n  <ng-content></ng-content>\n  <a *ngIf=\"anchorId\"\n    aria-hidden=\"true\"\n    class=\"sky-docs-heading-anchor\"\n    queryParamsHandling=\"merge\"\n    [fragment]=\"anchorId\"\n    [routerLink]=\"[]\"\n  >\n    <sky-icon\n      class=\"sky-docs-heading-anchor-icon\"\n      icon=\"link\"\n    ></sky-icon>\n  </a>\n</div>",
-                        styles: [".sky-docs-heading-anchor{color:#212327}.sky-docs-heading-anchor:hover{text-decoration:none}.sky-docs-heading-anchor:hover .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor:focus .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor-icon{opacity:0;transition:opacity .15s ease-in-out;color:#0974a1;font-weight:normal;font-size:18px}.sky-docs-tools-heading-anchor-h1,.sky-docs-tools-heading-anchor-h2,.sky-docs-tools-heading-anchor-h3,.sky-docs-tools-heading-anchor-h4,.sky-docs-tools-heading-anchor-h5,.sky-docs-tools-heading-anchor-h6{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px}.sky-docs-tools-heading-anchor-h1{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px;font-weight:300;font-size:34px}.sky-docs-tools-heading-anchor-h2{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0;font-weight:300;font-size:26px}.sky-docs-tools-heading-anchor-h3{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-tools-heading-anchor-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { anchorId: [{
-                    type: i0.Input
-                }], headingLevel: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsHeadingAnchorModule = /** @class */ (function () {
-        function SkyDocsHeadingAnchorModule() {
-        }
-        return SkyDocsHeadingAnchorModule;
-    }());
-    SkyDocsHeadingAnchorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsHeadingAnchorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, declarations: [SkyDocsHeadingAnchorComponent], imports: [i2.CommonModule,
-            i1$3.RouterModule,
-            i1$1.SkyIconModule], exports: [SkyDocsHeadingAnchorComponent] });
-    SkyDocsHeadingAnchorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, imports: [[
-                i2.CommonModule,
-                i1$3.RouterModule,
-                i1$1.SkyIconModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyDocsHeadingAnchorComponent
-                        ],
-                        imports: [
-                            i2.CommonModule,
-                            i1$3.RouterModule,
-                            i1$1.SkyIconModule
-                        ],
-                        exports: [
-                            SkyDocsHeadingAnchorComponent
-                        ]
-                    }]
-            }] });
-
-    var SkyDocsMarkdownPipe = /** @class */ (function () {
-        function SkyDocsMarkdownPipe() {
-        }
-        SkyDocsMarkdownPipe.prototype.transform = function (markdown) {
-            if (!markdown) {
-                return '';
-            }
-            return marked__default["default"](markdown);
-        };
-        return SkyDocsMarkdownPipe;
-    }());
-    SkyDocsMarkdownPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMarkdownPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SkyDocsMarkdownPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMarkdownPipe, name: "skyDocsMarkdown" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMarkdownPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'skyDocsMarkdown'
-                    }]
-            }] });
-
-    var SkyDocsMarkdownModule = /** @class */ (function () {
-        function SkyDocsMarkdownModule() {
-        }
-        return SkyDocsMarkdownModule;
-    }());
-    SkyDocsMarkdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMarkdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsMarkdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMarkdownModule, declarations: [SkyDocsMarkdownPipe], exports: [SkyDocsMarkdownPipe] });
-    SkyDocsMarkdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMarkdownModule, providers: [
-            SkyDocsMarkdownPipe
-        ] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMarkdownModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyDocsMarkdownPipe
-                        ],
-                        providers: [
-                            SkyDocsMarkdownPipe
-                        ],
-                        exports: [
-                            SkyDocsMarkdownPipe
-                        ]
-                    }]
-            }] });
-
-    var SkyDocsToolsOptions = /** @class */ (function () {
-        function SkyDocsToolsOptions() {
-        }
-        return SkyDocsToolsOptions;
-    }());
-
-    var SkyDocsModuleInfoComponent = /** @class */ (function () {
-        function SkyDocsModuleInfoComponent(options) {
-            this.options = options;
-        }
-        Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "gitRepoUrl", {
-            get: function () {
-                return this._gitRepoUrl || this.options && this.options.gitRepoUrl;
-            },
-            set: function (value) {
-                this._gitRepoUrl = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "packageName", {
-            get: function () {
-                return this._packageName || this.options && this.options.packageName;
-            },
-            set: function (value) {
-                this._packageName = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "packageUrl", {
-            get: function () {
-                if (this._packageUrl) {
-                    return this._packageUrl;
-                }
-                if (this.packageName) {
-                    return "https://npmjs.org/package/" + this.packageName;
-                }
-                return '';
-            },
-            set: function (value) {
-                this._packageUrl = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "externalLinks", {
-            get: function () {
-                var externalLinks = [];
-                if (this.packageName) {
-                    externalLinks.push({
-                        url: this.packageUrl,
-                        label: 'View in NPM'
-                    });
-                }
-                if (this.gitRepoUrl) {
-                    externalLinks.push({
-                        url: this.gitRepoUrl,
-                        label: 'View in GitHub'
-                    });
-                }
-                return externalLinks;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "installationCommand", {
-            get: function () {
-                if (!this.packageName) {
-                    return '';
-                }
-                return "npm install --save-exact " + this.packageName;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return SkyDocsModuleInfoComponent;
-    }());
-    SkyDocsModuleInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsModuleInfoComponent, deps: [{ token: SkyDocsToolsOptions, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsModuleInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: { gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", packageName: "packageName", packageUrl: "packageUrl" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-module-info\">\n  <sky-definition-list\n    defaultValue=\"\"\n    labelWidth=\"120px\"\n  >\n    <sky-definition-list-content *ngIf=\"moduleName\">\n      <sky-definition-list-label>\n        Defined in\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <sky-code>{{ moduleName }}</sky-code>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n    <sky-definition-list-content *ngIf=\"packageName\">\n      <sky-definition-list-label>\n        NPM package\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <span class=\"sky-docs-module-info-package-name\"><sky-code>{{ packageName }}</sky-code></span>\n        <ng-container *ngFor=\"let externalLink of externalLinks; let i = index;\">\n          <a [attr.href]=\"externalLink.url\">{{ externalLink.label }}</a>\n          <ng-container *ngIf=\"i < externalLinks.length - 1\">&nbsp;| </ng-container>\n        </ng-container>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n\n    <sky-definition-list-content *ngIf=\"installationCommand\">\n      <sky-definition-list-label>\n        Installation\n        <sky-help-inline\n          [skyPopover]=\"installationCommandPopover\"\n          skyPopoverPlacement=\"right\"\n        >\n        </sky-help-inline>\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <sky-popover #installationCommandPopover>\n          To use this module, you must install peer dependencies along with its package. Also, after you install the package, you must add the module as an export in your SPA's main module to make exports available to your SPA. If you use the SKY UX SDK, the main module is <sky-code>app-sky.module.ts</sky-code>.\n        </sky-popover>\n        <div class=\"sky-docs-module-info-installation-command\">\n          <span class=\"sky-docs-module-info-installation-command-code\" #copyTarget>\n            <sky-code>{{ installationCommand }}</sky-code>\n          </span>\n          <sky-copy-to-clipboard\n            buttonText=\"Copy\"\n            [copyTarget]=\"copyTarget\"\n          ></sky-copy-to-clipboard>\n        </div>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n  </sky-definition-list>\n\n  <div\n    class=\"sky-docs-module-info-additional-content\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sky-docs-module-info-installation-command{display:flex}.sky-docs-module-info-installation-command-code{margin-right:10px}.sky-docs-module-info-package-name{margin-right:10px}\n"], components: [{ type: i2__namespace$1.λ13, selector: "sky-definition-list", inputs: ["labelWidth", "defaultValue"] }, { type: i2__namespace$1.λ14, selector: "sky-definition-list-content" }, { type: i2__namespace$1.λ16, selector: "sky-definition-list-label" }, { type: i2__namespace$1.λ17, selector: "sky-definition-list-value" }, { type: i3__namespace$1.λ1, selector: "sky-code" }, { type: i1__namespace$1.λ3, selector: "sky-help-inline", outputs: ["actionClick"] }, { type: i5__namespace.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }, { type: i6__namespace.λ1, selector: "sky-copy-to-clipboard", inputs: ["copyTarget", "buttonText", "buttonClickedText"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsModuleInfoComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-module-info',
-                        template: "<div class=\"sky-docs-module-info\">\n  <sky-definition-list\n    defaultValue=\"\"\n    labelWidth=\"120px\"\n  >\n    <sky-definition-list-content *ngIf=\"moduleName\">\n      <sky-definition-list-label>\n        Defined in\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <sky-code>{{ moduleName }}</sky-code>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n    <sky-definition-list-content *ngIf=\"packageName\">\n      <sky-definition-list-label>\n        NPM package\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <span class=\"sky-docs-module-info-package-name\"><sky-code>{{ packageName }}</sky-code></span>\n        <ng-container *ngFor=\"let externalLink of externalLinks; let i = index;\">\n          <a [attr.href]=\"externalLink.url\">{{ externalLink.label }}</a>\n          <ng-container *ngIf=\"i < externalLinks.length - 1\">&nbsp;| </ng-container>\n        </ng-container>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n\n    <sky-definition-list-content *ngIf=\"installationCommand\">\n      <sky-definition-list-label>\n        Installation\n        <sky-help-inline\n          [skyPopover]=\"installationCommandPopover\"\n          skyPopoverPlacement=\"right\"\n        >\n        </sky-help-inline>\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <sky-popover #installationCommandPopover>\n          To use this module, you must install peer dependencies along with its package. Also, after you install the package, you must add the module as an export in your SPA's main module to make exports available to your SPA. If you use the SKY UX SDK, the main module is <sky-code>app-sky.module.ts</sky-code>.\n        </sky-popover>\n        <div class=\"sky-docs-module-info-installation-command\">\n          <span class=\"sky-docs-module-info-installation-command-code\" #copyTarget>\n            <sky-code>{{ installationCommand }}</sky-code>\n          </span>\n          <sky-copy-to-clipboard\n            buttonText=\"Copy\"\n            [copyTarget]=\"copyTarget\"\n          ></sky-copy-to-clipboard>\n        </div>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n  </sky-definition-list>\n\n  <div\n    class=\"sky-docs-module-info-additional-content\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n",
-                        styles: [".sky-docs-module-info-installation-command{display:flex}.sky-docs-module-info-installation-command-code{margin-right:10px}.sky-docs-module-info-package-name{margin-right:10px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: SkyDocsToolsOptions, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { gitRepoUrl: [{
-                    type: i0.Input
-                }], moduleName: [{
-                    type: i0.Input
-                }], packageName: [{
-                    type: i0.Input
-                }], packageUrl: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsModuleInfoModule = /** @class */ (function () {
-        function SkyDocsModuleInfoModule() {
-        }
-        return SkyDocsModuleInfoModule;
-    }());
-    SkyDocsModuleInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsModuleInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, declarations: [SkyDocsModuleInfoComponent], imports: [i2.CommonModule,
-            i3$1.SkyCodeModule,
-            i6.SkyClipboardModule,
-            i2$1.SkyDefinitionListModule,
-            i1$1.SkyHelpInlineModule,
-            i5.SkyPopoverModule], exports: [SkyDocsModuleInfoComponent] });
-    SkyDocsModuleInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, imports: [[
-                i2.CommonModule,
-                i3$1.SkyCodeModule,
-                i6.SkyClipboardModule,
-                i2$1.SkyDefinitionListModule,
-                i1$1.SkyHelpInlineModule,
-                i5.SkyPopoverModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i3$1.SkyCodeModule,
-                            i6.SkyClipboardModule,
-                            i2$1.SkyDefinitionListModule,
-                            i1$1.SkyHelpInlineModule,
-                            i5.SkyPopoverModule
-                        ],
-                        declarations: [
-                            SkyDocsModuleInfoComponent
-                        ],
-                        exports: [
-                            SkyDocsModuleInfoComponent
-                        ]
-                    }]
-            }] });
-
-    var SkyDocsSafeHtmlComponent = /** @class */ (function () {
-        function SkyDocsSafeHtmlComponent(domSanitizer) {
-            this.domSanitizer = domSanitizer;
-        }
-        SkyDocsSafeHtmlComponent.prototype.getTrustedHtml = function (content) {
-            return this.domSanitizer.bypassSecurityTrustHtml(content);
-        };
-        return SkyDocsSafeHtmlComponent;
-    }());
-    SkyDocsSafeHtmlComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSafeHtmlComponent, deps: [{ token: i1__namespace$4.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsSafeHtmlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: { innerHtml: "innerHtml" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-docs-safe-html\"\n  [innerHtml]=\"getTrustedHtml(innerHtml)\"\n></div>", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSafeHtmlComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-safe-html',
-                        template: "<div\n  class=\"sky-docs-safe-html\"\n  [innerHtml]=\"getTrustedHtml(innerHtml)\"\n></div>",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$4.DomSanitizer }]; }, propDecorators: { innerHtml: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsSafeHtmlModule = /** @class */ (function () {
-        function SkyDocsSafeHtmlModule() {
-        }
-        return SkyDocsSafeHtmlModule;
-    }());
-    SkyDocsSafeHtmlModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsSafeHtmlModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, declarations: [SkyDocsSafeHtmlComponent], imports: [i2.CommonModule], exports: [SkyDocsSafeHtmlComponent] });
-    SkyDocsSafeHtmlModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, imports: [[
-                i2.CommonModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyDocsSafeHtmlComponent
-                        ],
-                        imports: [
-                            i2.CommonModule
-                        ],
-                        exports: [
-                            SkyDocsSafeHtmlComponent
-                        ]
-                    }]
-            }] });
-
-    /**
-     * Formats type definitions into HTML-compatible strings.
-     */
-    var SkyDocsTypeDefinitionsFormatService = /** @class */ (function () {
-        function SkyDocsTypeDefinitionsFormatService() {
-        }
-        /**
-         * Returns an HTML-formatted representation of the provided interface config.
-         */
-        SkyDocsTypeDefinitionsFormatService.prototype.getInterfaceSourceCode = function (definition) {
-            var typeParameters = this.getFormattedTypeParameters(definition.typeParameters);
-            var config = {
-                escapeSpecialCharacters: false
-            };
-            var signature = "interface " + definition.name + typeParameters + " {";
-            signature += this.getFormattedInterfaceProperties(definition, config);
-            signature += '\n}';
-            return signature;
-        };
-        /**
-         * Returns an HTML-formatted representation of the provided method config.
-         */
-        SkyDocsTypeDefinitionsFormatService.prototype.getMethodSourceCode = function (definition) {
-            var _this = this;
-            var config = {
-                escapeSpecialCharacters: false
-            };
-            var typeArguments = this.getFormattedTypeArguments(definition.type, config);
-            var callSignature = definition.type.callSignature;
-            var returnType = this.getFormattedType(callSignature.returnType, config);
-            var params = '';
-            if (callSignature.parameters) {
-                params += callSignature.parameters
-                    .map(function (p) { return _this.getFormattedParameterName(p, config); })
-                    .join(', ');
-            }
-            return "public " + definition.name + typeArguments + "(" + params + "): " + returnType;
-        };
-        /**
-         * Returns an HTML-formatted representation of the provided type alias config.
-         */
-        SkyDocsTypeDefinitionsFormatService.prototype.getTypeAliasSourceCode = function (definition) {
-            var config = {
-                escapeSpecialCharacters: false
-            };
-            var typeParameters = this.getFormattedTypeParameters(definition.typeParameters);
-            var signature = "type " + definition.name + typeParameters + " = ";
-            if (definition.type.callSignature) {
-                signature += this.getFormattedCallSignature(definition.type.callSignature, {
-                    escapeSpecialCharacters: false
-                });
-            }
-            else if (definition.type.indexSignature) {
-                var indexSignature = definition.type.indexSignature;
-                var type = this.getFormattedType(indexSignature.type, {
-                    escapeSpecialCharacters: false
-                });
-                signature += "{\n  [" + indexSignature.key.name + ": string]: " + type + ";\n}";
-            }
-            else {
-                /*istanbul ignore else */
-                if (definition.type.type === 'union') {
-                    signature += this.getFormattedUnion(definition.type, config);
-                }
-            }
-            return signature;
-        };
-        /**
-         * Returns a formatted string representing a parameter's name and value. For example: `'foo: string'`.
-         */
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedParameterName = function (parameter, config) {
-            if (config === void 0) { config = {
-                escapeSpecialCharacters: true
-            }; }
-            var optionalMarker = (parameter.isOptional) ? '?' : '';
-            var parameterType = this.getFormattedType(parameter.type, config);
-            var signature = "" + parameter.name + optionalMarker + ": " + parameterType;
-            if (config.escapeSpecialCharacters) {
-                signature = this.escapeSpecialCharacters(signature);
-            }
-            return signature;
-        };
-        /**
-         * Returns a formatted string representing a property (or method's) name and value. For example: `'public foo: string'`.
-         */
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedPropertyName = function (property) {
-            var _a, _b;
-            var signature = '';
-            if ((_a = property.decorator) === null || _a === void 0 ? void 0 : _a.name) {
-                signature += "@" + property.decorator.name + "()<br>";
-            }
-            var indexSignature = (_b = property.type) === null || _b === void 0 ? void 0 : _b.indexSignature;
-            var name;
-            if (indexSignature) {
-                name = "[" + indexSignature.key.name + ": " + this.getFormattedType(indexSignature.key.type) + "]";
-            }
-            else {
-                name = property.name;
-            }
-            if (property.deprecationWarning !== undefined) {
-                signature += "<strike>" + name + "</strike>";
-            }
-            else {
-                signature += name;
-            }
-            if (property.isOptional && !indexSignature) {
-                signature += '?';
-            }
-            if (indexSignature) {
-                signature += ": " + this.getFormattedType(indexSignature.type);
-            }
-            else if (property.type) {
-                signature += ": " + this.getFormattedType(property.type);
-            }
-            return signature;
-        };
-        /**
-         * Returns an HTML-formatted method name to be used on the properties table.
-         */
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedMethodName = function (definition) {
-            var formatted = '';
-            if (definition.deprecationWarning !== undefined) {
-                formatted += "<strike>" + definition.name + "</strike>";
-            }
-            else {
-                formatted += definition.name;
-            }
-            return formatted + "()";
-        };
-        /**
-         * Returns a formatted string representing the provided type.
-         */
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedType = function (type, config) {
-            if (config === void 0) { config = {
-                escapeSpecialCharacters: true
-            }; }
-            var formatted = 'any';
-            if (!type) {
-                return formatted;
-            }
-            if (type.callSignature) {
-                return this.getFormattedCallSignature(type.callSignature, config);
-            }
-            if (type.unionTypes) {
-                return this.getFormattedUnion(type, config);
-            }
-            if (type.name) {
-                formatted = type.name;
-            }
-            if (type.typeArguments) {
-                formatted += this.getFormattedTypeArguments(type, config);
-            }
-            if (type.type === 'array') {
-                formatted += '[]';
-            }
-            if (type.typeLiteral) {
-                var formattedTypeLiteral = this.getFormattedInterfaceProperties(type.typeLiteral, config)
-                    .replace(/\n/g, ' ')
-                    .replace(/\s\s+/g, ' ');
-                formatted = "{" + formattedTypeLiteral + " }";
-            }
-            if (config.escapeSpecialCharacters) {
-                return this.escapeSpecialCharacters(formatted);
-            }
-            return formatted;
-        };
-        SkyDocsTypeDefinitionsFormatService.prototype.escapeSpecialCharacters = function (value) {
-            return value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-        };
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedCallSignature = function (callSignature, config) {
-            var _this = this;
-            if (config === void 0) { config = {
-                escapeSpecialCharacters: true
-            }; }
-            var returnType = this.getFormattedType(callSignature.returnType, config);
-            if (!callSignature.parameters) {
-                return "() => " + returnType;
-            }
-            var formattedParams = callSignature.parameters
-                .map(function (p) { return _this.getFormattedParameterName(p, config); })
-                .join(', ');
-            return "(" + formattedParams + ") => " + returnType;
-        };
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedUnion = function (typeConfig, config) {
-            var _this = this;
-            return typeConfig.unionTypes.map(function (t) {
-                return _this.getFormattedType(t, config);
-            }).join(' | ');
-        };
-        /**
-         * Parse any type arguments e.g. `<T, F>`.
-         */
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedTypeArguments = function (typeConfig, config) {
-            var _this = this;
-            if (!typeConfig.typeArguments) {
-                return '';
-            }
-            var typeArguments = typeConfig.typeArguments.map(function (typeArgument) {
-                if (typeArgument.type === 'array') {
-                    return typeArgument.name + "[]";
-                }
-                if (typeArgument.unionTypes) {
-                    return _this.getFormattedUnion(typeArgument, config);
-                }
-                return typeArgument.name;
-            });
-            return "<" + typeArguments.join(', ') + ">";
-        };
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedTypeParameters = function (typeParameters) {
-            if (!typeParameters) {
-                return '';
-            }
-            var formatted = typeParameters.map(function (typeParameter) {
-                var result = typeParameter.name;
-                if (typeParameter.type && typeParameter.type.type === 'reference') {
-                    result += " extends " + typeParameter.type.name;
-                }
-                return result;
-            });
-            return "<" + formatted.join(', ') + ">";
-        };
-        SkyDocsTypeDefinitionsFormatService.prototype.getFormattedInterfaceProperties = function (definition, config) {
-            var _this = this;
-            var signature = '';
-            definition.properties.forEach(function (property) {
-                var indexSignature = property.type.indexSignature;
-                var optionalIndicator = (property.isOptional && !indexSignature) ? '?' : '';
-                var propertyType = _this.getFormattedType(property.type, config);
-                var name;
-                if (indexSignature) {
-                    name = "[" + indexSignature.key.name + ": string]";
-                }
-                else {
-                    name = property.name;
-                }
-                signature += "\n  " + name + optionalIndicator + ": " + propertyType + ";";
-            });
-            return signature;
-        };
-        return SkyDocsTypeDefinitionsFormatService;
-    }());
-    SkyDocsTypeDefinitionsFormatService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsFormatService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsTypeDefinitionsFormatService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsFormatService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsFormatService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }] });
-
-    var SkyDocsTypeDefinitionsProvider = /** @class */ (function () {
-        function SkyDocsTypeDefinitionsProvider() {
-        }
-        return SkyDocsTypeDefinitionsProvider;
-    }());
-    SkyDocsTypeDefinitionsProvider.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsProvider, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsTypeDefinitionsProvider.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsProvider });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsProvider, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    /**
-     * Finds any type name that is NOT surrounded by alpha-numeric (and '>', '<', '.') characters.
-     * (This is to avoid matching types that share similar words, such as `Foo` and `FooUser`.)
-     * Notes:
-     *  - If the type name is surrounded by angle brackets, then it has already been processed as a link.
-     *  - If the type name starts with a period '.', then it is a sub property of an enumeration, etc. and should not be processed as a link.
-     *  - If the type name ends with a period followed immediately by any word character, then it is a method or property (Foo.bar).
-     *    Only the type name should be processed as a link.
-     */
-    function createRegex(keyword) {
-        return new RegExp("(^|[^a-zA-Z0-9>.[/])(" + keyword + ")(\\.\\w+)?(?=[^a-zA-Z0-9<]+|$)", 'g');
-    }
-    var SkyDocsAnchorLinkService = /** @class */ (function () {
-        function SkyDocsAnchorLinkService(typeDefinitionsProvider) {
-            this.anchorIds = typeDefinitionsProvider.anchorIds;
-        }
-        /**
-         * Formats known type names with `<code>` tags and wraps them with anchor tags, linking to the appropriate type.
-         * If the content is already contained within a `<code>` tag, set `codeFormat = false` to prevent extra `<code>` tags from being added.
-         */
-        SkyDocsAnchorLinkService.prototype.applyTypeAnchorLinks = function (content, config) {
-            var _this = this;
-            if (!this.anchorIds || !content) {
-                return content;
-            }
-            // Set default for code formatting.
-            if (!config) {
-                config = {
-                    applyCodeFormatting: true
-                };
-            }
-            content = this.removeDoubleSquareBrackets(content);
-            Object.keys(this.anchorIds).forEach(function (typeName) {
-                content = _this.removeBackticks(typeName, content);
-                var matches;
-                var counter = 0;
-                var max = 100;
-                var regex = createRegex(typeName);
-                do {
-                    matches = regex.exec(content);
-                    if (matches) {
-                        var anchorId = _this.anchorIds[typeName];
-                        var anchorHtml = '<a class="sky-docs-anchor-link" href="#' + anchorId + '">' + typeName + '</a>';
-                        // Group 3 of the regex pattern captures type properties like Foo.bar.
-                        // If these are found, they do not need hyperlinked, but add them to the encapsulating code tag.
-                        var typeProperty = (matches[3] ? matches[3] : '');
-                        var replacement = void 0;
-                        if (config.applyCodeFormatting) {
-                            replacement = '<code>' + anchorHtml + typeProperty + '</code>';
-                        }
-                        else {
-                            replacement = anchorHtml + typeProperty;
-                        }
-                        // Regex Positive lookbehinds aren't supported in IE11 and Safari, so we have to check if the match has a starting extra character
-                        // (usually whitespace " Foo"), and then modify the starting/ending indexes to account for the extra character.
-                        var isMatchExact = matches[0].substr(0, typeName.length) === typeName;
-                        var startIndex = isMatchExact ? matches.index : matches.index + 1;
-                        var endIndex = isMatchExact ? matches[0].length : matches[0].length - 1;
-                        var contentWithCodeTags = content.substr(0, startIndex) + replacement + content.substr(startIndex + endIndex);
-                        content = contentWithCodeTags;
-                        counter++;
-                    }
-                } while (matches !== null && counter < max);
-            });
-            return content;
-        };
-        /**
-         * For backwards compatibility, we need to remove any double brackets wrapped around types.
-         * e.g., `[[SampleType]]`
-         */
-        SkyDocsAnchorLinkService.prototype.removeDoubleSquareBrackets = function (content) {
-            var match = content.match(/\[\[.*\]\]/);
-            if (match) {
-                var typeName = match[0].replace(/\[\[/g, '').replace(/\]\]/g, '');
-                content = content.replace(match[0], typeName);
-            }
-            return content;
-        };
-        /**
-         * Removes backtick characters around known types to prevent
-         * the markdown pipe from wrapping them with code elements.
-         */
-        SkyDocsAnchorLinkService.prototype.removeBackticks = function (typeName, content) {
-            var regexp = new RegExp("`(" + typeName + ")`", 'g');
-            return content.replace(regexp, typeName);
-        };
-        return SkyDocsAnchorLinkService;
-    }());
-    SkyDocsAnchorLinkService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnchorLinkService, deps: [{ token: SkyDocsTypeDefinitionsProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsAnchorLinkService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnchorLinkService, providedIn: 'any' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsAnchorLinkService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'any'
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }]; } });
-
-    /**
-     * Adds same-page anchor tags around known TypeScript types.
-     */
-    var SkyDocsTypeAnchorLinksPipe = /** @class */ (function () {
-        function SkyDocsTypeAnchorLinksPipe(anchorLinkService) {
-            this.anchorLinkService = anchorLinkService;
-        }
-        SkyDocsTypeAnchorLinksPipe.prototype.transform = function (value, formatType) {
-            var anchorLinkConfig = {
-                applyCodeFormatting: (formatType !== 'no-code-tags')
-            };
-            return this.anchorLinkService.applyTypeAnchorLinks(value, anchorLinkConfig);
-        };
-        return SkyDocsTypeAnchorLinksPipe;
-    }());
-    SkyDocsTypeAnchorLinksPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeAnchorLinksPipe, deps: [{ token: SkyDocsAnchorLinkService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SkyDocsTypeAnchorLinksPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeAnchorLinksPipe, name: "skyDocsTypeAnchorLinks" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeAnchorLinksPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'skyDocsTypeAnchorLinks',
-                        pure: true
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsAnchorLinkService }]; } });
-
-    /**
-     * "Call signatures" include methods, functions, and inline arrow functions.
-     * This component is used to document both the return type and parameters of a given call signature.
-     */
-    var SkyDocsCallSignatureDefinitionComponent = /** @class */ (function () {
-        function SkyDocsCallSignatureDefinitionComponent(formatService) {
-            this.formatService = formatService;
-        }
-        Object.defineProperty(SkyDocsCallSignatureDefinitionComponent.prototype, "config", {
-            get: function () {
-                return this._config;
-            },
-            set: function (value) {
-                this._config = value;
-                this.updateView();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsCallSignatureDefinitionComponent.prototype.updateView = function () {
-            var _this = this;
-            var _a, _b, _c;
-            this.parameters = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.parameters) === null || _b === void 0 ? void 0 : _b.map(function (p) {
-                var vm = {
-                    defaultValue: p.defaultValue,
-                    description: p.description,
-                    formattedName: _this.formatService.getFormattedParameterName(p),
-                    isOptional: p.isOptional
-                };
-                return vm;
-            });
-            this.returnTypeFormatted = this.formatService.getFormattedType((_c = this.config) === null || _c === void 0 ? void 0 : _c.returnType);
-        };
-        return SkyDocsCallSignatureDefinitionComponent;
-    }());
-    SkyDocsCallSignatureDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCallSignatureDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsCallSignatureDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-call-signature-definition\"\n>\n  <ng-container *ngIf=\"parameters\">\n    <h4\n      class=\"sky-docs-call-signature-definition-heading\"\n    >\n      Parameters\n    </h4>\n    <table\n      class=\"sky-docs-parameter-definitions\"\n    >\n      <tbody>\n        <tr *ngFor=\"let parameter of parameters\">\n          <th\n            class=\"sky-docs-parameter-definition-header\"\n          >\n            <sky-code><span\n              [innerHtml]=\"parameter.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n            ></span></sky-code>\n          </th>\n          <td\n            class=\"sky-docs-parameter-definition-body\"\n          >\n            <div *ngIf=\"parameter.description\"\n              class=\"sky-docs-parameter-definition-description\"\n            >\n              <sky-docs-safe-html *ngIf=\"parameter.description\"\n                [innerHtml]=\"parameter.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n              ></sky-docs-safe-html>\n            </div>\n            <div *ngIf=\"parameter.isOptional\"\n              class=\"sky-docs-parameter-definition-label-optional\"\n            >\n              Optional.\n              <ng-container *ngIf=\"parameter.defaultValue\">\n                Default is\n                <sky-code><span\n                  [innerHtml]=\"parameter.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n                ></span></sky-code>.\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n\n  <ng-container *ngIf=\"returnTypeFormatted\">\n    <h4\n      class=\"sky-docs-call-signature-definition-heading\"\n    >\n      Returns\n    </h4>\n\n    <div\n      class=\"sky-docs-call-signature-definition-return-type\"\n    >\n      <sky-code><span\n        [innerHtml]=\"returnTypeFormatted | skyDocsTypeAnchorLinks:'no-code-tags'\"\n      ></span></sky-code>\n    </div>\n  </ng-container>\n\n</div>\n", styles: [".sky-docs-call-signature-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-parameter-definitions{width:auto;max-width:100%;border-spacing:0;border-collapse:collapse;background-color:#fff;margin-left:15px}.sky-docs-parameter-definitions th,.sky-docs-parameter-definitions td{padding:10px;border-bottom:1px dotted #cdcfd2;vertical-align:top;text-align:left}.sky-docs-parameter-definitions th ::ng-deep:first-child .sky-code,.sky-docs-parameter-definitions td ::ng-deep:first-child .sky-code{display:inline-block;white-space:normal}.sky-docs-parameter-definitions th ::ng-deep p,.sky-docs-parameter-definitions td ::ng-deep p{margin:10px 0}.sky-docs-parameter-definitions th ::ng-deep p:first-child,.sky-docs-parameter-definitions td ::ng-deep p:first-child{margin-top:0!important}.sky-docs-parameter-definitions th ::ng-deep p:last-child,.sky-docs-parameter-definitions td ::ng-deep p:last-child{margin-bottom:0!important}.sky-docs-parameter-definitions th{width:25%;padding-left:0}.sky-docs-parameter-definitions tr:first-child>th,.sky-docs-parameter-definitions tr:first-child>td{padding-top:0}.sky-docs-parameter-definitions tr:last-child>th,.sky-docs-parameter-definitions tr:last-child>td{border-bottom:0;padding-bottom:0}.sky-docs-parameter-definition-header{width:1%;white-space:nowrap;font-weight:normal}.sky-docs-parameter-definition-label-optional{color:#686c73}.sky-docs-call-signature-definition-return-type{margin-left:15px}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsCallSignatureDefinitionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-call-signature-definition',
-                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-call-signature-definition\"\n>\n  <ng-container *ngIf=\"parameters\">\n    <h4\n      class=\"sky-docs-call-signature-definition-heading\"\n    >\n      Parameters\n    </h4>\n    <table\n      class=\"sky-docs-parameter-definitions\"\n    >\n      <tbody>\n        <tr *ngFor=\"let parameter of parameters\">\n          <th\n            class=\"sky-docs-parameter-definition-header\"\n          >\n            <sky-code><span\n              [innerHtml]=\"parameter.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n            ></span></sky-code>\n          </th>\n          <td\n            class=\"sky-docs-parameter-definition-body\"\n          >\n            <div *ngIf=\"parameter.description\"\n              class=\"sky-docs-parameter-definition-description\"\n            >\n              <sky-docs-safe-html *ngIf=\"parameter.description\"\n                [innerHtml]=\"parameter.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n              ></sky-docs-safe-html>\n            </div>\n            <div *ngIf=\"parameter.isOptional\"\n              class=\"sky-docs-parameter-definition-label-optional\"\n            >\n              Optional.\n              <ng-container *ngIf=\"parameter.defaultValue\">\n                Default is\n                <sky-code><span\n                  [innerHtml]=\"parameter.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n                ></span></sky-code>.\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n\n  <ng-container *ngIf=\"returnTypeFormatted\">\n    <h4\n      class=\"sky-docs-call-signature-definition-heading\"\n    >\n      Returns\n    </h4>\n\n    <div\n      class=\"sky-docs-call-signature-definition-return-type\"\n    >\n      <sky-code><span\n        [innerHtml]=\"returnTypeFormatted | skyDocsTypeAnchorLinks:'no-code-tags'\"\n      ></span></sky-code>\n    </div>\n  </ng-container>\n\n</div>\n",
-                        styles: [".sky-docs-call-signature-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-parameter-definitions{width:auto;max-width:100%;border-spacing:0;border-collapse:collapse;background-color:#fff;margin-left:15px}.sky-docs-parameter-definitions th,.sky-docs-parameter-definitions td{padding:10px;border-bottom:1px dotted #cdcfd2;vertical-align:top;text-align:left}.sky-docs-parameter-definitions th ::ng-deep:first-child .sky-code,.sky-docs-parameter-definitions td ::ng-deep:first-child .sky-code{display:inline-block;white-space:normal}.sky-docs-parameter-definitions th ::ng-deep p,.sky-docs-parameter-definitions td ::ng-deep p{margin:10px 0}.sky-docs-parameter-definitions th ::ng-deep p:first-child,.sky-docs-parameter-definitions td ::ng-deep p:first-child{margin-top:0!important}.sky-docs-parameter-definitions th ::ng-deep p:last-child,.sky-docs-parameter-definitions td ::ng-deep p:last-child{margin-bottom:0!important}.sky-docs-parameter-definitions th{width:25%;padding-left:0}.sky-docs-parameter-definitions tr:first-child>th,.sky-docs-parameter-definitions tr:first-child>td{padding-top:0}.sky-docs-parameter-definitions tr:last-child>th,.sky-docs-parameter-definitions tr:last-child>td{border-bottom:0;padding-bottom:0}.sky-docs-parameter-definition-header{width:1%;white-space:nowrap;font-weight:normal}.sky-docs-parameter-definition-label-optional{color:#686c73}.sky-docs-call-signature-definition-return-type{margin-left:15px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsPropertyDefinitionsComponent = /** @class */ (function () {
-        function SkyDocsPropertyDefinitionsComponent(changeDetector, formatService, mediaQueryService) {
-            this.changeDetector = changeDetector;
-            this.formatService = formatService;
-            this.mediaQueryService = mediaQueryService;
-            this.propertyType = 'Property';
-            this.showOptionalStatus = true;
-            this.deprecationWarningPrefix = "<span class=\"sky-text-warning\"></span>**Deprecated.** ";
-            this.isMobile = true;
-            this.properties = [];
-        }
-        Object.defineProperty(SkyDocsPropertyDefinitionsComponent.prototype, "config", {
-            get: function () {
-                return this._config || {};
-            },
-            set: function (value) {
-                this._config = value;
-                this.updateView();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsPropertyDefinitionsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.mediaQueryService.subscribe(function (breakpoints) {
-                _this.isMobile = (breakpoints <= i2$4.SkyMediaBreakpoints.sm);
-                _this.changeDetector.markForCheck();
-            });
-        };
-        SkyDocsPropertyDefinitionsComponent.prototype.updateView = function () {
-            var _this = this;
-            var _a, _b;
-            this.properties = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.map(function (property) {
-                var _a;
-                var vm = {
-                    callSignature: (_a = property.type) === null || _a === void 0 ? void 0 : _a.callSignature,
-                    defaultValue: _this.formatService.escapeSpecialCharacters(property.defaultValue || ''),
-                    deprecationWarning: property.deprecationWarning,
-                    description: property.description,
-                    formattedName: _this.formatService.getFormattedPropertyName(property),
-                    isOptional: property.isOptional
-                };
-                return vm;
-            });
-        };
-        return SkyDocsPropertyDefinitionsComponent;
-    }());
-    SkyDocsPropertyDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsPropertyDefinitionsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDocsTypeDefinitionsFormatService }, { token: i2__namespace$4.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsPropertyDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: { config: "config", propertyType: "propertyType", showOptionalStatus: "showOptionalStatus" }, ngImport: i0__namespace, template: "<div *ngIf=\"properties\"\n  class=\"sky-docs-property-definitions\"\n>\n  <table *ngIf=\"!isMobile else mobileTemplate\"\n    class=\"sky-docs-table\"\n  >\n    <tr\n      class=\"sky-docs-table-row\"\n    >\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n      >\n        {{ propertyType }}\n      </th>\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n      >\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let property of properties\"\n      class=\"sky-docs-table-row\"\n    >\n      <td\n        class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-name\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"nameTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: property}\"\n        ></ng-template>\n      </td>\n      <td\n        class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-description\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"descriptionTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: property}\"\n        ></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl\n      class=\"sky-docs-property-definition-list\"\n    >\n      <div *ngFor=\"let property of properties\"\n        class=\"sky-docs-property-definition-list-item\"\n      >\n        <dt\n          class=\"sky-field-label\"\n        >{{ propertyType }}</dt>\n        <dd\n          class=\"sky-docs-property-definitions-dd-name\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"nameTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: property}\"\n          ></ng-template>\n        </dd>\n        <dt\n          class=\"sky-field-label\"\n        >Description</dt>\n        <dd\n          class=\"sky-docs-property-definitions-dd-description\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"descriptionTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: property}\"\n          ></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-property #nameTemplate>\n  <sky-code><span\n    [innerHtml]=\"property.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n  ></span></sky-code>\n</ng-template>\n\n<ng-template let-property #descriptionTemplate>\n  <div *ngIf=\"!property.isOptional && showOptionalStatus\"\n    class=\"sky-docs-property-definition-label sky-text-danger\"\n  >Required.</div>\n\n  <sky-docs-safe-html *ngIf=\"property.deprecationWarning !== undefined\"\n    class=\"sky-docs-property-definitions-deprecation-warning\"\n    [innerHtml]=\"deprecationWarningPrefix + property.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"property.description\"\n    class=\"sky-docs-property-definitions-description\"\n    [innerHtml]=\"property.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <div *ngIf=\"property.isOptional && showOptionalStatus\"\n    class=\"sky-docs-property-definition-label sky-docs-property-definition-label-optional\"\n  >\n    Optional. <ng-container *ngIf=\"property.defaultValue\">Default is <sky-code><span\n    [innerHtml]=\"property.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n    ></span></sky-code>.</ng-container>\n  </div>\n\n  <sky-docs-call-signature-definition *ngIf=\"property.callSignature\"\n    [config]=\"property.callSignature\"\n  ></sky-docs-call-signature-definition>\n</ng-template>\n", styles: [":host{margin:15px 0}.sky-docs-property-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-property-definition-label-optional{color:#686c73;margin-bottom:10px}.sky-docs-property-definition-list{margin:0}.sky-docs-property-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-property-definition-list-item .sky-field-label{margin:10px 0}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsPropertyDefinitionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-property-definitions',
-                        template: "<div *ngIf=\"properties\"\n  class=\"sky-docs-property-definitions\"\n>\n  <table *ngIf=\"!isMobile else mobileTemplate\"\n    class=\"sky-docs-table\"\n  >\n    <tr\n      class=\"sky-docs-table-row\"\n    >\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n      >\n        {{ propertyType }}\n      </th>\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n      >\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let property of properties\"\n      class=\"sky-docs-table-row\"\n    >\n      <td\n        class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-name\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"nameTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: property}\"\n        ></ng-template>\n      </td>\n      <td\n        class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-description\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"descriptionTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: property}\"\n        ></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl\n      class=\"sky-docs-property-definition-list\"\n    >\n      <div *ngFor=\"let property of properties\"\n        class=\"sky-docs-property-definition-list-item\"\n      >\n        <dt\n          class=\"sky-field-label\"\n        >{{ propertyType }}</dt>\n        <dd\n          class=\"sky-docs-property-definitions-dd-name\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"nameTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: property}\"\n          ></ng-template>\n        </dd>\n        <dt\n          class=\"sky-field-label\"\n        >Description</dt>\n        <dd\n          class=\"sky-docs-property-definitions-dd-description\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"descriptionTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: property}\"\n          ></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-property #nameTemplate>\n  <sky-code><span\n    [innerHtml]=\"property.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n  ></span></sky-code>\n</ng-template>\n\n<ng-template let-property #descriptionTemplate>\n  <div *ngIf=\"!property.isOptional && showOptionalStatus\"\n    class=\"sky-docs-property-definition-label sky-text-danger\"\n  >Required.</div>\n\n  <sky-docs-safe-html *ngIf=\"property.deprecationWarning !== undefined\"\n    class=\"sky-docs-property-definitions-deprecation-warning\"\n    [innerHtml]=\"deprecationWarningPrefix + property.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"property.description\"\n    class=\"sky-docs-property-definitions-description\"\n    [innerHtml]=\"property.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <div *ngIf=\"property.isOptional && showOptionalStatus\"\n    class=\"sky-docs-property-definition-label sky-docs-property-definition-label-optional\"\n  >\n    Optional. <ng-container *ngIf=\"property.defaultValue\">Default is <sky-code><span\n    [innerHtml]=\"property.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n    ></span></sky-code>.</ng-container>\n  </div>\n\n  <sky-docs-call-signature-definition *ngIf=\"property.callSignature\"\n    [config]=\"property.callSignature\"\n  ></sky-docs-call-signature-definition>\n</ng-template>\n",
-                        styles: [":host{margin:15px 0}.sky-docs-property-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-property-definition-label-optional{color:#686c73;margin-bottom:10px}.sky-docs-property-definition-list{margin:0}.sky-docs-property-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-property-definition-list-item .sky-field-label{margin:10px 0}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDocsTypeDefinitionsFormatService }, { type: i2__namespace$4.SkyMediaQueryService }]; }, propDecorators: { config: [{
-                    type: i0.Input
-                }], propertyType: [{
-                    type: i0.Input
-                }], showOptionalStatus: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsDirectiveDefinitionComponent = /** @class */ (function () {
-        function SkyDocsDirectiveDefinitionComponent() {
-        }
-        return SkyDocsDirectiveDefinitionComponent;
-    }());
-    SkyDocsDirectiveDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDirectiveDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDirectiveDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-directive-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-directive-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <h4\n    class=\"sky-docs-directive-definition-h4\"\n  >\n    Selector\n  </h4>\n\n  <p\n    class=\"sky-docs-directive-selector\"\n  >\n    <sky-code>{{ config.selector }}</sky-code>\n  </p>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4\n      class=\"sky-docs-directive-definition-h4\"\n    >\n      Example\n    </h4>\n    <sky-code-block\n      class=\"sky-docs-code-block\"\n      [code]=\"config.codeExample\"\n      [hideHeader]=\"true\"\n      [languageType]=\"config.codeExampleLanguage\"\n    >\n    </sky-code-block>\n  </ng-container>\n\n  <sky-docs-property-definitions *ngIf=\"config.inputProperties?.length\"\n    propertyType=\"Input\"\n    [config]=\"{\n      properties: config.inputProperties\n    }\"\n  ></sky-docs-property-definitions>\n\n  <sky-docs-property-definitions *ngIf=\"config.eventProperties?.length\"\n    propertyType=\"Event\"\n    [config]=\"{\n      properties: config.eventProperties\n    }\"\n  ></sky-docs-property-definitions>\n</div>\n", styles: [".sky-docs-directive-definition-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-directive-selector{margin-left:15px!important;margin-top:10px!important}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ1, selector: "sky-code" }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDirectiveDefinitionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-directive-definition',
-                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-directive-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-directive-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <h4\n    class=\"sky-docs-directive-definition-h4\"\n  >\n    Selector\n  </h4>\n\n  <p\n    class=\"sky-docs-directive-selector\"\n  >\n    <sky-code>{{ config.selector }}</sky-code>\n  </p>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4\n      class=\"sky-docs-directive-definition-h4\"\n    >\n      Example\n    </h4>\n    <sky-code-block\n      class=\"sky-docs-code-block\"\n      [code]=\"config.codeExample\"\n      [hideHeader]=\"true\"\n      [languageType]=\"config.codeExampleLanguage\"\n    >\n    </sky-code-block>\n  </ng-container>\n\n  <sky-docs-property-definitions *ngIf=\"config.inputProperties?.length\"\n    propertyType=\"Input\"\n    [config]=\"{\n      properties: config.inputProperties\n    }\"\n  ></sky-docs-property-definitions>\n\n  <sky-docs-property-definitions *ngIf=\"config.eventProperties?.length\"\n    propertyType=\"Event\"\n    [config]=\"{\n      properties: config.eventProperties\n    }\"\n  ></sky-docs-property-definitions>\n</div>\n",
-                        styles: [".sky-docs-directive-definition-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-directive-selector{margin-left:15px!important;margin-top:10px!important}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { config: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsEnumerationDefinitionComponent = /** @class */ (function () {
-        function SkyDocsEnumerationDefinitionComponent() {
-        }
-        return SkyDocsEnumerationDefinitionComponent;
-    }());
-    SkyDocsEnumerationDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsEnumerationDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsEnumerationDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-enumeration-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-enumeration-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-property-definitions *ngIf=\"config.members\"\n    propertyType=\"Member\"\n    [config]=\"{ properties: config.members }\"\n    [showOptionalStatus]=\"false\"\n  ></sky-docs-property-definitions>\n</div>", components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsEnumerationDefinitionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-enumeration-definition',
-                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-enumeration-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-enumeration-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-property-definitions *ngIf=\"config.members\"\n    propertyType=\"Member\"\n    [config]=\"{ properties: config.members }\"\n    [showOptionalStatus]=\"false\"\n  ></sky-docs-property-definitions>\n</div>",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { config: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsInterfaceDefinitionComponent = /** @class */ (function () {
-        function SkyDocsInterfaceDefinitionComponent(formatService) {
-            this.formatService = formatService;
-        }
-        Object.defineProperty(SkyDocsInterfaceDefinitionComponent.prototype, "config", {
-            get: function () {
-                return this._config;
-            },
-            set: function (value) {
-                this._config = value;
-                this.updateView();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsInterfaceDefinitionComponent.prototype.updateView = function () {
-            this.sourceCode = (this.config) ? this.formatService.getInterfaceSourceCode(this.config) : undefined;
-        };
-        return SkyDocsInterfaceDefinitionComponent;
-    }());
-    SkyDocsInterfaceDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsInterfaceDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsInterfaceDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-interface-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-interface-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-property-definitions *ngIf=\"config.properties\"\n    [config]=\"{ properties: config.properties }\"\n    [showOptionalStatus]=\"false\"\n  ></sky-docs-property-definitions>\n</div>\n", components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsInterfaceDefinitionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-interface-definition',
-                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-interface-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-interface-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-property-definitions *ngIf=\"config.properties\"\n    [config]=\"{ properties: config.properties }\"\n    [showOptionalStatus]=\"false\"\n  ></sky-docs-property-definitions>\n</div>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsMethodDefinitionsComponent = /** @class */ (function () {
-        function SkyDocsMethodDefinitionsComponent(changeDetector, formatService, mediaQueryService) {
-            this.changeDetector = changeDetector;
-            this.formatService = formatService;
-            this.mediaQueryService = mediaQueryService;
-            this.deprecationWarningPrefix = "<span class=\"sky-text-warning\"></span>**Deprecated.** ";
-            this.isMobile = true;
-        }
-        Object.defineProperty(SkyDocsMethodDefinitionsComponent.prototype, "config", {
-            get: function () {
-                return this._config || {};
-            },
-            set: function (value) {
-                this._config = value;
-                this.updateView();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsMethodDefinitionsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.mediaQueryService.subscribe(function (breakpoints) {
-                _this.isMobile = (breakpoints <= i2$4.SkyMediaBreakpoints.sm);
-                _this.changeDetector.markForCheck();
-            });
-        };
-        SkyDocsMethodDefinitionsComponent.prototype.updateView = function () {
-            var _this = this;
-            var _a, _b;
-            this.methods = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.methods) === null || _b === void 0 ? void 0 : _b.map(function (method) {
-                var vm = {
-                    callSignature: method.type.callSignature,
-                    codeExample: method.codeExample,
-                    codeExampleLanguage: method.codeExampleLanguage,
-                    deprecationWarning: method.deprecationWarning,
-                    description: method.description,
-                    formattedName: _this.formatService.getFormattedMethodName(method),
-                    sourceCode: _this.formatService.getMethodSourceCode(method)
-                };
-                return vm;
-            });
-        };
-        return SkyDocsMethodDefinitionsComponent;
-    }());
-    SkyDocsMethodDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMethodDefinitionsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDocsTypeDefinitionsFormatService }, { token: i2__namespace$4.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsMethodDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"methods\"\n  class=\"sky-docs-method-definitions\"\n>\n  <table *ngIf=\"!isMobile else mobileTemplate\"\n    class=\"sky-docs-table\"\n  >\n    <tr\n      class=\"sky-docs-table-row\"\n    >\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n      >\n        Methods\n      </th>\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n      >\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let method of methods\"\n      class=\"sky-docs-table-row\"\n    >\n      <td\n        class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-name\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"nameTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: method}\"\n        ></ng-template>\n      </td>\n      <td\n        class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-description\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"descriptionTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: method}\"\n        ></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl\n      class=\"sky-docs-method-definition-list\"\n    >\n      <div *ngFor=\"let method of methods\"\n        class=\"sky-docs-method-definition-list-item\"\n      >\n        <dt\n          class=\"sky-field-label\"\n        >\n          Methods\n        </dt>\n        <dd\n          class=\"sky-docs-method-definitions-dd-name\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"nameTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: method}\"\n          ></ng-template>\n        </dd>\n        <dt\n          class=\"sky-field-label\"\n        >Description</dt>\n        <dd\n          class=\"sky-docs-method-definitions-dd-description\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"descriptionTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: method}\"\n          ></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-method #nameTemplate>\n  <sky-code><span\n    [innerHtml]=\"method.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n  ></span></sky-code>\n</ng-template>\n\n<ng-template let-method #descriptionTemplate>\n\n  <sky-docs-safe-html *ngIf=\"method.deprecationWarning !== undefined\"\n    class=\"sky-docs-method-definition-deprecation-warning\"\n    [innerHtml]=\"deprecationWarningPrefix + method.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"method.description\"\n    class=\"sky-docs-method-definition-description\"\n    [innerHtml]=\"method.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"method.sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"method.sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"method.callSignature\"\n    [config]=\"method.callSignature\"\n  ></sky-docs-call-signature-definition>\n\n  <ng-container *ngIf=\"method.codeExample\">\n    <h4 class=\"sky-docs-method-definition-heading\">\n      Example\n    </h4>\n    <sky-code-block *ngIf=\"method.codeExample\"\n      class=\"sky-docs-code-block\"\n      languageType=\"method.codeExampleLanguage\"\n      [code]=\"method.codeExample\"\n      [hideHeader]=\"true\"\n    ></sky-code-block>\n  </ng-container>\n</ng-template>\n", styles: [":host{margin:15px 0}.sky-docs-method-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-method-definition-label-optional{color:#686c73}.sky-docs-method-definition-list{margin:0}.sky-docs-method-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-method-definition-list-item .sky-field-label{margin:10px 0}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsMethodDefinitionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-method-definitions',
-                        template: "<div *ngIf=\"methods\"\n  class=\"sky-docs-method-definitions\"\n>\n  <table *ngIf=\"!isMobile else mobileTemplate\"\n    class=\"sky-docs-table\"\n  >\n    <tr\n      class=\"sky-docs-table-row\"\n    >\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n      >\n        Methods\n      </th>\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n      >\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let method of methods\"\n      class=\"sky-docs-table-row\"\n    >\n      <td\n        class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-name\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"nameTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: method}\"\n        ></ng-template>\n      </td>\n      <td\n        class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-description\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"descriptionTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: method}\"\n        ></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl\n      class=\"sky-docs-method-definition-list\"\n    >\n      <div *ngFor=\"let method of methods\"\n        class=\"sky-docs-method-definition-list-item\"\n      >\n        <dt\n          class=\"sky-field-label\"\n        >\n          Methods\n        </dt>\n        <dd\n          class=\"sky-docs-method-definitions-dd-name\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"nameTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: method}\"\n          ></ng-template>\n        </dd>\n        <dt\n          class=\"sky-field-label\"\n        >Description</dt>\n        <dd\n          class=\"sky-docs-method-definitions-dd-description\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"descriptionTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: method}\"\n          ></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-method #nameTemplate>\n  <sky-code><span\n    [innerHtml]=\"method.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n  ></span></sky-code>\n</ng-template>\n\n<ng-template let-method #descriptionTemplate>\n\n  <sky-docs-safe-html *ngIf=\"method.deprecationWarning !== undefined\"\n    class=\"sky-docs-method-definition-deprecation-warning\"\n    [innerHtml]=\"deprecationWarningPrefix + method.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"method.description\"\n    class=\"sky-docs-method-definition-description\"\n    [innerHtml]=\"method.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"method.sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"method.sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"method.callSignature\"\n    [config]=\"method.callSignature\"\n  ></sky-docs-call-signature-definition>\n\n  <ng-container *ngIf=\"method.codeExample\">\n    <h4 class=\"sky-docs-method-definition-heading\">\n      Example\n    </h4>\n    <sky-code-block *ngIf=\"method.codeExample\"\n      class=\"sky-docs-code-block\"\n      languageType=\"method.codeExampleLanguage\"\n      [code]=\"method.codeExample\"\n      [hideHeader]=\"true\"\n    ></sky-code-block>\n  </ng-container>\n</ng-template>\n",
-                        styles: [":host{margin:15px 0}.sky-docs-method-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-method-definition-label-optional{color:#686c73}.sky-docs-method-definition-list{margin:0}.sky-docs-method-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-method-definition-list-item .sky-field-label{margin:10px 0}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDocsTypeDefinitionsFormatService }, { type: i2__namespace$4.SkyMediaQueryService }]; }, propDecorators: { config: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsPipeDefinitionComponent = /** @class */ (function () {
-        function SkyDocsPipeDefinitionComponent() {
-        }
-        return SkyDocsPipeDefinitionComponent;
-    }());
-    SkyDocsPipeDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsPipeDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsPipeDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-pipe-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4\n      class=\"sky-docs-pipe-definition-heading\"\n    >\n      Example\n    </h4>\n    <sky-code-block\n      class=\"sky-docs-code-block\"\n      [code]=\"config.codeExample\"\n      [hideHeader]=\"true\"\n      [languageType]=\"config.codeExampleLanguage\"\n    ></sky-code-block>\n  </ng-container>\n\n  <sky-docs-method-definitions\n    [config]=\"{\n      methods: [config.transformMethod]\n    }\"\n  ></sky-docs-method-definitions>\n</div>\n", styles: [".sky-docs-pipe-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsPipeDefinitionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-pipe-definition',
-                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-pipe-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4\n      class=\"sky-docs-pipe-definition-heading\"\n    >\n      Example\n    </h4>\n    <sky-code-block\n      class=\"sky-docs-code-block\"\n      [code]=\"config.codeExample\"\n      [hideHeader]=\"true\"\n      [languageType]=\"config.codeExampleLanguage\"\n    ></sky-code-block>\n  </ng-container>\n\n  <sky-docs-method-definitions\n    [config]=\"{\n      methods: [config.transformMethod]\n    }\"\n  ></sky-docs-method-definitions>\n</div>\n",
-                        styles: [".sky-docs-pipe-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { config: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsClassDefinitionComponent = /** @class */ (function () {
-        function SkyDocsClassDefinitionComponent() {
-        }
-        return SkyDocsClassDefinitionComponent;
-    }());
-    SkyDocsClassDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsClassDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsClassDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-class-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-class-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.properties?.length\">\n    <sky-docs-property-definitions\n      [config]=\"{ properties: config.properties }\"\n    ></sky-docs-property-definitions>\n  </ng-container>\n\n  <ng-container *ngIf=\"config.methods?.length\">\n    <sky-docs-method-definitions\n      [config]=\"{ methods: config.methods }\"\n    ></sky-docs-method-definitions>\n  </ng-container>\n</div>\n", styles: [".sky-docs-class-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-class-definition-return-type{margin-left:15px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }, { type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsClassDefinitionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-class-definition',
-                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-class-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-class-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.properties?.length\">\n    <sky-docs-property-definitions\n      [config]=\"{ properties: config.properties }\"\n    ></sky-docs-property-definitions>\n  </ng-container>\n\n  <ng-container *ngIf=\"config.methods?.length\">\n    <sky-docs-method-definitions\n      [config]=\"{ methods: config.methods }\"\n    ></sky-docs-method-definitions>\n  </ng-container>\n</div>\n",
-                        styles: [".sky-docs-class-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-class-definition-return-type{margin-left:15px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { config: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsTypeAliasDefinitionComponent = /** @class */ (function () {
-        function SkyDocsTypeAliasDefinitionComponent(formatService) {
-            this.formatService = formatService;
-        }
-        Object.defineProperty(SkyDocsTypeAliasDefinitionComponent.prototype, "config", {
-            get: function () {
-                return this._config;
-            },
-            set: function (value) {
-                this._config = value;
-                this.updateView();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsTypeAliasDefinitionComponent.prototype.updateView = function () {
-            this.sourceCode = (this.config) ? this.formatService.getTypeAliasSourceCode(this.config) : undefined;
-        };
-        return SkyDocsTypeAliasDefinitionComponent;
-    }());
-    SkyDocsTypeAliasDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeAliasDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsTypeAliasDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-type-alias-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-type-alias-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"config.type.callSignature\"\n    [config]=\"config.type.callSignature\"\n  ></sky-docs-call-signature-definition>\n</div>\n", styles: [".sky-docs-type-alias-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-type-alias-definition-return-type{margin-left:15px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeAliasDefinitionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-type-alias-definition',
-                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-type-alias-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-type-alias-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"config.type.callSignature\"\n    [config]=\"config.type.callSignature\"\n  ></sky-docs-call-signature-definition>\n</div>\n",
-                        styles: [".sky-docs-type-alias-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-type-alias-definition-return-type{margin-left:15px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsTypeDefinitionsModule = /** @class */ (function () {
-        function SkyDocsTypeDefinitionsModule() {
-        }
-        return SkyDocsTypeDefinitionsModule;
-    }());
-    SkyDocsTypeDefinitionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsTypeDefinitionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, declarations: [SkyDocsCallSignatureDefinitionComponent,
-            SkyDocsClassDefinitionComponent,
-            SkyDocsDirectiveDefinitionComponent,
-            SkyDocsEnumerationDefinitionComponent,
-            SkyDocsInterfaceDefinitionComponent,
-            SkyDocsMethodDefinitionsComponent,
-            SkyDocsPipeDefinitionComponent,
-            SkyDocsPropertyDefinitionsComponent,
-            SkyDocsTypeAliasDefinitionComponent,
-            SkyDocsTypeAnchorLinksPipe], imports: [i2.CommonModule,
-            i1$3.RouterModule,
-            i3$1.SkyCodeBlockModule,
-            i3$1.SkyCodeModule,
-            i2$1.SkyDefinitionListModule,
-            SkyDocsHeadingAnchorModule,
-            SkyDocsMarkdownModule,
-            SkyDocsSafeHtmlModule,
-            i1$1.SkyIconModule], exports: [SkyDocsCallSignatureDefinitionComponent,
-            SkyDocsClassDefinitionComponent,
-            SkyDocsDirectiveDefinitionComponent,
-            SkyDocsEnumerationDefinitionComponent,
-            SkyDocsInterfaceDefinitionComponent,
-            SkyDocsMethodDefinitionsComponent,
-            SkyDocsPipeDefinitionComponent,
-            SkyDocsPropertyDefinitionsComponent,
-            SkyDocsTypeAliasDefinitionComponent,
-            SkyDocsTypeAnchorLinksPipe] });
-    SkyDocsTypeDefinitionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, imports: [[
-                i2.CommonModule,
-                i1$3.RouterModule,
-                i3$1.SkyCodeBlockModule,
-                i3$1.SkyCodeModule,
-                i2$1.SkyDefinitionListModule,
-                SkyDocsHeadingAnchorModule,
-                SkyDocsMarkdownModule,
-                SkyDocsSafeHtmlModule,
-                i1$1.SkyIconModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i1$3.RouterModule,
-                            i3$1.SkyCodeBlockModule,
-                            i3$1.SkyCodeModule,
-                            i2$1.SkyDefinitionListModule,
-                            SkyDocsHeadingAnchorModule,
-                            SkyDocsMarkdownModule,
-                            SkyDocsSafeHtmlModule,
-                            i1$1.SkyIconModule
-                        ],
-                        declarations: [
-                            SkyDocsCallSignatureDefinitionComponent,
-                            SkyDocsClassDefinitionComponent,
-                            SkyDocsDirectiveDefinitionComponent,
-                            SkyDocsEnumerationDefinitionComponent,
-                            SkyDocsInterfaceDefinitionComponent,
-                            SkyDocsMethodDefinitionsComponent,
-                            SkyDocsPipeDefinitionComponent,
-                            SkyDocsPropertyDefinitionsComponent,
-                            SkyDocsTypeAliasDefinitionComponent,
-                            SkyDocsTypeAnchorLinksPipe
-                        ],
-                        exports: [
-                            SkyDocsCallSignatureDefinitionComponent,
-                            SkyDocsClassDefinitionComponent,
-                            SkyDocsDirectiveDefinitionComponent,
-                            SkyDocsEnumerationDefinitionComponent,
-                            SkyDocsInterfaceDefinitionComponent,
-                            SkyDocsMethodDefinitionsComponent,
-                            SkyDocsPipeDefinitionComponent,
-                            SkyDocsPropertyDefinitionsComponent,
-                            SkyDocsTypeAliasDefinitionComponent,
-                            SkyDocsTypeAnchorLinksPipe
-                        ]
-                    }]
-            }] });
-
-    /**
-     * Specifies a section of page content.
-     * @example
-     * ```
-     * <sky-docs-demo-page-section
-     *   heading="Section heading"
-     * >
-     *   Section content here.
-     * </sky-docs-demo-page-section>
-     * ```
-     */
-    var SkyDocsDemoPageSectionComponent = /** @class */ (function () {
-        function SkyDocsDemoPageSectionComponent() {
-        }
-        Object.defineProperty(SkyDocsDemoPageSectionComponent.prototype, "anchorId", {
-            get: function () {
-                return "section-" + this.getSanitizedName(this.heading);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsDemoPageSectionComponent.prototype.getSanitizedName = function (value) {
-            if (!value) {
-                return;
-            }
-            var sanitized = value.toLowerCase()
-                // Remove special characters.
-                .replace(/[\_\~\`\@\!\#\$\%\^\&\*\(\)\[\]\{\}\;\:\'\/\\\<\>\,\.\?\=\+\|"]/g, '')
-                // Replace space characters with a dash.
-                .replace(/\s/g, '-')
-                // Remove any double-dashes.
-                .replace(/--/g, '-');
-            return sanitized;
-        };
-        return SkyDocsDemoPageSectionComponent;
-    }());
-    SkyDocsDemoPageSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoPageSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: { heading: "heading" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n  <div *ngIf=\"heading\"\n    class=\"sky-docs-demo-page-section-header\"\n  >\n    <sky-docs-heading-anchor\n      headingLevel=\"2\"\n      [anchorId]=\"anchorId\"\n    >\n      {{ heading }}\n    </sky-docs-heading-anchor>\n  </div>\n  <div class=\"sky-docs-demo-page-section-body\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".sky-docs-demo-page-section{margin-bottom:50px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageSectionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-page-section',
-                        template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n  <div *ngIf=\"heading\"\n    class=\"sky-docs-demo-page-section-header\"\n  >\n    <sky-docs-heading-anchor\n      headingLevel=\"2\"\n      [anchorId]=\"anchorId\"\n    >\n      {{ heading }}\n    </sky-docs-heading-anchor>\n  </div>\n  <div class=\"sky-docs-demo-page-section-body\">\n    <ng-content></ng-content>\n  </div>\n</div>",
-                        styles: [".sky-docs-demo-page-section{margin-bottom:50px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { heading: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * The page summary provides a section at the top of the page
-     * to summarize what a user should expect to find or learn on the page.
-     * @example
-     * ```
-     * <sky-docs-demo-page-summary>
-     *   Page summary here.
-     * </sky-docs-demo-page-summary>
-     * ```
-     */
-    var SkyDocsDemoPageSummaryComponent = /** @class */ (function () {
-        function SkyDocsDemoPageSummaryComponent() {
-        }
-        return SkyDocsDemoPageSummaryComponent;
-    }());
-    SkyDocsDemoPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageSummaryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageSummaryComponent, selector: "sky-docs-demo-page-summary", ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page-summary\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-docs-demo-page-summary{margin-bottom:20px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageSummaryComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-page-summary',
-                        template: "<div class=\"sky-docs-demo-page-summary\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-docs-demo-page-summary{margin-bottom:20px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }] });
-
-    var SkyDocsDesignGuidelinesComponent = /** @class */ (function () {
-        function SkyDocsDesignGuidelinesComponent() {
-        }
-        return SkyDocsDesignGuidelinesComponent;
-    }());
-    SkyDocsDesignGuidelinesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDesignGuidelinesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDesignGuidelinesComponent, selector: "sky-docs-design-guidelines", ngImport: i0__namespace, template: "<div class=\"sky-docs-design-guidelines\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-design-guidelines',
-                        template: "<div class=\"sky-docs-design-guidelines\">\n  <ng-content></ng-content>\n</div>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyDocsDemoPageDomAdapterService = /** @class */ (function () {
-        function SkyDocsDemoPageDomAdapterService(windowRef) {
-            var _this = this;
-            this.windowRef = windowRef;
-            this._anchorLinkClick = new rxjs.Subject();
-            this.eventListener = function (e) {
-                e.preventDefault();
-                _this._anchorLinkClick.next({
-                    href: e.target.href
-                });
-            };
-        }
-        Object.defineProperty(SkyDocsDemoPageDomAdapterService.prototype, "anchorLinks", {
-            get: function () {
-                return document.querySelectorAll('a.sky-docs-anchor-link');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDocsDemoPageDomAdapterService.prototype, "currentUrl", {
-            get: function () {
-                return this.windowRef.nativeWindow.location.href.split('#')[0];
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsDemoPageDomAdapterService.prototype.ngOnDestroy = function () {
-            this.removeClickEventListeners();
-        };
-        SkyDocsDemoPageDomAdapterService.prototype.setupAnchorLinks = function () {
-            for (var index = 0; index < this.anchorLinks.length; index++) {
-                var anchor = this.anchorLinks[index];
-                var fragment = anchor.href.split('#')[1];
-                var url = this.currentUrl;
-                var href = url + "#" + fragment;
-                anchor.href = href;
-            }
-        };
-        Object.defineProperty(SkyDocsDemoPageDomAdapterService.prototype, "anchorLinkClick", {
-            get: function () {
-                if (this._anchorLinkClick.observers.length === 0) {
-                    this.addClickEventListeners();
-                }
-                else {
-                    this.removeClickEventListeners();
-                }
-                return this._anchorLinkClick;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsDemoPageDomAdapterService.prototype.scrollToFragment = function (fragment) {
-            var _this = this;
-            this.windowRef.nativeWindow.setTimeout(function () {
-                var element = document.getElementById(fragment);
-                if (element) {
-                    _this.windowRef.nativeWindow.scrollTo(0, element.offsetTop);
-                }
-            }, 250);
-        };
-        SkyDocsDemoPageDomAdapterService.prototype.addClickEventListeners = function () {
-            var _this = this;
-            // Wait for a tick to allow all anchors to be written.
-            this.windowRef.nativeWindow.setTimeout(function () {
-                for (var index = 0; index < _this.anchorLinks.length; index++) {
-                    var anchor = _this.anchorLinks[index];
-                    anchor.addEventListener('click', _this.eventListener);
-                }
-            });
-        };
-        SkyDocsDemoPageDomAdapterService.prototype.removeClickEventListeners = function () {
-            for (var index = 0; index < this.anchorLinks.length; index++) {
-                var anchor = this.anchorLinks[index];
-                anchor.removeEventListener('click', this.eventListener);
-            }
-        };
-        return SkyDocsDemoPageDomAdapterService;
-    }());
-    SkyDocsDemoPageDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageDomAdapterService, deps: [{ token: i2__namespace$4.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsDemoPageDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageDomAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageDomAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i2__namespace$4.SkyAppWindowRef }]; } });
-
-    var SkyDocsSupportalService = /** @class */ (function () {
-        function SkyDocsSupportalService(http) {
-            this.http = http;
-        }
-        SkyDocsSupportalService.prototype.getComponentsInfo = function () {
-            return this.http
-                .get('https://sky-pusa01.app.blackbaud.net/skysp/v1/docs/components-info')
-                .pipe(operators.map(function (results) { return results.components; }), operators.share());
-        };
-        return SkyDocsSupportalService;
-    }());
-    SkyDocsSupportalService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSupportalService, deps: [{ token: i1__namespace$5.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsSupportalService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSupportalService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsSupportalService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$5.HttpClient }]; } });
-
-    /**
-     * @internal
-     */
-    var SkyDocsDemoPageTitleService = /** @class */ (function () {
-        function SkyDocsDemoPageTitleService(title) {
-            this.title = title;
-        }
-        SkyDocsDemoPageTitleService.prototype.setTitle = function () {
-            var parts = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                parts[_i] = arguments[_i];
-            }
-            var windowTitle = 'SKY UX';
-            if (parts && parts.length > 0) {
-                parts.push(windowTitle);
-                windowTitle = parts.join(' - ');
-            }
-            this.title.setTitle(windowTitle);
-        };
-        return SkyDocsDemoPageTitleService;
-    }());
-    SkyDocsDemoPageTitleService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageTitleService, deps: [{ token: i1__namespace$4.Title }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsDemoPageTitleService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageTitleService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageTitleService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$4.Title }]; } });
-
-    /**
-     * Converts TypeDoc types into SKY UX docs-tools types, to be supplied to the various definitions components.
-     */
-    var SkyDocsTypeDocAdapterService = /** @class */ (function () {
-        function SkyDocsTypeDocAdapterService(typeDefinitionsProvider) {
-            this.typeDefinitionsProvider = typeDefinitionsProvider;
-        }
-        SkyDocsTypeDocAdapterService.prototype.toClassDefinition = function (entry) {
-            var definition = {
-                anchorId: this.getAnchorId(entry),
-                name: entry.name
-            };
-            var tags = this.getCommentTags(entry.comment);
-            this.applyCommentTagValues(definition, tags);
-            var methods = this.getClassMethods(entry);
-            if (methods.length) {
-                definition.methods = methods;
-            }
-            var properties = this.getClassProperties(entry);
-            if (properties.length) {
-                definition.properties = properties;
-            }
-            return definition;
-        };
-        SkyDocsTypeDocAdapterService.prototype.toDirectiveDefinition = function (entry) {
-            var definition = {
-                anchorId: this.getAnchorId(entry),
-                name: entry.name,
-                selector: this.getSelector(entry)
-            };
-            var tags = this.getCommentTags(entry.comment);
-            this.applyCommentTagValues(definition, tags);
-            var properties = this.getClassProperties(entry);
-            var eventProperties = properties.filter(function (p) { var _a; return ((_a = p.decorator) === null || _a === void 0 ? void 0 : _a.name) === 'Output'; });
-            if (eventProperties.length) {
-                definition.eventProperties = eventProperties;
-            }
-            var inputProperties = properties.filter(function (p) { var _a; return ((_a = p.decorator) === null || _a === void 0 ? void 0 : _a.name) === 'Input'; });
-            if (inputProperties.length) {
-                definition.inputProperties = inputProperties;
-            }
-            return definition;
-        };
-        SkyDocsTypeDocAdapterService.prototype.toEnumerationDefinition = function (entry) {
-            var members = this.getEnumerationMembers(entry);
-            var definition = {
-                anchorId: this.getAnchorId(entry),
-                members: members,
-                name: entry.name
-            };
-            var tags = this.getCommentTags(entry.comment);
-            this.applyCommentTagValues(definition, tags);
-            return definition;
-        };
-        SkyDocsTypeDocAdapterService.prototype.toInterfaceDefinition = function (entry) {
-            var properties = this.getInterfaceProperties(entry);
-            var definition = {
-                anchorId: this.getAnchorId(entry),
-                name: entry.name,
-                properties: properties
-            };
-            var tags = this.getCommentTags(entry.comment);
-            this.applyCommentTagValues(definition, tags);
-            var typeParameters = this.getTypeParameterDefinitions(entry.typeParameter);
-            if (typeParameters.length) {
-                definition.typeParameters = typeParameters;
-            }
-            return definition;
-        };
-        SkyDocsTypeDocAdapterService.prototype.toPipeDefinition = function (entry) {
-            var methods = this.getClassMethods(entry);
-            var transformMethod = methods.find(function (m) { return m.name === 'transform'; });
-            var definition = {
-                anchorId: this.getAnchorId(entry),
-                name: entry.name,
-                transformMethod: transformMethod
-            };
-            var tags = this.getCommentTags(entry.comment);
-            this.applyCommentTagValues(definition, tags);
-            return definition;
-        };
-        SkyDocsTypeDocAdapterService.prototype.toTypeAliasDefinition = function (entry) {
-            var definition = {
-                anchorId: this.getAnchorId(entry),
-                name: entry.name,
-                type: this.getTypeDefinition({
-                    comment: entry.comment,
-                    type: entry.type
-                })
-            };
-            var tags = this.getCommentTags(entry.comment);
-            this.applyCommentTagValues(definition, tags);
-            var typeParameters = this.getTypeParameterDefinitions(entry.typeParameter);
-            if (typeParameters.length) {
-                definition.typeParameters = typeParameters;
-            }
-            return definition;
-        };
-        SkyDocsTypeDocAdapterService.prototype.getSelector = function (entry) {
-            var decoratorSource = entry.decorators[0].arguments.obj;
-            return (decoratorSource.indexOf('selector: `') > -1)
-                ? decoratorSource.split('selector: `')[1].split('`')[0].replace(/\s\s+/g, ' ')
-                : decoratorSource.split('selector: \'')[1].split('\'')[0];
-        };
-        SkyDocsTypeDocAdapterService.prototype.getClassProperties = function (entry) {
-            var _this = this;
-            if (!entry.children) {
-                return [];
-            }
-            var definitions = entry.children
-                .filter(function (child) { return child.kindString === 'Property' || child.kindString === 'Accessor'; })
-                .map(function (child) {
-                var _a, _b, _c;
-                var definition = {
-                    isOptional: true,
-                    name: _this.getPropertyName(child),
-                    type: _this.getTypeDefinition(child)
-                };
-                var defaultValue;
-                /* Ensure we are properly capturing definitions which use a getter/setter. Final check is a sanity check */
-                if (child.kindString === 'Accessor' && !((_a = child.comment) === null || _a === void 0 ? void 0 : _a.shortText) && ((_b = child.getSignature) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-                    var mainTags = _this.getCommentTags(child.comment);
-                    var getTags = _this.getCommentTags(child.getSignature[0].comment);
-                    _this.applyCommentTagValues(definition, mainTags);
-                    _this.applyCommentTagValues(definition, getTags);
-                    if (((_c = child.setSignature) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-                        var setTags = _this.getCommentTags(child.setSignature[0].comment);
-                        _this.applyCommentTagValues(definition, setTags);
-                        definition.isOptional = !setTags.extras.required;
-                        defaultValue = _this.getDefaultValue(child, setTags);
-                    }
-                    else {
-                        definition.isOptional = !mainTags.extras.required;
-                        defaultValue = _this.getDefaultValue(child, mainTags);
-                    }
-                }
-                else {
-                    var tags = _this.getCommentTags(child.comment);
-                    definition.isOptional = !tags.extras.required;
-                    _this.applyCommentTagValues(definition, tags);
-                    defaultValue = _this.getDefaultValue(child, tags);
-                }
-                if (defaultValue) {
-                    definition.defaultValue = defaultValue;
-                }
-                var decorator = _this.getDecorator(child);
-                if (decorator) {
-                    definition.decorator = decorator;
-                }
-                return definition;
-            });
-            return orderBy__default["default"](definitions, ['isOptional', 'name'], ['asc', 'asc']);
-        };
-        SkyDocsTypeDocAdapterService.prototype.getClassMethods = function (entry) {
-            var _this = this;
-            if (!entry.children) {
-                return [];
-            }
-            var methods = entry.children
-                .filter(function (child) { return child.kindString === 'Method' && /^ng/.test(child.name) === false; })
-                .map(function (child) {
-                var definition = {
-                    name: _this.getPropertyName(child),
-                    type: _this.getTypeDefinition(child)
-                };
-                // Comments for methods are stored in a different location.
-                var comment = child.signatures[0].comment;
-                var tags = _this.getCommentTags(comment);
-                _this.applyCommentTagValues(definition, tags);
-                var typeParameters = _this.getTypeParameterDefinitions(child.signatures[0].typeParameter);
-                if (typeParameters.length) {
-                    definition.typeParameters = typeParameters;
-                }
-                return definition;
-            });
-            return orderBy__default["default"](methods, ['name'], ['asc']);
-        };
-        SkyDocsTypeDocAdapterService.prototype.getInterfaceProperties = function (entry) {
-            var _this = this;
-            var _a;
-            if (!entry.children && !entry.indexSignature) {
-                return [];
-            }
-            var definitions = ((_a = entry.children) === null || _a === void 0 ? void 0 : _a.map(function (child) {
-                var _a;
-                var tags = _this.getCommentTags(child.comment);
-                var definition = {
-                    isOptional: (tags.extras.required) ? false : !!((_a = child.flags) === null || _a === void 0 ? void 0 : _a.isOptional),
-                    name: _this.getPropertyName(child),
-                    type: _this.getTypeDefinition(child)
-                };
-                _this.applyCommentTagValues(definition, tags);
-                return definition;
-            })) || [];
-            var sorted = orderBy__default["default"](definitions, ['isOptional', 'name'], ['asc', 'asc']);
-            // Add any index signatures, e.g. `[_: string]: any`
-            if (entry.indexSignature) {
-                var indexSignature = entry.indexSignature;
-                var definition = {
-                    isOptional: true,
-                    name: indexSignature.name,
-                    type: {
-                        indexSignature: this.getIndexSignatureDefinition(indexSignature)
-                    }
-                };
-                var tags = this.getCommentTags(indexSignature.comment);
-                this.applyCommentTagValues(definition, tags);
-                sorted.push(definition);
-            }
-            return sorted;
-        };
-        SkyDocsTypeDocAdapterService.prototype.getEnumerationMembers = function (entry) {
-            var _this = this;
-            if (!entry.children) {
-                return [];
-            }
-            return entry.children.map(function (child) {
-                var definition = {
-                    name: child.name
-                };
-                var tags = _this.getCommentTags(child.comment);
-                _this.applyCommentTagValues(definition, tags);
-                return definition;
-            });
-        };
-        SkyDocsTypeDocAdapterService.prototype.getTypeDefinition = function (child) {
-            var _this = this;
-            var _a;
-            var definition;
-            var kindString = child.kindString;
-            switch (kindString) {
-                case 'Accessor':
-                    if (child.setSignature) {
-                        return this.getTypeDefinition(child.setSignature[0].parameters[0]);
-                    }
-                    return this.getTypeDefinition(child.getSignature[0]);
-                case 'Method':
-                    definition = {
-                        callSignature: this.getCallSignatureDefinition(child.signatures[0], this.getCommentTags(child.comment)),
-                        name: child.signatures[0].name
-                    };
-                    return definition;
-                default:
-                    var name = child.type.name || ((_a = child.type.elementType) === null || _a === void 0 ? void 0 : _a.name) || child.type.value;
-                    definition = {
-                        type: child.type.type
-                    };
-                    if (name) {
-                        definition.name = name;
-                    }
-                    // Union?
-                    if (child.type.types) {
-                        definition.unionTypes = child.type.types.map(function (t) { return _this.getTypeDefinition({ type: t }); });
-                    }
-                    // Convert reflection types.
-                    if (child.type.type === 'reflection') {
-                        var declaration = child.type.declaration;
-                        /*istanbul ignore else */
-                        if (declaration) {
-                            if (declaration.signatures) {
-                                definition.callSignature = this.getCallSignatureDefinition(declaration.signatures[0], this.getCommentTags(child.comment));
-                            }
-                            else if (declaration.indexSignature) {
-                                var indexSignature = declaration.indexSignature;
-                                definition.indexSignature = this.getIndexSignatureDefinition(indexSignature);
-                            }
-                            else /* istanbul ignore else */ if (declaration.children) {
-                                definition.typeLiteral = {
-                                    properties: this.getInterfaceProperties({
-                                        children: declaration.children
-                                    })
-                                };
-                            }
-                        }
-                    }
-                    if (child.type.type === 'typeOperator') {
-                        definition.name = child.type.operator + " " + child.type.target.name;
-                    }
-                    if (child.type.typeArguments) {
-                        definition.typeArguments = this.getTypeArgumentDefinitions(child.type);
-                    }
-                    return definition;
-            }
-        };
-        SkyDocsTypeDocAdapterService.prototype.getParameterDefinitions = function (callSignature, parentTags) {
-            var _this = this;
-            if (!callSignature.parameters) {
-                return [];
-            }
-            var parameters = callSignature.parameters.map(function (p) {
-                var _a;
-                var tags = _this.getParameterCommentTags(p, parentTags);
-                var defaultValue = _this.getDefaultValue(p, tags);
-                var typeArguments = _this.getTypeArgumentDefinitions(p.type);
-                var parameter = {
-                    isOptional: !!(defaultValue || !!((_a = p.flags) === null || _a === void 0 ? void 0 : _a.isOptional)),
-                    name: p.name,
-                    type: _this.getTypeDefinition(p)
-                };
-                if (defaultValue !== undefined) {
-                    parameter.defaultValue = defaultValue;
-                }
-                if (tags.description) {
-                    parameter.description = tags.description;
-                }
-                if (typeArguments.length) {
-                    parameter.typeArguments = typeArguments;
-                }
-                return parameter;
-            });
-            return parameters;
-        };
-        SkyDocsTypeDocAdapterService.prototype.getTypeArgumentDefinitions = function (typeConfig) {
-            var _this = this;
-            if (!typeConfig || !typeConfig.typeArguments) {
-                return [];
-            }
-            return typeConfig.typeArguments.map(function (typeArgument) {
-                return _this.getTypeDefinition({ type: typeArgument });
-            });
-        };
-        SkyDocsTypeDocAdapterService.prototype.getCallSignatureDefinition = function (callSignature, tags) {
-            var definition = {
-                returnType: this.getTypeDefinition(callSignature)
-            };
-            var parameters = this.getParameterDefinitions(callSignature, tags);
-            if (parameters.length) {
-                definition.parameters = parameters;
-            }
-            return definition;
-        };
-        SkyDocsTypeDocAdapterService.prototype.getIndexSignatureDefinition = function (signature) {
-            return {
-                key: {
-                    name: signature.parameters[0].name,
-                    type: this.getTypeDefinition(signature.parameters[0])
-                },
-                type: this.getTypeDefinition(signature)
-            };
-        };
-        SkyDocsTypeDocAdapterService.prototype.getTypeParameterDefinitions = function (typeParameters) {
-            var _this = this;
-            if (!typeParameters) {
-                return [];
-            }
-            return typeParameters.map(function (typeParam) {
-                var definition = {
-                    name: typeParam.name
-                };
-                if (typeParam.type) {
-                    definition.type = _this.getTypeDefinition({
-                        type: typeParam.type
-                    });
-                }
-                return definition;
-            });
-        };
-        SkyDocsTypeDocAdapterService.prototype.getCommentTags = function (comment) {
-            var codeExample;
-            var codeExampleLanguage = 'markup';
-            var deprecationWarning;
-            var defaultValue;
-            var description = '';
-            var parameters;
-            var extras = {};
-            if (comment) {
-                if (comment.tags) {
-                    comment.tags.forEach(function (tag) {
-                        switch (tag.tag) {
-                            case 'deprecated':
-                                deprecationWarning = tag.text.trim();
-                                break;
-                            case 'default':
-                            case 'defaultValue':
-                                defaultValue = tag.text.trim();
-                                break;
-                            case 'example':
-                                codeExample = tag.text.trim().split('```')[1].trim();
-                                var language = codeExample.split('\n')[0];
-                                if (language === 'markup' || language === 'typescript') {
-                                    codeExample = codeExample.slice(language.length).trim();
-                                    codeExampleLanguage = language;
-                                }
-                                break;
-                            case 'param':
-                                parameters = parameters || [];
-                                parameters.push({
-                                    name: tag.param,
-                                    description: tag.text.trim()
-                                });
-                                break;
-                            default:
-                                extras[tag.tag] = tag.text;
-                                break;
-                        }
-                    });
-                }
-                description = (comment.shortText || comment.text || '').trim();
-            }
-            return {
-                codeExample: codeExample,
-                codeExampleLanguage: codeExampleLanguage,
-                defaultValue: defaultValue,
-                deprecationWarning: deprecationWarning,
-                description: description,
-                extras: extras,
-                parameters: parameters
-            };
-        };
-        /**
-         * Parameter descriptions are derived from the parent's (function/method) comment.
-         */
-        SkyDocsTypeDocAdapterService.prototype.getParameterCommentTags = function (parameter, parentTags) {
-            var tags = this.getCommentTags(parameter.comment);
-            var paramTags = parentTags.parameters;
-            var tagParam = (paramTags) ? paramTags.find(function (param) { return param.name === parameter.name; }) : undefined;
-            if (!tagParam || !tagParam.description) {
-                return tags;
-            }
-            return Object.assign(Object.assign({}, tags), {
-                description: tagParam.description
-            });
-        };
-        /**
-         * Applies comment tag (e.g. `@param`) values to the provided definition, if the value is defined.
-         */
-        SkyDocsTypeDocAdapterService.prototype.applyCommentTagValues = function (definition, tags) {
-            if (tags.codeExample) {
-                definition.codeExample = tags.codeExample;
-                definition.codeExampleLanguage = tags.codeExampleLanguage;
-            }
-            if (tags.deprecationWarning !== undefined) {
-                definition.deprecationWarning = tags.deprecationWarning;
-            }
-            if (tags.description) {
-                definition.description = tags.description;
-            }
-        };
-        SkyDocsTypeDocAdapterService.prototype.getDecorator = function (child) {
-            var name = child.decorators && child.decorators[0] && child.decorators[0].name;
-            if (name) {
-                return { name: name };
-            }
-        };
-        SkyDocsTypeDocAdapterService.prototype.getPropertyName = function (property) {
-            var _a;
-            var decorators = property.decorators && property.decorators[0];
-            // Use the Input's bound property name, if found.
-            // e.g. @Input('foobar')
-            return ((_a = decorators === null || decorators === void 0 ? void 0 : decorators.arguments) === null || _a === void 0 ? void 0 : _a.bindingPropertyName)
-                ? decorators.arguments.bindingPropertyName.replace(/(\'|\")/g, '')
-                : property.name;
-        };
-        SkyDocsTypeDocAdapterService.prototype.getDefaultValue = function (child, tags) {
-            if (tags.defaultValue) {
-                return tags.defaultValue;
-            }
-            // TypeDoc version 0.20.x stopped auto-generating initializers for the default value
-            // (and replaced them with "...") due to the complicated logic it required.
-            // See: https://github.com/TypeStrong/typedoc/issues/1552
-            if (child.defaultValue === '...') {
-                return;
-            }
-            return child.defaultValue;
-        };
-        SkyDocsTypeDocAdapterService.prototype.getAnchorId = function (entry) {
-            var _a;
-            return entry.anchorId || ((_a = this.typeDefinitionsProvider) === null || _a === void 0 ? void 0 : _a.anchorIds[entry.name]) || '';
-        };
-        return SkyDocsTypeDocAdapterService;
-    }());
-    SkyDocsTypeDocAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDocAdapterService, deps: [{ token: SkyDocsTypeDefinitionsProvider, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsTypeDocAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDocAdapterService, providedIn: 'any' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDocAdapterService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'any'
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: SkyDocsTypeDefinitionsProvider, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        } });
-
-    /**
-     * Handles all type definitions that have been converted from the third-party documentation generator.
-     */
-    var SkyDocsTypeDefinitionsService = /** @class */ (function () {
-        function SkyDocsTypeDefinitionsService(typeDefinitionsProvider, adapter) {
-            this.typeDefinitionsProvider = typeDefinitionsProvider;
-            this.adapter = adapter;
-        }
-        /**
-         * Returns type definitions from a specific source code location.
-         * @param sourceCodePath The directory of the source code you wish to pull type definitions from,
-         * relative to the application's root directory.
-         */
-        SkyDocsTypeDefinitionsService.prototype.getTypeDefinitions = function (sourceCodePath) {
-            var _this = this;
-            if (sourceCodePath.charAt(sourceCodePath.length - 1) !== '/') {
-                throw new Error('The source code path must end with a forward slash (`/`).');
-            }
-            var allDefinitions = this.typeDefinitionsProvider.typeDefinitions;
-            var requestedDir = sourceCodePath
-                .replace(/src\/app\/public\//, '')
-                .replace(/^\//, ''); // remove first slash.
-            var types = {
-                classes: [],
-                components: [],
-                directives: [],
-                enumerations: [],
-                interfaces: [],
-                pipes: [],
-                services: [],
-                typeAliases: []
-            };
-            if (!allDefinitions) {
-                console.warn("No types were found for this project!");
-                return types;
-            }
-            // Only process types that match the requested source code location.
-            var typeDefinitions = allDefinitions.filter(function (i) { return i.sources && i.sources[0].fileName.match(requestedDir); });
-            if (typeDefinitions.length === 0) {
-                console.warn("Type definitions were not found for location: " + requestedDir);
-            }
-            typeDefinitions.forEach(function (item) {
-                var decorator = item.decorators && item.decorators[0].name;
-                var kindString = item.kindString;
-                switch (decorator) {
-                    case 'Component':
-                        types.components.push(_this.adapter.toDirectiveDefinition(item));
-                        break;
-                    case 'Directive':
-                        types.directives.push(_this.adapter.toDirectiveDefinition(item));
-                        break;
-                    case 'Injectable':
-                        types.services.push(_this.adapter.toClassDefinition(item));
-                        break;
-                    case 'NgModule':
-                        // Don't document modules.
-                        break;
-                    case 'Pipe':
-                        types.pipes.push(_this.adapter.toPipeDefinition(item));
-                        break;
-                    default:
-                        /*tslint:disable-next-line:switch-default*/
-                        switch (kindString) {
-                            case 'Class':
-                                types.classes.push(_this.adapter.toClassDefinition(item));
-                                break;
-                            case 'Interface':
-                                types.interfaces.push(_this.adapter.toInterfaceDefinition(item));
-                                break;
-                            case 'Enumeration':
-                                types.enumerations.push(_this.adapter.toEnumerationDefinition(item));
-                                break;
-                            case 'Type alias':
-                                types.typeAliases.push(_this.adapter.toTypeAliasDefinition(item));
-                                break;
-                        }
-                }
-            });
-            return types;
-        };
-        return SkyDocsTypeDefinitionsService;
-    }());
-    SkyDocsTypeDefinitionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsService, deps: [{ token: SkyDocsTypeDefinitionsProvider }, { token: SkyDocsTypeDocAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDocsTypeDefinitionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsService, providedIn: 'any' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'any'
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }, { type: SkyDocsTypeDocAdapterService }]; } });
-
-    /**
-     * @internal
-     */
-    var SkyDocsDemoPageTypeDefinitionsComponent = /** @class */ (function () {
-        function SkyDocsDemoPageTypeDefinitionsComponent(typeDefinitionService) {
-            this.typeDefinitionService = typeDefinitionService;
-        }
-        SkyDocsDemoPageTypeDefinitionsComponent.prototype.ngOnInit = function () {
-            if (this.moduleSourceCodePath) {
-                this.types = this.typeDefinitionService.getTypeDefinitions(this.moduleSourceCodePath);
-            }
-        };
-        return SkyDocsDemoPageTypeDefinitionsComponent;
-    }());
-    SkyDocsDemoPageTypeDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageTypeDefinitionsComponent, deps: [{ token: SkyDocsTypeDefinitionsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoPageTypeDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: { moduleSourceCodePath: "moduleSourceCodePath" }, ngImport: i0__namespace, template: "<ng-template [ngIf]=\"types\">\n  <sky-docs-demo-page-section *ngIf=\"types.components.length\"\n    heading=\"Components\"\n  >\n    <sky-docs-directive-definition *ngFor=\"let config of types.components\"\n      [config]=\"config\"\n    ></sky-docs-directive-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.directives.length\"\n    heading=\"Directives\"\n  >\n    <sky-docs-directive-definition *ngFor=\"let config of types.directives\"\n      [config]=\"config\"\n    ></sky-docs-directive-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.pipes.length\"\n    heading=\"Pipes\"\n  >\n    <sky-docs-pipe-definition *ngFor=\"let config of types.pipes\"\n      [config]=\"config\"\n    ></sky-docs-pipe-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.services.length\"\n    heading=\"Services\"\n  >\n    <sky-docs-class-definition *ngFor=\"let config of types.services\"\n      [config]=\"config\"\n    ></sky-docs-class-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.classes.length\"\n    heading=\"Classes\"\n  >\n    <sky-docs-class-definition *ngFor=\"let config of types.classes\"\n      [config]=\"config\"\n    ></sky-docs-class-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.interfaces.length\"\n    heading=\"Interfaces\"\n  >\n    <sky-docs-interface-definition *ngFor=\"let config of types.interfaces\"\n      [config]=\"config\"\n    ></sky-docs-interface-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.enumerations.length\"\n    heading=\"Enumerations\"\n  >\n    <sky-docs-enumeration-definition *ngFor=\"let config of types.enumerations\"\n      [config]=\"config\"\n    ></sky-docs-enumeration-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.typeAliases.length\"\n    heading=\"Type aliases\"\n  >\n    <sky-docs-type-alias-definition *ngFor=\"let config of types.typeAliases\"\n      [config]=\"config\"\n    ></sky-docs-type-alias-definition>\n  </sky-docs-demo-page-section>\n</ng-template>", components: [{ type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: ["config"] }, { type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: ["config"] }, { type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: ["config"] }, { type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: ["config"] }, { type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: ["config"] }, { type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageTypeDefinitionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-page-type-definitions',
-                        template: "<ng-template [ngIf]=\"types\">\n  <sky-docs-demo-page-section *ngIf=\"types.components.length\"\n    heading=\"Components\"\n  >\n    <sky-docs-directive-definition *ngFor=\"let config of types.components\"\n      [config]=\"config\"\n    ></sky-docs-directive-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.directives.length\"\n    heading=\"Directives\"\n  >\n    <sky-docs-directive-definition *ngFor=\"let config of types.directives\"\n      [config]=\"config\"\n    ></sky-docs-directive-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.pipes.length\"\n    heading=\"Pipes\"\n  >\n    <sky-docs-pipe-definition *ngFor=\"let config of types.pipes\"\n      [config]=\"config\"\n    ></sky-docs-pipe-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.services.length\"\n    heading=\"Services\"\n  >\n    <sky-docs-class-definition *ngFor=\"let config of types.services\"\n      [config]=\"config\"\n    ></sky-docs-class-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.classes.length\"\n    heading=\"Classes\"\n  >\n    <sky-docs-class-definition *ngFor=\"let config of types.classes\"\n      [config]=\"config\"\n    ></sky-docs-class-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.interfaces.length\"\n    heading=\"Interfaces\"\n  >\n    <sky-docs-interface-definition *ngFor=\"let config of types.interfaces\"\n      [config]=\"config\"\n    ></sky-docs-interface-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.enumerations.length\"\n    heading=\"Enumerations\"\n  >\n    <sky-docs-enumeration-definition *ngFor=\"let config of types.enumerations\"\n      [config]=\"config\"\n    ></sky-docs-enumeration-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.typeAliases.length\"\n    heading=\"Type aliases\"\n  >\n    <sky-docs-type-alias-definition *ngFor=\"let config of types.typeAliases\"\n      [config]=\"config\"\n    ></sky-docs-type-alias-definition>\n  </sky-docs-demo-page-section>\n</ng-template>",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsService }]; }, propDecorators: { moduleSourceCodePath: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * The demo page component wraps all documentation components and handles the configuration and layout of the page.
-     * @example
-     * ```
-     * <sky-docs-demo-page
-     *   pageTitle="My demo page"
-     * >
-     *   Content here.
-     * </sky-docs-demo-page>
-     * ```
-     */
-    var SkyDocsDemoPageComponent = /** @class */ (function () {
-        function SkyDocsDemoPageComponent(activatedRoute, changeDetector, router, skyAppConfig, domAdapter, supportalService, titleService) {
-            this.activatedRoute = activatedRoute;
-            this.changeDetector = changeDetector;
-            this.router = router;
-            this.skyAppConfig = skyAppConfig;
-            this.domAdapter = domAdapter;
-            this.supportalService = supportalService;
-            this.titleService = titleService;
-            /**
-             * @internal
-             */
-            this.enableCodeExamples = false;
-            /**
-             * @internal
-             */
-            this.enableTabLayout = false;
-        }
-        SkyDocsDemoPageComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            var currentHostUrl = this.skyAppConfig.skyux.host.url + '/' + this.skyAppConfig.skyux.name;
-            this.updateTitle();
-            this.supportalService
-                .getComponentsInfo()
-                .subscribe(function (results) {
-                _this.sidebarRoutes = [{
-                        name: 'Components',
-                        path: 'https://developer.blackbaud.com/skyux/components',
-                        children: results.map(function (component) { return ({
-                            name: component.name,
-                            path: _this.getPath(component.url, currentHostUrl)
-                        }); })
-                    }];
-                _this.changeDetector.markForCheck();
-            });
-        };
-        SkyDocsDemoPageComponent.prototype.ngAfterContentInit = function () {
-            this.enableCodeExamples = (this.codeExampleComponents.length > 0);
-            this.enableTabLayout = !!(this.designGuidelinesComponent);
-        };
-        SkyDocsDemoPageComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            // Watch for route fragment to change and scroll to heading.
-            this.activatedRoute.fragment.subscribe(function (fragment) {
-                _this.domAdapter.scrollToFragment(fragment);
-            });
-            // Change the HREF attribute for all dynamic links when the query params change.
-            // This will also generate the appropriate HREF if the user wants to open the link in a new window.
-            this.activatedRoute.queryParams.subscribe(function () {
-                _this.domAdapter.setupAnchorLinks();
-            });
-            // When a dynamic link is clicked, use Angular's router so that everything works correctly.
-            this.domAdapter.anchorLinkClick.subscribe(function (anchorLink) {
-                var fragment = anchorLink.href.split('#')[1];
-                _this.router.navigate([], {
-                    fragment: fragment,
-                    queryParamsHandling: 'merge'
-                });
-                if (_this.activatedRoute.snapshot.fragment === fragment) {
-                    _this.domAdapter.scrollToFragment(fragment);
-                }
-            });
-        };
-        SkyDocsDemoPageComponent.prototype.updateTitle = function () {
-            /*istanbul ignore else*/
-            if (this.pageTitle) {
-                this.titleService.setTitle(this.pageTitle, 'Components');
-            }
-        };
-        SkyDocsDemoPageComponent.prototype.getPath = function (url, currentHostUrl) {
-            // Replace host + SPA so Stache will mark active.
-            // Strip URL params is url is local, as those will be preserved by stacheRouterLink.
-            if (url.indexOf(currentHostUrl) > -1) {
-                return url.replace(currentHostUrl, '').split('?')[0];
-            }
-            else {
-                return url;
-            }
-        };
-        return SkyDocsDemoPageComponent;
-    }());
-    SkyDocsDemoPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageComponent, deps: [{ token: i1__namespace$3.ActivatedRoute }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$3.Router }, { token: i2__namespace$5.SkyAppConfig }, { token: SkyDocsDemoPageDomAdapterService }, { token: SkyDocsSupportalService }, { token: SkyDocsDemoPageTitleService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageComponent, selector: "sky-docs-demo-page", inputs: { gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", moduleSourceCodePath: "moduleSourceCodePath", packageName: "packageName", packageUrl: "packageUrl", pageTitle: "pageTitle" }, providers: [
-            SkyDocsDemoPageDomAdapterService
-        ], queries: [{ propertyName: "designGuidelinesComponent", first: true, predicate: SkyDocsDesignGuidelinesComponent, descendants: true }, { propertyName: "codeExampleComponents", predicate: SkyDocsCodeExamplesComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page\">\n  <stache\n    layout=\"sidebar\"\n    [pageTitle]=\"pageTitle\"\n    [showBreadcrumbs]=\"false\"\n    [showTableOfContents]=\"false\"\n    [sidebarRoutes]=\"sidebarRoutes\"\n  >\n    <ng-content\n      select=\"sky-docs-demo-page-summary\"\n    ></ng-content>\n\n    <ng-content\n      select=\"sky-docs-demo\"\n    ></ng-content>\n\n    <div\n      class=\"sky-docs-demo-page-main\"\n    >\n      <sky-tabset *ngIf=\"enableTabLayout else content\"\n        permalinkId=\"docs\"\n      >\n        <sky-tab tabHeading=\"Design\">\n          <ng-content\n            select=\"sky-docs-design-guidelines\"\n          ></ng-content>\n        </sky-tab>\n\n        <sky-tab tabHeading=\"Development\">\n          <ng-container\n            [ngTemplateOutlet]=\"content\"\n          ></ng-container>\n        </sky-tab>\n      </sky-tabset>\n    </div>\n  </stache>\n</div>\n\n<ng-template #content>\n  <sky-docs-demo-page-section *ngIf=\"moduleName\"\n    heading=\"Installation\"\n  >\n    <sky-docs-module-info\n      [gitRepoUrl]=\"gitRepoUrl\"\n      [moduleName]=\"moduleName\"\n      [packageName]=\"packageName\"\n      [packageUrl]=\"packageUrl\"\n    >\n      <ng-content\n        select=\"sky-docs-demo-page-module-info\"\n      ></ng-content>\n    </sky-docs-module-info>\n  </sky-docs-demo-page-section>\n\n  <ng-content></ng-content>\n\n  <sky-docs-demo-page-type-definitions\n    [moduleSourceCodePath]=\"moduleSourceCodePath\"\n  >\n  </sky-docs-demo-page-type-definitions>\n\n  <sky-docs-demo-page-section *ngIf=\"enableCodeExamples\"\n    heading=\"Code examples\"\n  >\n    <ng-content\n      select=\"sky-docs-code-examples\"\n    ></ng-content>\n  </sky-docs-demo-page-section>\n</ng-template>", styles: [".sky-docs-demo-page ::ng-deep p{margin:15px 0}.sky-docs-demo-page ::ng-deep .stache-max-width-container{max-width:none;margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-code-block{margin:15px 0;display:block}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-block{font-size:13.5px}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-output{margin:-2px 0 0;padding:0 0 0 15px;background:transparent;border:0}.sky-docs-demo-page ::ng-deep .sky-definition-list{margin:0}.sky-docs-demo-page ::ng-deep .sky-definition-list .sky-docs-code-block{margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-type-definition-wrapper{margin-bottom:40px}.sky-docs-demo-page-main{padding:30px 0}.sky-docs-demo-page-main table{margin-top:15px;margin-bottom:15px}.sky-docs-demo-page-main ::ng-deep .sky-tabset{margin-left:-45px;margin-right:-45px;padding-left:45px;padding-right:45px}\n"], components: [{ type: i6__namespace$1.λ30, selector: "stache", inputs: ["pageTitle", "windowTitle", "navTitle", "layout", "sidebarRoutes", "breadcrumbsRoutes", "showBreadcrumbs", "showEditButton", "showFooter", "showTableOfContents", "showBackToTop", "showInNav", "inPageRoutes"] }, { type: i4__namespace.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }, { type: i4__namespace.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndex"], outputs: ["close"] }, { type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: ["gitRepoUrl", "moduleName", "packageName", "packageUrl"] }, { type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: ["moduleSourceCodePath"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-page',
-                        template: "<div class=\"sky-docs-demo-page\">\n  <stache\n    layout=\"sidebar\"\n    [pageTitle]=\"pageTitle\"\n    [showBreadcrumbs]=\"false\"\n    [showTableOfContents]=\"false\"\n    [sidebarRoutes]=\"sidebarRoutes\"\n  >\n    <ng-content\n      select=\"sky-docs-demo-page-summary\"\n    ></ng-content>\n\n    <ng-content\n      select=\"sky-docs-demo\"\n    ></ng-content>\n\n    <div\n      class=\"sky-docs-demo-page-main\"\n    >\n      <sky-tabset *ngIf=\"enableTabLayout else content\"\n        permalinkId=\"docs\"\n      >\n        <sky-tab tabHeading=\"Design\">\n          <ng-content\n            select=\"sky-docs-design-guidelines\"\n          ></ng-content>\n        </sky-tab>\n\n        <sky-tab tabHeading=\"Development\">\n          <ng-container\n            [ngTemplateOutlet]=\"content\"\n          ></ng-container>\n        </sky-tab>\n      </sky-tabset>\n    </div>\n  </stache>\n</div>\n\n<ng-template #content>\n  <sky-docs-demo-page-section *ngIf=\"moduleName\"\n    heading=\"Installation\"\n  >\n    <sky-docs-module-info\n      [gitRepoUrl]=\"gitRepoUrl\"\n      [moduleName]=\"moduleName\"\n      [packageName]=\"packageName\"\n      [packageUrl]=\"packageUrl\"\n    >\n      <ng-content\n        select=\"sky-docs-demo-page-module-info\"\n      ></ng-content>\n    </sky-docs-module-info>\n  </sky-docs-demo-page-section>\n\n  <ng-content></ng-content>\n\n  <sky-docs-demo-page-type-definitions\n    [moduleSourceCodePath]=\"moduleSourceCodePath\"\n  >\n  </sky-docs-demo-page-type-definitions>\n\n  <sky-docs-demo-page-section *ngIf=\"enableCodeExamples\"\n    heading=\"Code examples\"\n  >\n    <ng-content\n      select=\"sky-docs-code-examples\"\n    ></ng-content>\n  </sky-docs-demo-page-section>\n</ng-template>",
-                        styles: [".sky-docs-demo-page ::ng-deep p{margin:15px 0}.sky-docs-demo-page ::ng-deep .stache-max-width-container{max-width:none;margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-code-block{margin:15px 0;display:block}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-block{font-size:13.5px}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-output{margin:-2px 0 0;padding:0 0 0 15px;background:transparent;border:0}.sky-docs-demo-page ::ng-deep .sky-definition-list{margin:0}.sky-docs-demo-page ::ng-deep .sky-definition-list .sky-docs-code-block{margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-type-definition-wrapper{margin-bottom:40px}.sky-docs-demo-page-main{padding:30px 0}.sky-docs-demo-page-main table{margin-top:15px;margin-bottom:15px}.sky-docs-demo-page-main ::ng-deep .sky-tabset{margin-left:-45px;margin-right:-45px;padding-left:45px;padding-right:45px}\n"],
-                        providers: [
-                            SkyDocsDemoPageDomAdapterService
-                        ],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.ActivatedRoute }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$3.Router }, { type: i2__namespace$5.SkyAppConfig }, { type: SkyDocsDemoPageDomAdapterService }, { type: SkyDocsSupportalService }, { type: SkyDocsDemoPageTitleService }]; }, propDecorators: { gitRepoUrl: [{
-                    type: i0.Input
-                }], moduleName: [{
-                    type: i0.Input
-                }], moduleSourceCodePath: [{
-                    type: i0.Input
-                }], packageName: [{
-                    type: i0.Input
-                }], packageUrl: [{
-                    type: i0.Input
-                }], pageTitle: [{
-                    type: i0.Input
-                }], designGuidelinesComponent: [{
-                    type: i0.ContentChild,
-                    args: [SkyDocsDesignGuidelinesComponent]
-                }], codeExampleComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDocsCodeExamplesComponent]
-                }] } });
-
-    var SkyDocsDemoPageModuleInfoComponent = /** @class */ (function () {
-        function SkyDocsDemoPageModuleInfoComponent() {
-        }
-        return SkyDocsDemoPageModuleInfoComponent;
-    }());
-    SkyDocsDemoPageModuleInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageModuleInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDemoPageModuleInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageModuleInfoComponent, selector: "sky-docs-demo-page-module-info", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageModuleInfoComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-demo-page-module-info',
-                        template: '<ng-content></ng-content>'
-                    }]
-            }] });
-
-    var SkyDocsDemoPageModule = /** @class */ (function () {
-        function SkyDocsDemoPageModule() {
-        }
-        return SkyDocsDemoPageModule;
-    }());
-    SkyDocsDemoPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsDemoPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageModule, declarations: [SkyDocsDemoPageComponent,
-            SkyDocsDemoPageModuleInfoComponent,
-            SkyDocsDemoPageSectionComponent,
-            SkyDocsDemoPageSummaryComponent,
-            SkyDocsDemoPageTypeDefinitionsComponent], imports: [i2.CommonModule,
-            i1$3.RouterModule,
-            i3$1.SkyCodeBlockModule,
-            i3$1.SkyCodeModule,
-            SkyDocsDemoModule,
-            SkyDocsHeadingAnchorModule,
-            SkyDocsMarkdownModule,
-            SkyDocsModuleInfoModule,
-            SkyDocsTypeDefinitionsModule,
-            i4.SkyTabsModule,
-            i6$1.StachePageSummaryModule,
-            i6$1.StacheWrapperModule], exports: [SkyDocsDemoPageComponent,
-            SkyDocsDemoPageModuleInfoComponent,
-            SkyDocsDemoPageSectionComponent,
-            SkyDocsDemoPageSummaryComponent,
-            SkyDocsDemoPageTypeDefinitionsComponent] });
-    SkyDocsDemoPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageModule, imports: [[
-                i2.CommonModule,
-                i1$3.RouterModule,
-                i3$1.SkyCodeBlockModule,
-                i3$1.SkyCodeModule,
-                SkyDocsDemoModule,
-                SkyDocsHeadingAnchorModule,
-                SkyDocsMarkdownModule,
-                SkyDocsModuleInfoModule,
-                SkyDocsTypeDefinitionsModule,
-                i4.SkyTabsModule,
-                i6$1.StachePageSummaryModule,
-                i6$1.StacheWrapperModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDemoPageModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i1$3.RouterModule,
-                            i3$1.SkyCodeBlockModule,
-                            i3$1.SkyCodeModule,
-                            SkyDocsDemoModule,
-                            SkyDocsHeadingAnchorModule,
-                            SkyDocsMarkdownModule,
-                            SkyDocsModuleInfoModule,
-                            SkyDocsTypeDefinitionsModule,
-                            i4.SkyTabsModule,
-                            i6$1.StachePageSummaryModule,
-                            i6$1.StacheWrapperModule
-                        ],
-                        declarations: [
-                            SkyDocsDemoPageComponent,
-                            SkyDocsDemoPageModuleInfoComponent,
-                            SkyDocsDemoPageSectionComponent,
-                            SkyDocsDemoPageSummaryComponent,
-                            SkyDocsDemoPageTypeDefinitionsComponent
-                        ],
-                        exports: [
-                            SkyDocsDemoPageComponent,
-                            SkyDocsDemoPageModuleInfoComponent,
-                            SkyDocsDemoPageSectionComponent,
-                            SkyDocsDemoPageSummaryComponent,
-                            SkyDocsDemoPageTypeDefinitionsComponent
-                        ]
-                    }]
-            }] });
-
-    var SkyDocsThumbnailComponent = /** @class */ (function () {
-        function SkyDocsThumbnailComponent() {
-            this.showBorder = false;
-        }
-        return SkyDocsThumbnailComponent;
-    }());
-    SkyDocsThumbnailComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsThumbnailComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsThumbnailComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsThumbnailComponent, selector: "sky-docs-thumbnail", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", videoSource: "videoSource" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-thumbnail\">\n  <sky-image *ngIf=\"imageSource\"\n    [caption]=\"caption\"\n    [captionType]=\"captionType\"\n    [imageAlt]=\"imageAlt\"\n    [imageSource]=\"imageSource\"\n    [showBorder]=\"showBorder\"\n    [showCaptionPrefix]=\"false\"\n  ></sky-image>\n  <div *ngIf=\"videoSource\"\n    class=\"sky-docs-video\"\n    [ngClass]=\"{\n      'sky-docs-video-border': showBorder\n    }\"\n  >\n    <video controls>\n      <source\n        [attr.src]=\"videoSource\"\n        type=\"video/mp4\"\n      />\n    </video>\n  </div>\n</div>\n", styles: [".sky-docs-thumbnail{margin-bottom:50px}.sky-docs-video video{max-width:100%}.sky-docs-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"], components: [{ type: i2__namespace$2.λ4, selector: "sky-image", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "showCaptionPrefix"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsThumbnailComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-thumbnail',
-                        template: "<div class=\"sky-docs-thumbnail\">\n  <sky-image *ngIf=\"imageSource\"\n    [caption]=\"caption\"\n    [captionType]=\"captionType\"\n    [imageAlt]=\"imageAlt\"\n    [imageSource]=\"imageSource\"\n    [showBorder]=\"showBorder\"\n    [showCaptionPrefix]=\"false\"\n  ></sky-image>\n  <div *ngIf=\"videoSource\"\n    class=\"sky-docs-video\"\n    [ngClass]=\"{\n      'sky-docs-video-border': showBorder\n    }\"\n  >\n    <video controls>\n      <source\n        [attr.src]=\"videoSource\"\n        type=\"video/mp4\"\n      />\n    </video>\n  </div>\n</div>\n",
-                        styles: [".sky-docs-thumbnail{margin-bottom:50px}.sky-docs-video video{max-width:100%}.sky-docs-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { caption: [{
-                    type: i0.Input
-                }], captionType: [{
-                    type: i0.Input
-                }], imageAlt: [{
-                    type: i0.Input
-                }], imageSource: [{
-                    type: i0.Input
-                }], showBorder: [{
-                    type: i0.Input
-                }], videoSource: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsThumbnailModule = /** @class */ (function () {
-        function SkyDocsThumbnailModule() {
-        }
-        return SkyDocsThumbnailModule;
-    }());
-    SkyDocsThumbnailModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsThumbnailModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsThumbnailModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsThumbnailModule, declarations: [SkyDocsThumbnailComponent], imports: [i2.CommonModule,
-            i2$2.SkyImageModule], exports: [SkyDocsThumbnailComponent] });
-    SkyDocsThumbnailModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsThumbnailModule, imports: [[
-                i2.CommonModule,
-                i2$2.SkyImageModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsThumbnailModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i2$2.SkyImageModule
-                        ],
-                        exports: [
-                            SkyDocsThumbnailComponent
-                        ],
-                        declarations: [
-                            SkyDocsThumbnailComponent
-                        ]
-                    }]
-            }] });
-
-    var SkyDocsDesignGuidelineThumbnailComponent = /** @class */ (function () {
-        function SkyDocsDesignGuidelineThumbnailComponent() {
-            this.showBorder = false;
-        }
-        return SkyDocsDesignGuidelineThumbnailComponent;
-    }());
-    SkyDocsDesignGuidelineThumbnailComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelineThumbnailComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDesignGuidelineThumbnailComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDesignGuidelineThumbnailComponent, selector: "sky-docs-design-guideline-thumbnail", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", videoSource: "videoSource", showBorder: "showBorder" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-design-guideline-thumbnail\">\n  <sky-docs-thumbnail\n    [caption]=\"caption\"\n    [captionType]=\"captionType\"\n    [imageAlt]=\"imageAlt\"\n    [imageSource]=\"imageSource\"\n    [videoSource]=\"videoSource\"\n    [showBorder]=\"showBorder\"\n  ></sky-docs-thumbnail>\n</div>\n", styles: [".sky-docs-design-guideline-thumbnail{margin-bottom:50px}.sky-docs-design-guideline-video video{max-width:100%}.sky-docs-design-guideline-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"], components: [{ type: SkyDocsThumbnailComponent, selector: "sky-docs-thumbnail", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "videoSource"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelineThumbnailComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-design-guideline-thumbnail',
-                        template: "<div class=\"sky-docs-design-guideline-thumbnail\">\n  <sky-docs-thumbnail\n    [caption]=\"caption\"\n    [captionType]=\"captionType\"\n    [imageAlt]=\"imageAlt\"\n    [imageSource]=\"imageSource\"\n    [videoSource]=\"videoSource\"\n    [showBorder]=\"showBorder\"\n  ></sky-docs-thumbnail>\n</div>\n",
-                        styles: [".sky-docs-design-guideline-thumbnail{margin-bottom:50px}.sky-docs-design-guideline-video video{max-width:100%}.sky-docs-design-guideline-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { caption: [{
-                    type: i0.Input
-                }], captionType: [{
-                    type: i0.Input
-                }], imageAlt: [{
-                    type: i0.Input
-                }], imageSource: [{
-                    type: i0.Input
-                }], videoSource: [{
-                    type: i0.Input
-                }], showBorder: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDocsDesignGuidelineComponent = /** @class */ (function () {
-        function SkyDocsDesignGuidelineComponent() {
-            this.headingStyle = 'default';
-            this.hasThumbnails = false;
-        }
-        Object.defineProperty(SkyDocsDesignGuidelineComponent.prototype, "classNames", {
-            get: function () {
-                var classNames = [];
-                classNames.push("sky-text-" + this.headingStyle);
-                return classNames.join(' ');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDocsDesignGuidelineComponent.prototype.ngAfterContentInit = function () {
-            this.hasThumbnails = !!this.thumbnails.length;
-        };
-        return SkyDocsDesignGuidelineComponent;
-    }());
-    SkyDocsDesignGuidelineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDocsDesignGuidelineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDesignGuidelineComponent, selector: "sky-docs-design-guideline", inputs: { heading: "heading", headingStyle: "headingStyle" }, queries: [{ propertyName: "thumbnails", predicate: SkyDocsDesignGuidelineThumbnailComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-design-guideline\">\n  <h3 *ngIf=\"heading\"\n    class=\"sky-docs-design-guideline-heading\"\n    [ngClass]=\"classNames\"\n  >\n    {{ heading }}\n  </h3>\n  <sky-row *ngIf=\"hasThumbnails; else content\">\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"5\"\n      screenLarge=\"4\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </sky-column>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"7\"\n      screenLarge=\"8\"\n    >\n      <div class=\"sky-docs-design-guideline-thumbnails\">\n        <ng-container *ngTemplateOutlet=\"thumbnails\"></ng-container>\n      </div>\n    </sky-column>\n  </sky-row>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #thumbnails>\n  <ng-content select=\"sky-docs-design-guideline-thumbnail\"></ng-content>\n</ng-template>\n", styles: [".sky-docs-design-guideline-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-design-guideline-thumbnails{display:flex;flex-wrap:wrap}.sky-docs-design-guideline-thumbnails ::ng-deep sky-docs-design-guideline-thumbnail:first-child{padding-right:20px}\n"], components: [{ type: i2__namespace$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2__namespace$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelineComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-docs-design-guideline',
-                        template: "<div class=\"sky-docs-design-guideline\">\n  <h3 *ngIf=\"heading\"\n    class=\"sky-docs-design-guideline-heading\"\n    [ngClass]=\"classNames\"\n  >\n    {{ heading }}\n  </h3>\n  <sky-row *ngIf=\"hasThumbnails; else content\">\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"5\"\n      screenLarge=\"4\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </sky-column>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"7\"\n      screenLarge=\"8\"\n    >\n      <div class=\"sky-docs-design-guideline-thumbnails\">\n        <ng-container *ngTemplateOutlet=\"thumbnails\"></ng-container>\n      </div>\n    </sky-column>\n  </sky-row>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #thumbnails>\n  <ng-content select=\"sky-docs-design-guideline-thumbnail\"></ng-content>\n</ng-template>\n",
-                        styles: [".sky-docs-design-guideline-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-design-guideline-thumbnails{display:flex;flex-wrap:wrap}.sky-docs-design-guideline-thumbnails ::ng-deep sky-docs-design-guideline-thumbnail:first-child{padding-right:20px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { heading: [{
-                    type: i0.Input
-                }], headingStyle: [{
-                    type: i0.Input
-                }], thumbnails: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDocsDesignGuidelineThumbnailComponent]
-                }] } });
-
-    var SkyDocsDesignGuidelinesModule = /** @class */ (function () {
-        function SkyDocsDesignGuidelinesModule() {
-        }
-        return SkyDocsDesignGuidelinesModule;
-    }());
-    SkyDocsDesignGuidelinesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsDesignGuidelinesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, declarations: [SkyDocsDesignGuidelineComponent,
-            SkyDocsDesignGuidelineThumbnailComponent,
-            SkyDocsDesignGuidelinesComponent], imports: [i2.CommonModule,
-            SkyDocsThumbnailModule,
-            i2$1.SkyFluidGridModule], exports: [SkyDocsDesignGuidelineComponent,
-            SkyDocsDesignGuidelineThumbnailComponent,
-            SkyDocsDesignGuidelinesComponent] });
-    SkyDocsDesignGuidelinesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, imports: [[
-                i2.CommonModule,
-                SkyDocsThumbnailModule,
-                i2$1.SkyFluidGridModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            SkyDocsThumbnailModule,
-                            i2$1.SkyFluidGridModule
-                        ],
-                        declarations: [
-                            SkyDocsDesignGuidelineComponent,
-                            SkyDocsDesignGuidelineThumbnailComponent,
-                            SkyDocsDesignGuidelinesComponent
-                        ],
-                        exports: [
-                            SkyDocsDesignGuidelineComponent,
-                            SkyDocsDesignGuidelineThumbnailComponent,
-                            SkyDocsDesignGuidelinesComponent
-                        ]
-                    }]
-            }] });
-
-    /**
-     * This module conveniently exports the most commonly used modules.
-     */
-    var SkyDocsToolsModule = /** @class */ (function () {
-        function SkyDocsToolsModule() {
-        }
-        return SkyDocsToolsModule;
-    }());
-    SkyDocsToolsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsToolsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDocsToolsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsToolsModule, exports: [http.SkyAuthHttpClientModule,
-            SkyDocsAnatomyModule,
-            SkyDocsCodeExamplesModule,
-            SkyDocsDemoModule,
-            SkyDocsDemoPageModule,
-            SkyDocsDesignGuidelinesModule] });
-    SkyDocsToolsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsToolsModule, imports: [http.SkyAuthHttpClientModule,
-            SkyDocsAnatomyModule,
-            SkyDocsCodeExamplesModule,
-            SkyDocsDemoModule,
-            SkyDocsDemoPageModule,
-            SkyDocsDesignGuidelinesModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDocsToolsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [
-                            http.SkyAuthHttpClientModule,
-                            SkyDocsAnatomyModule,
-                            SkyDocsCodeExamplesModule,
-                            SkyDocsDemoModule,
-                            SkyDocsDemoPageModule,
-                            SkyDocsDesignGuidelinesModule
-                        ]
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SkyDocsAnatomyModule = SkyDocsAnatomyModule;
-    exports.SkyDocsCodeExamplesModule = SkyDocsCodeExamplesModule;
-    exports.SkyDocsDemoModule = SkyDocsDemoModule;
-    exports.SkyDocsDemoPageModule = SkyDocsDemoPageModule;
-    exports.SkyDocsDesignGuidelinesModule = SkyDocsDesignGuidelinesModule;
-    exports.SkyDocsHeadingAnchorModule = SkyDocsHeadingAnchorModule;
-    exports.SkyDocsMarkdownModule = SkyDocsMarkdownModule;
-    exports.SkyDocsMarkdownPipe = SkyDocsMarkdownPipe;
-    exports.SkyDocsModuleInfoModule = SkyDocsModuleInfoModule;
-    exports.SkyDocsSourceCodeProvider = SkyDocsSourceCodeProvider;
-    exports.SkyDocsSupportalService = SkyDocsSupportalService;
-    exports.SkyDocsThumbnailModule = SkyDocsThumbnailModule;
-    exports.SkyDocsToolsModule = SkyDocsToolsModule;
-    exports.SkyDocsToolsOptions = SkyDocsToolsOptions;
-    exports.SkyDocsTypeDefinitionsModule = SkyDocsTypeDefinitionsModule;
-    exports.SkyDocsTypeDefinitionsProvider = SkyDocsTypeDefinitionsProvider;
-    exports.SkyDocsTypeDefinitionsService = SkyDocsTypeDefinitionsService;
-    exports["λ1"] = SkyDocsAnatomyItemComponent;
-    exports["λ10"] = SkyDocsDemoPageModuleInfoComponent;
-    exports["λ11"] = SkyDocsDemoPageSectionComponent;
-    exports["λ12"] = SkyDocsDemoPageSummaryComponent;
-    exports["λ13"] = SkyDocsDemoPageTypeDefinitionsComponent;
-    exports["λ14"] = SkyDocsDemoPageComponent;
-    exports["λ15"] = SkyDocsDesignGuidelineThumbnailComponent;
-    exports["λ16"] = SkyDocsDesignGuidelineComponent;
-    exports["λ17"] = SkyDocsDesignGuidelinesComponent;
-    exports["λ18"] = SkyDocsHeadingAnchorComponent;
-    exports["λ19"] = SkyDocsModuleInfoComponent;
-    exports["λ2"] = SkyDocsAnatomyComponent;
-    exports["λ20"] = SkyDocsThumbnailComponent;
-    exports["λ21"] = SkyDocsCallSignatureDefinitionComponent;
-    exports["λ22"] = SkyDocsClassDefinitionComponent;
-    exports["λ23"] = SkyDocsDirectiveDefinitionComponent;
-    exports["λ24"] = SkyDocsEnumerationDefinitionComponent;
-    exports["λ25"] = SkyDocsInterfaceDefinitionComponent;
-    exports["λ26"] = SkyDocsMethodDefinitionsComponent;
-    exports["λ27"] = SkyDocsPipeDefinitionComponent;
-    exports["λ28"] = SkyDocsPropertyDefinitionsComponent;
-    exports["λ29"] = SkyDocsTypeAliasDefinitionComponent;
-    exports["λ3"] = SkyDocsCodeExampleComponent;
-    exports["λ30"] = SkyDocsTypeAnchorLinksPipe;
-    exports["λ4"] = SkyDocsCodeExamplesComponent;
-    exports["λ5"] = SkyDocsDemoControlPanelCheckboxComponent;
-    exports["λ6"] = SkyDocsDemoControlPanelRadioGroupComponent;
-    exports["λ7"] = SkyDocsDemoControlPanelSectionComponent;
-    exports["λ8"] = SkyDocsDemoControlPanelComponent;
-    exports["λ9"] = SkyDocsDemoComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-docs-tools.umd.js.map