@skyux/docs-tools 4.9.7 → 5.0.0-beta.11

package/fesm5/skyux-docs-tools.js

@@ -1,3211 +0,0 @@
-import { __decorate, __param, __spread, __assign } from 'tslib';
-import { CommonModule } from '@angular/common';
-import { Input, Component, ChangeDetectionStrategy, ContentChildren, NgModule, Injectable, Optional, ChangeDetectorRef, EventEmitter, Output, ElementRef, Pipe, ContentChild } from '@angular/core';
-import { SkyImageModule } from '@blackbaud/skyux-lib-media';
-import { SkyFluidGridModule, SkyDefinitionListModule } from '@skyux/layout';
-import { SkyCodeBlockModule, SkyCodeModule } from '@blackbaud/skyux-lib-code-block';
-import { SkyIconModule, SkyHelpInlineModule } from '@skyux/indicators';
-import { SkyRepeaterModule } from '@skyux/lists';
-import { SkyVerticalTabsetModule, SkyTabsModule } from '@skyux/tabs';
-import { getStringForLocale, SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule } from '@skyux/i18n';
-import { SkyThemeService, SkyTheme, SkyThemeSettings, SkyThemeMode, SkyThemeModule } from '@skyux/theme';
-import { Subject, BehaviorSubject, merge } from 'rxjs';
-import { takeUntil, map, share } from 'rxjs/operators';
-import StackBlitzSDK from '@stackblitz/sdk';
-import { FormsModule } from '@angular/forms';
-import { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';
-import { SkyRestrictedViewModule } from '@blackbaud/skyux-lib-restricted-view';
-import { StachePageSummaryModule, StacheWrapperModule } from '@blackbaud/skyux-lib-stache';
-import { RouterModule, ActivatedRoute, Router } from '@angular/router';
-import marked from 'marked';
-import { SkyClipboardModule } from '@blackbaud/skyux-lib-clipboard';
-import { SkyPopoverModule } from '@skyux/popovers';
-import { SkyMediaBreakpoints, SkyMediaQueryService, SkyMediaQueryModule, SkyAppWindowRef } from '@skyux/core';
-import { DomSanitizer, Title } from '@angular/platform-browser';
-import orderBy from 'lodash.orderby';
-import { SkyAppConfig } from '@skyux/config';
-import { HttpClient } from '@angular/common/http';
-import { SkyAuthHttpClientModule } from '@skyux/http';
-
-var SkyDocsAnatomyItemComponent = /** @class */ (function () {
-    function SkyDocsAnatomyItemComponent() {
-        this.isOptional = false;
-    }
-    __decorate([
-        Input()
-    ], SkyDocsAnatomyItemComponent.prototype, "isOptional", void 0);
-    SkyDocsAnatomyItemComponent = __decorate([
-        Component({
-            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>",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}"]
-        })
-    ], SkyDocsAnatomyItemComponent);
-    return SkyDocsAnatomyItemComponent;
-}());
-
-var SkyDocsAnatomyComponent = /** @class */ (function () {
-    function SkyDocsAnatomyComponent() {
-    }
-    SkyDocsAnatomyComponent.prototype.ngAfterContentInit = function () {
-        this.anatomyItems.forEach(function (item, i) {
-            item.marker = (i + 1).toString();
-        });
-    };
-    __decorate([
-        Input()
-    ], SkyDocsAnatomyComponent.prototype, "imagePath", void 0);
-    __decorate([
-        ContentChildren(SkyDocsAnatomyItemComponent)
-    ], SkyDocsAnatomyComponent.prototype, "anatomyItems", void 0);
-    SkyDocsAnatomyComponent = __decorate([
-        Component({
-            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>",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [""]
-        })
-    ], SkyDocsAnatomyComponent);
-    return SkyDocsAnatomyComponent;
-}());
-
-var SkyDocsAnatomyModule = /** @class */ (function () {
-    function SkyDocsAnatomyModule() {
-    }
-    SkyDocsAnatomyModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                SkyFluidGridModule,
-                SkyImageModule
-            ],
-            declarations: [
-                SkyDocsAnatomyComponent,
-                SkyDocsAnatomyItemComponent
-            ],
-            exports: [
-                SkyDocsAnatomyComponent,
-                SkyDocsAnatomyItemComponent
-            ]
-        })
-    ], SkyDocsAnatomyModule);
-    return SkyDocsAnatomyModule;
-}());
-
-var SkyDocsToolsResourcesProvider = /** @class */ (function () {
-    function SkyDocsToolsResourcesProvider() {
-        this.resources = { "EN-US": { "sky-docs-demo-heading": "Demo", "sky-docs-demo-toggle-button-on": "Show options", "sky-docs-demo-toggle-button-off": "Hide options", "sky-docs-code-example-launch-button-label": "Run in StackBlitz", "sky-docs-demo-control-panel-reset-button-label": "Reset" } };
-    }
-    SkyDocsToolsResourcesProvider.prototype.getString = function (localeInfo, name) {
-        return getStringForLocale(this.resources, localeInfo.locale, name);
-    };
-    SkyDocsToolsResourcesProvider = __decorate([
-        Injectable()
-    ], SkyDocsToolsResourcesProvider);
-    return SkyDocsToolsResourcesProvider;
-}());
-
-var SkyDocsToolsResourcesModule = /** @class */ (function () {
-    function SkyDocsToolsResourcesModule() {
-    }
-    SkyDocsToolsResourcesModule = __decorate([
-        NgModule({
-            providers: [{
-                    provide: SKY_LIB_RESOURCES_PROVIDERS,
-                    useClass: SkyDocsToolsResourcesProvider,
-                    multi: true
-                }],
-            exports: [
-                SkyI18nModule
-            ]
-        })
-    ], SkyDocsToolsResourcesModule);
-    return SkyDocsToolsResourcesModule;
-}());
-
-var SkyDocsSourceCodeProvider = /** @class */ (function () {
-    function SkyDocsSourceCodeProvider() {
-    }
-    SkyDocsSourceCodeProvider = __decorate([
-        Injectable()
-    ], SkyDocsSourceCodeProvider);
-    return SkyDocsSourceCodeProvider;
-}());
-
-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;
-        });
-    };
-    SkyDocsSourceCodeService.ctorParameters = function () { return [
-        { type: SkyDocsSourceCodeProvider }
-    ]; };
-    SkyDocsSourceCodeService = __decorate([
-        Injectable()
-    ], SkyDocsSourceCodeService);
-    return SkyDocsSourceCodeService;
-}());
-
-var SkyDocsSourceCodeModule = /** @class */ (function () {
-    function SkyDocsSourceCodeModule() {
-    }
-    SkyDocsSourceCodeModule = __decorate([
-        NgModule({
-            providers: [
-                SkyDocsSourceCodeProvider,
-                SkyDocsSourceCodeService
-            ]
-        })
-    ], SkyDocsSourceCodeModule);
-    return SkyDocsSourceCodeModule;
-}());
-
-var SkyDocsCodeExampleTheme;
-(function (SkyDocsCodeExampleTheme) {
-    SkyDocsCodeExampleTheme["Default"] = "default";
-    SkyDocsCodeExampleTheme["Modern"] = "modern";
-})(SkyDocsCodeExampleTheme || (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 Subject();
-        // Update theme property with SkyThemeService if it has not been set.
-        if (!this._theme && themeSvc) {
-            themeSvc.settingsChange
-                .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe(function (change) {
-                if (change.currentSettings.theme.name === 'modern') {
-                    _this.theme = SkyDocsCodeExampleTheme.Modern;
-                }
-                else if (change.currentSettings.theme.name === 'default') {
-                    _this.theme = SkyDocsCodeExampleTheme.Default;
-                }
-            });
-        }
-    }
-    Object.defineProperty(SkyDocsCodeExampleComponent.prototype, "theme", {
-        get: function () {
-            return this._theme || 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: true,
-        configurable: true
-    });
-    SkyDocsCodeExampleComponent.prototype.ngOnDestroy = function () {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    };
-    SkyDocsCodeExampleComponent.ctorParameters = function () { return [
-        { type: SkyThemeService, decorators: [{ type: Optional }] }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsCodeExampleComponent.prototype, "heading", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsCodeExampleComponent.prototype, "sourceCodePath", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsCodeExampleComponent.prototype, "theme", null);
-    SkyDocsCodeExampleComponent = __decorate([
-        Component({
-            selector: 'sky-docs-code-example',
-            template: '',
-            changeDetection: ChangeDetectionStrategy.OnPush
-        }),
-        __param(0, Optional())
-    ], SkyDocsCodeExampleComponent);
-    return SkyDocsCodeExampleComponent;
-}());
-
-/**
- * @internal
- */
-var SkyDocsCodeExamplesEditorService = /** @class */ (function () {
-    function SkyDocsCodeExamplesEditorService() {
-    }
-    SkyDocsCodeExamplesEditorService.prototype.launchEditor = function (codeExample) {
-        var project = this.getPayload(codeExample);
-        var options = {};
-        StackBlitzSDK.openProject(project, options);
-    };
-    SkyDocsCodeExamplesEditorService.prototype.getPayload = function (codeExample) {
-        var angularVersion = '^9.0.0';
-        var skyuxVersion = '^4';
-        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,
-            'core-js': '2',
-            'rxjs': '^6.0.0',
-            'rxjs-compat': '^6.0.0',
-            'tslib': '~1.14.1',
-            '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": "4.0.0"`
-        for (var packageName in mergedDependencies) {
-            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 built when using SKY UX CLI.\n * Visit https://developer.blackbaud/skyux for more information\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 === 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 === SkyDocsCodeExampleTheme.Modern ? "<link rel=\"stylesheet\" type=\"text/css\" href=\"https://sky.blackbaudcdn.net/static/skyux-icons/4.0.0-beta.2/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 'core-js/es6/reflect';\nimport 'core-js/es7/reflect';\nimport 'zone.js/dist/zone';\n";
-        files[srcPath + "styles.scss"] = "@import '~@skyux/theme/css/sky';\n" + (theme === 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\": \"es5\",\n    \"moduleResolution\": \"node\",\n    \"emitDecoratorMetadata\": true,\n    \"experimentalDecorators\": true,\n    \"importHelpers\": true,\n    \"lib\": [\n      \"dom\",\n      \"es6\"\n    ]\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(',');
-        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];
-    };
-    SkyDocsCodeExamplesEditorService = __decorate([
-        Injectable()
-    ], SkyDocsCodeExamplesEditorService);
-    return SkyDocsCodeExamplesEditorService;
-}());
-
-/**
- * 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: true,
-        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;
-        }
-    };
-    SkyDocsCodeExamplesComponent.ctorParameters = function () { return [
-        { type: SkyDocsCodeExamplesEditorService },
-        { type: SkyDocsSourceCodeService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsCodeExamplesComponent.prototype, "packageDependencies", null);
-    __decorate([
-        ContentChildren(SkyDocsCodeExampleComponent)
-    ], SkyDocsCodeExamplesComponent.prototype, "codeExampleComponents", void 0);
-    SkyDocsCodeExamplesComponent = __decorate([
-        Component({
-            selector: 'sky-docs-code-examples',
-            template: "<div *ngIf=\"codeExamples && codeExamples.length\" class=\"sky-docs-code-examples\">\n  <sky-repeater *ngIf=\"codeExamples.length > 1 else singleCodeExample\" expandMode=\"multiple\">\n    <sky-repeater-item *ngFor=\"let codeExample of codeExamples\" [isExpanded]=\"false\">\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 select=\"sky-docs-code-example\">\n  </ng-content>\n</ng-template>\n\n<ng-template let-item #codeExampleTemplate>\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;\" [active]=\"i === 0\" [tabHeading]=\"file.fileName\">\n        <sky-code-block [code]=\"file.rawContents\" [languageType]=\"parseCodeLanguageType(file.fileName)\" ngPreserveWhitespaces=\"true\">\n        </sky-code-block>\n      </sky-vertical-tab>\n    </sky-vertical-tabset>\n  </div>\n</ng-template>\n\n<ng-template #singleCodeExample>\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 let-codeExample #codeExampleHeaderTemplate>\n  <div class=\"sky-docs-code-example-header\">\n    <div class=\"sky-docs-code-example-header-title sky-emphasized\">\n      {{ codeExample.heading }}\n    </div>\n    <div class=\"sky-docs-code-example-header-controls\">\n      <button class=\"sky-btn sky-btn-default\" type=\"button\" (click)=\"launchEditor(codeExample);$event.stopPropagation();\">\n        <sky-icon icon=\"pencil\"></sky-icon>\n        {{ 'sky-docs-code-example-launch-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</ng-template>",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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:400}.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}"]
-        })
-    ], SkyDocsCodeExamplesComponent);
-    return SkyDocsCodeExamplesComponent;
-}());
-
-var SkyDocsCodeExamplesModule = /** @class */ (function () {
-    function SkyDocsCodeExamplesModule() {
-    }
-    SkyDocsCodeExamplesModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                SkyCodeBlockModule,
-                SkyDocsSourceCodeModule,
-                SkyDocsToolsResourcesModule,
-                SkyIconModule,
-                SkyRepeaterModule,
-                SkyVerticalTabsetModule
-            ],
-            declarations: [
-                SkyDocsCodeExampleComponent,
-                SkyDocsCodeExamplesComponent
-            ],
-            exports: [
-                SkyDocsCodeExampleComponent,
-                SkyDocsCodeExamplesComponent
-            ],
-            providers: [
-                SkyDocsCodeExamplesEditorService
-            ]
-        })
-    ], SkyDocsCodeExamplesModule);
-    return SkyDocsCodeExamplesModule;
-}());
-
-/**
- * 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 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: true,
-        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));
-    };
-    SkyDocsDemoControlPanelCheckboxComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelCheckboxComponent.prototype, "checked", null);
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelCheckboxComponent.prototype, "disabled", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelCheckboxComponent.prototype, "label", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelCheckboxComponent.prototype, "propertyName", void 0);
-    SkyDocsDemoControlPanelCheckboxComponent = __decorate([
-        Component({
-            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: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyDocsDemoControlPanelCheckboxComponent);
-    return SkyDocsDemoControlPanelCheckboxComponent;
-}());
-
-/**
- * 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 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;
-    };
-    SkyDocsDemoControlPanelRadioGroupComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "choices", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "disabled", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "heading", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "initialValue", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "propertyName", void 0);
-    SkyDocsDemoControlPanelRadioGroupComponent = __decorate([
-        Component({
-            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",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}"]
-        })
-    ], SkyDocsDemoControlPanelRadioGroupComponent);
-    return SkyDocsDemoControlPanelRadioGroupComponent;
-}());
-
-var SkyDocsDemoThemeService = /** @class */ (function () {
-    function SkyDocsDemoThemeService() {
-        this.supportsTheming = new BehaviorSubject(false);
-        this.themeSettings = new BehaviorSubject(undefined);
-    }
-    SkyDocsDemoThemeService = __decorate([
-        Injectable()
-    ], SkyDocsDemoThemeService);
-    return SkyDocsDemoThemeService;
-}());
-
-/**
- * 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(demoThemeSvc) {
-        this.demoThemeSvc = demoThemeSvc;
-        /**
-         * Fires when the user clicks the reset button.
-         */
-        this.reset = new EventEmitter();
-        /**
-         * Fires when a user makes a selection from one of the controls in the panel.
-         */
-        this.selectionChange = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
-    }
-    SkyDocsDemoControlPanelComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        this.addEventListeners();
-        merge(this.checkboxes.changes, this.radioGroups.changes)
-            .pipe(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.onThemeSettingsChange = function (themeSettings) {
-        this.demoThemeSvc.themeSettings.next(themeSettings);
-    };
-    SkyDocsDemoControlPanelComponent.prototype.addEventListeners = function () {
-        var _this = this;
-        if (this.eventListeners) {
-            this.eventListeners.unsubscribe();
-        }
-        this.eventListeners = merge.apply(void 0, __spread(this.checkboxes.map(function (c) { return c.selectionChange; }), this.radioGroups.map(function (c) { return c.selectionChange; }))).pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (change) {
-            _this.selectionChange.next(change);
-        });
-    };
-    SkyDocsDemoControlPanelComponent.ctorParameters = function () { return [
-        { type: SkyDocsDemoThemeService }
-    ]; };
-    __decorate([
-        Output()
-    ], SkyDocsDemoControlPanelComponent.prototype, "reset", void 0);
-    __decorate([
-        Output()
-    ], SkyDocsDemoControlPanelComponent.prototype, "selectionChange", void 0);
-    __decorate([
-        ContentChildren(SkyDocsDemoControlPanelRadioGroupComponent, { descendants: true })
-    ], SkyDocsDemoControlPanelComponent.prototype, "radioGroups", void 0);
-    __decorate([
-        ContentChildren(SkyDocsDemoControlPanelCheckboxComponent, { descendants: true })
-    ], SkyDocsDemoControlPanelComponent.prototype, "checkboxes", void 0);
-    SkyDocsDemoControlPanelComponent = __decorate([
-        Component({
-            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    <ng-container *ngIf=\"demoThemeSvc.supportsTheming | async\">\n      <sky-restricted-view>\n        <div\n          class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-theme-column\"\n        >\n          <sky-docs-demo-control-panel-theme\n            (themeSettingsChange)=\"onThemeSettingsChange($event)\"\n          ></sky-docs-demo-control-panel-theme>\n        </div>\n      </sky-restricted-view>\n    </ng-container>\n  </div>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}.sky-docs-demo-control-panel-theme-column{border-left:1px solid #cdcfd2;height:100%;padding-left:20px}"]
-        })
-    ], SkyDocsDemoControlPanelComponent);
-    return SkyDocsDemoControlPanelComponent;
-}());
-
-/**
- * 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(demoThemeSvc) {
-        this.demoThemeSvc = demoThemeSvc;
-        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: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyDocsDemoComponent.prototype, "supportsTheming", {
-        set: function (value) {
-            this.demoThemeSvc.supportsTheming.next(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyDocsDemoComponent.prototype, "hasOptions", {
-        get: function () {
-            return this.supportsTheming || (this.controlPanels && this.controlPanels.length > 0);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyDocsDemoComponent.prototype, "toggleOptionsButtonIcon", {
-        get: function () {
-            return (this.areOptionsVisible) ? 'chevron-up' : 'chevron-down';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SkyDocsDemoComponent.prototype.onToggleOptionsButtonClick = function () {
-        this.areOptionsVisible = !this.areOptionsVisible;
-    };
-    SkyDocsDemoComponent.ctorParameters = function () { return [
-        { type: SkyDocsDemoThemeService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsDemoComponent.prototype, "alignContents", null);
-    __decorate([
-        Input()
-    ], SkyDocsDemoComponent.prototype, "heading", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoComponent.prototype, "supportsTheming", null);
-    __decorate([
-        ContentChildren(SkyDocsDemoControlPanelComponent, { read: ElementRef })
-    ], SkyDocsDemoComponent.prototype, "controlPanels", void 0);
-    SkyDocsDemoComponent = __decorate([
-        Component({
-            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    [skyTheme]=\"demoThemeSvc.themeSettings | async\"\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",
-            providers: [SkyDocsDemoThemeService],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}"]
-        })
-    ], SkyDocsDemoComponent);
-    return SkyDocsDemoComponent;
-}());
-
-/**
- * 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() {
-    }
-    SkyDocsDemoControlPanelSectionComponent = __decorate([
-        Component({
-            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  <ng-content select=\"sky-docs-demo-control-panel-theme\"></ng-content>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-demo-control-panel-section{padding-right:20px}"]
-        })
-    ], SkyDocsDemoControlPanelSectionComponent);
-    return SkyDocsDemoControlPanelSectionComponent;
-}());
-
-var SkyDocsDemoControlPanelThemeComponent = /** @class */ (function () {
-    function SkyDocsDemoControlPanelThemeComponent(changeDetector, themeSvc) {
-        var _this = this;
-        this.changeDetector = changeDetector;
-        this.themeSvc = themeSvc;
-        this.themeSettingsChange = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
-        this._mode = 'light';
-        this._theme = 'default';
-        // Update theme property with SkyThemeService if it has not been set.
-        if (this.themeSvc) {
-            this.themeSvc.settingsChange
-                .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe(function (change) {
-                if (change.currentSettings.theme.name !== _this.theme) {
-                    _this.theme = change.currentSettings.theme.name;
-                }
-                if (change.currentSettings.mode.name !== _this.mode) {
-                    _this.mode = change.currentSettings.mode.name;
-                }
-                _this.changeDetector.markForCheck();
-            });
-        }
-    }
-    Object.defineProperty(SkyDocsDemoControlPanelThemeComponent.prototype, "mode", {
-        get: function () {
-            return this._mode;
-        },
-        set: function (value) {
-            this._mode = value;
-            this.updateTheme();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyDocsDemoControlPanelThemeComponent.prototype, "theme", {
-        get: function () {
-            return this._theme;
-        },
-        set: function (value) {
-            this._theme = value;
-            this.updateModesForTheme();
-            this.updateTheme();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SkyDocsDemoControlPanelThemeComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.themeOptions = Object.keys(SkyTheme.presets).map(function (key) { return _this.createRadioItem(key); });
-        this.updateModesForTheme();
-        this.updateTheme();
-    };
-    SkyDocsDemoControlPanelThemeComponent.prototype.ngOnDestroy = function () {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    };
-    SkyDocsDemoControlPanelThemeComponent.prototype.updateModesForTheme = function () {
-        var _this = this;
-        var selectedTheme = this.getThemeByName(this.theme);
-        this.modeOptions = selectedTheme.supportedModes
-            .map(function (supportedMode) { return _this.createRadioItem(supportedMode.name); });
-        if (!this.modeOptions.some(function (item) { return item.value === _this.mode; })) {
-            this.mode = this.modeOptions[0].value;
-        }
-    };
-    SkyDocsDemoControlPanelThemeComponent.prototype.createRadioItem = function (name) {
-        return {
-            label: this.capitalize(name),
-            value: name
-        };
-    };
-    SkyDocsDemoControlPanelThemeComponent.prototype.capitalize = function (name) {
-        return name.charAt(0).toUpperCase() + name.substr(1);
-    };
-    SkyDocsDemoControlPanelThemeComponent.prototype.getThemeSettings = function () {
-        return new SkyThemeSettings(this.getThemeByName(this.theme), this.getModeByName(this.mode));
-    };
-    SkyDocsDemoControlPanelThemeComponent.prototype.getThemeByName = function (name) {
-        var themePresets = SkyTheme.presets;
-        return themePresets[name];
-    };
-    SkyDocsDemoControlPanelThemeComponent.prototype.getModeByName = function (name) {
-        var modePresets = SkyThemeMode.presets;
-        return modePresets[name];
-    };
-    SkyDocsDemoControlPanelThemeComponent.prototype.updateTheme = function () {
-        this.themeSettingsChange.emit(this.getThemeSettings());
-    };
-    SkyDocsDemoControlPanelThemeComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: SkyThemeService, decorators: [{ type: Optional }] }
-    ]; };
-    __decorate([
-        Output()
-    ], SkyDocsDemoControlPanelThemeComponent.prototype, "themeSettingsChange", void 0);
-    SkyDocsDemoControlPanelThemeComponent = __decorate([
-        Component({
-            selector: 'sky-docs-demo-control-panel-theme',
-            template: "<strong>Theme</strong>\n<sky-radio-group\n  name=\"theme\"\n  [(ngModel)]=\"theme\"\n>\n  <ul\n    class=\"sky-list-unstyled\"\n  >\n    <li *ngFor=\"let themeOption of themeOptions\">\n      <sky-radio\n        [value]=\"themeOption.value\"\n      >\n        <sky-radio-label>{{ themeOption.label }}</sky-radio-label>\n      </sky-radio>\n    </li>\n  </ul>\n</sky-radio-group>\n\n<strong>Mode</strong>\n<sky-radio-group\n  name=\"mode\"\n  [(ngModel)]=\"mode\"\n>\n  <ul\n    class=\"sky-list-unstyled\"\n  >\n    <li *ngFor=\"let modeOption of modeOptions\">\n      <sky-radio\n        [value]=\"modeOption.value\"\n      >\n        <sky-radio-label>{{ modeOption.label }}</sky-radio-label>\n      </sky-radio>\n    </li>\n  </ul>\n</sky-radio-group>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: ["ul{margin:0}"]
-        }),
-        __param(1, Optional())
-    ], SkyDocsDemoControlPanelThemeComponent);
-    return SkyDocsDemoControlPanelThemeComponent;
-}());
-
-var SkyDocsDemoModule = /** @class */ (function () {
-    function SkyDocsDemoModule() {
-    }
-    SkyDocsDemoModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                FormsModule,
-                SkyCheckboxModule,
-                SkyDocsToolsResourcesModule,
-                SkyIconModule,
-                SkyRadioModule,
-                SkyRestrictedViewModule,
-                SkyThemeModule
-            ],
-            declarations: [
-                SkyDocsDemoComponent,
-                SkyDocsDemoControlPanelCheckboxComponent,
-                SkyDocsDemoControlPanelComponent,
-                SkyDocsDemoControlPanelRadioGroupComponent,
-                SkyDocsDemoControlPanelSectionComponent,
-                SkyDocsDemoControlPanelThemeComponent
-            ],
-            exports: [
-                SkyDocsDemoComponent,
-                SkyDocsDemoControlPanelCheckboxComponent,
-                SkyDocsDemoControlPanelComponent,
-                SkyDocsDemoControlPanelRadioGroupComponent,
-                SkyDocsDemoControlPanelSectionComponent,
-                SkyDocsDemoControlPanelThemeComponent
-            ]
-        })
-    ], SkyDocsDemoModule);
-    return SkyDocsDemoModule;
-}());
-
-var SkyDocsHeadingAnchorComponent = /** @class */ (function () {
-    function SkyDocsHeadingAnchorComponent() {
-        this.headingLevel = '2';
-    }
-    __decorate([
-        Input()
-    ], SkyDocsHeadingAnchorComponent.prototype, "anchorId", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsHeadingAnchorComponent.prototype, "headingLevel", void 0);
-    SkyDocsHeadingAnchorComponent = __decorate([
-        Component({
-            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>",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-heading-anchor{color:#212327}.sky-docs-heading-anchor:hover{text-decoration:none}.sky-docs-heading-anchor:focus .sky-docs-heading-anchor-icon,.sky-docs-heading-anchor:hover .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor-icon{opacity:0;transition:opacity .15s ease-in-out;color:#0974a1;font-weight:400;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:\"Blackbaud 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:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-weight:300;font-size:34px}.sky-docs-tools-heading-anchor-h2{line-height:1.1;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0;font-weight:300;font-size:26px}.sky-docs-tools-heading-anchor-h3{line-height:1.1;font-family:\"Blackbaud 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:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:0 0 10px;font-weight:600;font-size:15px}"]
-        })
-    ], SkyDocsHeadingAnchorComponent);
-    return SkyDocsHeadingAnchorComponent;
-}());
-
-var SkyDocsHeadingAnchorModule = /** @class */ (function () {
-    function SkyDocsHeadingAnchorModule() {
-    }
-    SkyDocsHeadingAnchorModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyDocsHeadingAnchorComponent
-            ],
-            imports: [
-                CommonModule,
-                RouterModule,
-                SkyIconModule
-            ],
-            exports: [
-                SkyDocsHeadingAnchorComponent
-            ]
-        })
-    ], SkyDocsHeadingAnchorModule);
-    return SkyDocsHeadingAnchorModule;
-}());
-
-var SkyDocsMarkdownPipe = /** @class */ (function () {
-    function SkyDocsMarkdownPipe() {
-    }
-    SkyDocsMarkdownPipe.prototype.transform = function (markdown) {
-        if (!markdown) {
-            return '';
-        }
-        return marked(markdown);
-    };
-    SkyDocsMarkdownPipe = __decorate([
-        Pipe({
-            name: 'skyDocsMarkdown'
-        })
-    ], SkyDocsMarkdownPipe);
-    return SkyDocsMarkdownPipe;
-}());
-
-var SkyDocsMarkdownModule = /** @class */ (function () {
-    function SkyDocsMarkdownModule() {
-    }
-    SkyDocsMarkdownModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyDocsMarkdownPipe
-            ],
-            providers: [
-                SkyDocsMarkdownPipe
-            ],
-            exports: [
-                SkyDocsMarkdownPipe
-            ]
-        })
-    ], SkyDocsMarkdownModule);
-    return SkyDocsMarkdownModule;
-}());
-
-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: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "packageName", {
-        get: function () {
-            return this._packageName || this.options && this.options.packageName;
-        },
-        set: function (value) {
-            this._packageName = value;
-        },
-        enumerable: true,
-        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: true,
-        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: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "installationCommand", {
-        get: function () {
-            if (!this.packageName) {
-                return '';
-            }
-            return "npm install --save-exact " + this.packageName;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SkyDocsModuleInfoComponent.ctorParameters = function () { return [
-        { type: SkyDocsToolsOptions, decorators: [{ type: Optional }] }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsModuleInfoComponent.prototype, "gitRepoUrl", null);
-    __decorate([
-        Input()
-    ], SkyDocsModuleInfoComponent.prototype, "moduleName", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsModuleInfoComponent.prototype, "packageName", null);
-    __decorate([
-        Input()
-    ], SkyDocsModuleInfoComponent.prototype, "packageUrl", null);
-    SkyDocsModuleInfoComponent = __decorate([
-        Component({
-            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",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-module-info-installation-command{display:flex}.sky-docs-module-info-installation-command-code,.sky-docs-module-info-package-name{margin-right:10px}"]
-        }),
-        __param(0, Optional())
-    ], SkyDocsModuleInfoComponent);
-    return SkyDocsModuleInfoComponent;
-}());
-
-var SkyDocsModuleInfoModule = /** @class */ (function () {
-    function SkyDocsModuleInfoModule() {
-    }
-    SkyDocsModuleInfoModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                SkyCodeModule,
-                SkyClipboardModule,
-                SkyDefinitionListModule,
-                SkyHelpInlineModule,
-                SkyPopoverModule
-            ],
-            declarations: [
-                SkyDocsModuleInfoComponent
-            ],
-            exports: [
-                SkyDocsModuleInfoComponent
-            ]
-        })
-    ], SkyDocsModuleInfoModule);
-    return SkyDocsModuleInfoModule;
-}());
-
-var SkyDocsSafeHtmlComponent = /** @class */ (function () {
-    function SkyDocsSafeHtmlComponent(domSanitizer) {
-        this.domSanitizer = domSanitizer;
-    }
-    SkyDocsSafeHtmlComponent.prototype.getTrustedHtml = function (content) {
-        return this.domSanitizer.bypassSecurityTrustHtml(content);
-    };
-    SkyDocsSafeHtmlComponent.ctorParameters = function () { return [
-        { type: DomSanitizer }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsSafeHtmlComponent.prototype, "innerHtml", void 0);
-    SkyDocsSafeHtmlComponent = __decorate([
-        Component({
-            selector: 'sky-docs-safe-html',
-            template: "<div\n  class=\"sky-docs-safe-html\"\n  [innerHtml]=\"getTrustedHtml(innerHtml)\"\n></div>",
-            changeDetection: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyDocsSafeHtmlComponent);
-    return SkyDocsSafeHtmlComponent;
-}());
-
-var SkyDocsSafeHtmlModule = /** @class */ (function () {
-    function SkyDocsSafeHtmlModule() {
-    }
-    SkyDocsSafeHtmlModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyDocsSafeHtmlComponent
-            ],
-            imports: [
-                CommonModule
-            ],
-            exports: [
-                SkyDocsSafeHtmlComponent
-            ]
-        })
-    ], SkyDocsSafeHtmlModule);
-    return SkyDocsSafeHtmlModule;
-}());
-
-var SkyDocsTypeDefinitionsProvider = /** @class */ (function () {
-    function SkyDocsTypeDefinitionsProvider() {
-    }
-    SkyDocsTypeDefinitionsProvider = __decorate([
-        Injectable()
-    ], SkyDocsTypeDefinitionsProvider);
-    return SkyDocsTypeDefinitionsProvider;
-}());
-
-/**
- * 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);
-    };
-    SkyDocsAnchorLinkService.ctorParameters = function () { return [
-        { type: SkyDocsTypeDefinitionsProvider }
-    ]; };
-    SkyDocsAnchorLinkService = __decorate([
-        Injectable()
-    ], SkyDocsAnchorLinkService);
-    return SkyDocsAnchorLinkService;
-}());
-
-/**
- * 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;
-    };
-    SkyDocsTypeDefinitionsFormatService = __decorate([
-        Injectable()
-    ], SkyDocsTypeDefinitionsFormatService);
-    return SkyDocsTypeDefinitionsFormatService;
-}());
-
-/**
- * "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: true,
-        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);
-    };
-    SkyDocsCallSignatureDefinitionComponent.ctorParameters = function () { return [
-        { type: SkyDocsTypeDefinitionsFormatService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsCallSignatureDefinitionComponent.prototype, "config", null);
-    SkyDocsCallSignatureDefinitionComponent = __decorate([
-        Component({
-            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",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-call-signature-definition-heading{line-height:1.1;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:0 0 10px;font-weight:600;font-size:15px}.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 td,.sky-docs-parameter-definitions th{padding:10px;border-bottom:1px dotted #cdcfd2;vertical-align:top;text-align:left}.sky-docs-parameter-definitions td ::ng-deep:first-child .sky-code,.sky-docs-parameter-definitions th ::ng-deep:first-child .sky-code{display:inline-block;white-space:normal}.sky-docs-parameter-definitions td ::ng-deep p,.sky-docs-parameter-definitions th ::ng-deep p{margin:10px 0}.sky-docs-parameter-definitions td ::ng-deep p:first-child,.sky-docs-parameter-definitions th ::ng-deep p:first-child{margin-top:0!important}.sky-docs-parameter-definitions td ::ng-deep p:last-child,.sky-docs-parameter-definitions th ::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>td,.sky-docs-parameter-definitions tr:first-child>th{padding-top:0}.sky-docs-parameter-definitions tr:last-child>td,.sky-docs-parameter-definitions tr:last-child>th{border-bottom:0;padding-bottom:0}.sky-docs-parameter-definition-header{width:1%;white-space:nowrap;font-weight:400}.sky-docs-parameter-definition-label-optional{color:#686c73}.sky-docs-call-signature-definition-return-type{margin-left:15px}"]
-        })
-    ], SkyDocsCallSignatureDefinitionComponent);
-    return SkyDocsCallSignatureDefinitionComponent;
-}());
-
-var SkyDocsDirectiveDefinitionComponent = /** @class */ (function () {
-    function SkyDocsDirectiveDefinitionComponent() {
-    }
-    __decorate([
-        Input()
-    ], SkyDocsDirectiveDefinitionComponent.prototype, "config", void 0);
-    SkyDocsDirectiveDefinitionComponent = __decorate([
-        Component({
-            selector: 'sky-docs-directive-definition',
-            template: "<div *ngIf=\"config\" class=\"sky-docs-directive-definition sky-docs-type-definition-wrapper\">\n  <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\" class=\"sky-docs-directive-definition-description\" [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"></sky-docs-safe-html>\n\n  <h4 class=\"sky-docs-directive-definition-h4\">\n    Selector\n  </h4>\n\n  <p class=\"sky-docs-directive-selector\">\n    <sky-code>{{ config.selector }}</sky-code>\n  </p>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4 class=\"sky-docs-directive-definition-h4\">\n      Example\n    </h4>\n    <sky-code-block class=\"sky-docs-code-block\" [code]=\"config.codeExample\" [hideHeader]=\"true\" [languageType]=\"config.codeExampleLanguage\" ngPreserveWhitespaces=\"true\">\n    </sky-code-block>\n  </ng-container>\n\n  <sky-docs-property-definitions *ngIf=\"config.inputProperties?.length\" propertyType=\"Input\" [config]=\"{\n      properties: config.inputProperties\n    }\"></sky-docs-property-definitions>\n\n  <sky-docs-property-definitions *ngIf=\"config.eventProperties?.length\" propertyType=\"Event\" [config]=\"{\n      properties: config.eventProperties\n    }\"></sky-docs-property-definitions>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-directive-definition-h4{line-height:1.1;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:0 0 10px;font-weight:600;font-size:15px}.sky-docs-directive-selector{margin-left:15px!important;margin-top:10px!important}"]
-        })
-    ], SkyDocsDirectiveDefinitionComponent);
-    return SkyDocsDirectiveDefinitionComponent;
-}());
-
-var SkyDocsEnumerationDefinitionComponent = /** @class */ (function () {
-    function SkyDocsEnumerationDefinitionComponent() {
-    }
-    __decorate([
-        Input()
-    ], SkyDocsEnumerationDefinitionComponent.prototype, "config", void 0);
-    SkyDocsEnumerationDefinitionComponent = __decorate([
-        Component({
-            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: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyDocsEnumerationDefinitionComponent);
-    return SkyDocsEnumerationDefinitionComponent;
-}());
-
-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: true,
-        configurable: true
-    });
-    SkyDocsInterfaceDefinitionComponent.prototype.updateView = function () {
-        this.sourceCode = (this.config) ? this.formatService.getInterfaceSourceCode(this.config) : undefined;
-    };
-    SkyDocsInterfaceDefinitionComponent.ctorParameters = function () { return [
-        { type: SkyDocsTypeDefinitionsFormatService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsInterfaceDefinitionComponent.prototype, "config", null);
-    SkyDocsInterfaceDefinitionComponent = __decorate([
-        Component({
-            selector: 'sky-docs-interface-definition',
-            template: "<div *ngIf=\"config\" class=\"sky-docs-interface-definition sky-docs-type-definition-wrapper\">\n  <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\" class=\"sky-docs-interface-definition-description\" [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\" class=\"sky-docs-code-block\" languageType=\"typescript\" [code]=\"sourceCode\" [hideHeader]=\"true\" ngPreserveWhitespaces=\"true\"></sky-code-block>\n\n  <sky-docs-property-definitions *ngIf=\"config.properties\" [config]=\"{ properties: config.properties }\" [showOptionalStatus]=\"false\"></sky-docs-property-definitions>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyDocsInterfaceDefinitionComponent);
-    return SkyDocsInterfaceDefinitionComponent;
-}());
-
-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: true,
-        configurable: true
-    });
-    SkyDocsMethodDefinitionsComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.mediaQueryService.subscribe(function (breakpoints) {
-            _this.isMobile = (breakpoints <= 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;
-        });
-    };
-    SkyDocsMethodDefinitionsComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: SkyDocsTypeDefinitionsFormatService },
-        { type: SkyMediaQueryService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsMethodDefinitionsComponent.prototype, "config", null);
-    SkyDocsMethodDefinitionsComponent = __decorate([
-        Component({
-            selector: 'sky-docs-method-definitions',
-            template: "<div *ngIf=\"methods\" class=\"sky-docs-method-definitions\">\n  <table *ngIf=\"!isMobile else mobileTemplate\" class=\"sky-docs-table\">\n    <tr class=\"sky-docs-table-row\">\n      <th class=\"sky-docs-table-column-header sky-docs-table-column-header-name\">\n        Methods\n      </th>\n      <th class=\"sky-docs-table-column-header sky-docs-table-column-header-description\">\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let method of methods\" class=\"sky-docs-table-row\">\n      <td class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-name\">\n        <ng-template [ngTemplateOutlet]=\"nameTemplate\" [ngTemplateOutletContext]=\"{$implicit: method}\"></ng-template>\n      </td>\n      <td class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-description\">\n        <ng-template [ngTemplateOutlet]=\"descriptionTemplate\" [ngTemplateOutletContext]=\"{$implicit: method}\"></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl class=\"sky-docs-method-definition-list\">\n      <div *ngFor=\"let method of methods\" class=\"sky-docs-method-definition-list-item\">\n        <dt class=\"sky-field-label\">\n          Methods\n        </dt>\n        <dd class=\"sky-docs-method-definitions-dd-name\">\n          <ng-template [ngTemplateOutlet]=\"nameTemplate\" [ngTemplateOutletContext]=\"{$implicit: method}\"></ng-template>\n        </dd>\n        <dt class=\"sky-field-label\">Description</dt>\n        <dd class=\"sky-docs-method-definitions-dd-description\">\n          <ng-template [ngTemplateOutlet]=\"descriptionTemplate\" [ngTemplateOutletContext]=\"{$implicit: method}\"></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-method #nameTemplate>\n  <sky-code><span [innerHtml]=\"method.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"></span></sky-code>\n</ng-template>\n\n<ng-template let-method #descriptionTemplate>\n\n  <sky-docs-safe-html *ngIf=\"method.deprecationWarning !== undefined\" class=\"sky-docs-method-definition-deprecation-warning\" [innerHtml]=\"deprecationWarningPrefix + method.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"method.description\" class=\"sky-docs-method-definition-description\" [innerHtml]=\"method.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"method.sourceCode\" class=\"sky-docs-code-block\" languageType=\"typescript\" [code]=\"method.sourceCode\" [hideHeader]=\"true\" ngPreserveWhitespaces=\"true\"></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"method.callSignature\" [config]=\"method.callSignature\"></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\" class=\"sky-docs-code-block\" languageType=\"method.codeExampleLanguage\" [code]=\"method.codeExample\" [hideHeader]=\"true\" ngPreserveWhitespaces=\"true\"></sky-code-block>\n  </ng-container>\n</ng-template>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}"]
-        })
-    ], SkyDocsMethodDefinitionsComponent);
-    return SkyDocsMethodDefinitionsComponent;
-}());
-
-var SkyDocsPipeDefinitionComponent = /** @class */ (function () {
-    function SkyDocsPipeDefinitionComponent() {
-    }
-    __decorate([
-        Input()
-    ], SkyDocsPipeDefinitionComponent.prototype, "config", void 0);
-    SkyDocsPipeDefinitionComponent = __decorate([
-        Component({
-            selector: 'sky-docs-pipe-definition',
-            template: "<div *ngIf=\"config\" class=\"sky-docs-pipe-definition sky-docs-type-definition-wrapper\">\n  <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\" [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4 class=\"sky-docs-pipe-definition-heading\">\n      Example\n    </h4>\n    <sky-code-block class=\"sky-docs-code-block\" [code]=\"config.codeExample\" [hideHeader]=\"true\" [languageType]=\"config.codeExampleLanguage\" ngPreserveWhitespaces=\"true\"></sky-code-block>\n  </ng-container>\n\n  <sky-docs-method-definitions [config]=\"{\n      methods: [config.transformMethod]\n    }\"></sky-docs-method-definitions>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-pipe-definition-heading{line-height:1.1;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:0 0 10px;font-weight:600;font-size:15px}"]
-        })
-    ], SkyDocsPipeDefinitionComponent);
-    return SkyDocsPipeDefinitionComponent;
-}());
-
-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: true,
-        configurable: true
-    });
-    SkyDocsPropertyDefinitionsComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.mediaQueryService.subscribe(function (breakpoints) {
-            _this.isMobile = (breakpoints <= 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;
-        });
-    };
-    SkyDocsPropertyDefinitionsComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: SkyDocsTypeDefinitionsFormatService },
-        { type: SkyMediaQueryService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsPropertyDefinitionsComponent.prototype, "config", null);
-    __decorate([
-        Input()
-    ], SkyDocsPropertyDefinitionsComponent.prototype, "propertyType", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsPropertyDefinitionsComponent.prototype, "showOptionalStatus", void 0);
-    SkyDocsPropertyDefinitionsComponent = __decorate([
-        Component({
-            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",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}"]
-        })
-    ], SkyDocsPropertyDefinitionsComponent);
-    return SkyDocsPropertyDefinitionsComponent;
-}());
-
-var SkyDocsClassDefinitionComponent = /** @class */ (function () {
-    function SkyDocsClassDefinitionComponent() {
-    }
-    __decorate([
-        Input()
-    ], SkyDocsClassDefinitionComponent.prototype, "config", void 0);
-    SkyDocsClassDefinitionComponent = __decorate([
-        Component({
-            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",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-class-definition-heading{line-height:1.1;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:0 0 10px;font-weight:600;font-size:15px}.sky-docs-class-definition-return-type{margin-left:15px}"]
-        })
-    ], SkyDocsClassDefinitionComponent);
-    return SkyDocsClassDefinitionComponent;
-}());
-
-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: true,
-        configurable: true
-    });
-    SkyDocsTypeAliasDefinitionComponent.prototype.updateView = function () {
-        this.sourceCode = (this.config) ? this.formatService.getTypeAliasSourceCode(this.config) : undefined;
-    };
-    SkyDocsTypeAliasDefinitionComponent.ctorParameters = function () { return [
-        { type: SkyDocsTypeDefinitionsFormatService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsTypeAliasDefinitionComponent.prototype, "config", null);
-    SkyDocsTypeAliasDefinitionComponent = __decorate([
-        Component({
-            selector: 'sky-docs-type-alias-definition',
-            template: "<div *ngIf=\"config\" class=\"sky-docs-type-alias-definition sky-docs-type-definition-wrapper\">\n  <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\" class=\"sky-docs-type-alias-definition-description\" [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\" class=\"sky-docs-code-block\" languageType=\"typescript\" [code]=\"sourceCode\" [hideHeader]=\"true\" ngPreserveWhitespaces=\"true\"></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"config.type.callSignature\" [config]=\"config.type.callSignature\"></sky-docs-call-signature-definition>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-type-alias-definition-heading{line-height:1.1;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:0 0 10px;font-weight:600;font-size:15px}.sky-docs-type-alias-definition-return-type{margin-left:15px}"]
-        })
-    ], SkyDocsTypeAliasDefinitionComponent);
-    return SkyDocsTypeAliasDefinitionComponent;
-}());
-
-/**
- * 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 tags = _this.getCommentTags(child.comment);
-            var definition = {
-                isOptional: !tags.extras.required,
-                name: _this.getPropertyName(child),
-                type: _this.getTypeDefinition(child)
-            };
-            _this.applyCommentTagValues(definition, tags);
-            var decorator = _this.getDecorator(child);
-            if (decorator) {
-                definition.decorator = decorator;
-            }
-            var defaultValue = _this.getDefaultValue(child, tags);
-            if (defaultValue) {
-                definition.defaultValue = defaultValue;
-            }
-            return definition;
-        });
-        return orderBy(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(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(definitions, ['isOptional', 'name'], ['asc', 'asc']);
-        // Add any index signatures, e.g. `[_: string]: any`
-        if (entry.indexSignature) {
-            var indexSignature = entry.indexSignature[0];
-            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_1 = 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_1) {
-                    definition.name = name_1;
-                }
-                // 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[0];
-                            definition.indexSignature = this.getIndexSignatureDefinition(indexSignature);
-                        }
-                        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 __assign(__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]) || '';
-    };
-    SkyDocsTypeDocAdapterService.ctorParameters = function () { return [
-        { type: SkyDocsTypeDefinitionsProvider, decorators: [{ type: Optional }] }
-    ]; };
-    SkyDocsTypeDocAdapterService = __decorate([
-        Injectable(),
-        __param(0, Optional())
-    ], SkyDocsTypeDocAdapterService);
-    return SkyDocsTypeDocAdapterService;
-}());
-
-/**
- * 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[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;
-    };
-    SkyDocsTypeDefinitionsService.ctorParameters = function () { return [
-        { type: SkyDocsTypeDefinitionsProvider },
-        { type: SkyDocsTypeDocAdapterService }
-    ]; };
-    SkyDocsTypeDefinitionsService = __decorate([
-        Injectable()
-    ], SkyDocsTypeDefinitionsService);
-    return SkyDocsTypeDefinitionsService;
-}());
-
-/**
- * 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);
-    };
-    SkyDocsTypeAnchorLinksPipe.ctorParameters = function () { return [
-        { type: SkyDocsAnchorLinkService }
-    ]; };
-    SkyDocsTypeAnchorLinksPipe = __decorate([
-        Pipe({
-            name: 'skyDocsTypeAnchorLinks',
-            pure: true
-        })
-    ], SkyDocsTypeAnchorLinksPipe);
-    return SkyDocsTypeAnchorLinksPipe;
-}());
-
-var SkyDocsTypeDefinitionsModule = /** @class */ (function () {
-    function SkyDocsTypeDefinitionsModule() {
-    }
-    SkyDocsTypeDefinitionsModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                RouterModule,
-                SkyCodeBlockModule,
-                SkyCodeModule,
-                SkyDefinitionListModule,
-                SkyDocsHeadingAnchorModule,
-                SkyDocsMarkdownModule,
-                SkyDocsSafeHtmlModule,
-                SkyIconModule,
-                SkyMediaQueryModule
-            ],
-            declarations: [
-                SkyDocsCallSignatureDefinitionComponent,
-                SkyDocsClassDefinitionComponent,
-                SkyDocsDirectiveDefinitionComponent,
-                SkyDocsEnumerationDefinitionComponent,
-                SkyDocsInterfaceDefinitionComponent,
-                SkyDocsMethodDefinitionsComponent,
-                SkyDocsPipeDefinitionComponent,
-                SkyDocsPropertyDefinitionsComponent,
-                SkyDocsTypeAliasDefinitionComponent,
-                SkyDocsTypeAnchorLinksPipe
-            ],
-            exports: [
-                SkyDocsCallSignatureDefinitionComponent,
-                SkyDocsClassDefinitionComponent,
-                SkyDocsDirectiveDefinitionComponent,
-                SkyDocsEnumerationDefinitionComponent,
-                SkyDocsInterfaceDefinitionComponent,
-                SkyDocsMethodDefinitionsComponent,
-                SkyDocsPipeDefinitionComponent,
-                SkyDocsPropertyDefinitionsComponent,
-                SkyDocsTypeAliasDefinitionComponent,
-                SkyDocsTypeAnchorLinksPipe
-            ],
-            providers: [
-                SkyDocsAnchorLinkService,
-                SkyDocsTypeAnchorLinksPipe,
-                SkyDocsTypeDefinitionsFormatService,
-                SkyDocsTypeDefinitionsProvider,
-                SkyDocsTypeDefinitionsService,
-                SkyDocsTypeDocAdapterService
-            ]
-        })
-    ], SkyDocsTypeDefinitionsModule);
-    return SkyDocsTypeDefinitionsModule;
-}());
-
-/**
- * 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: true,
-        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;
-    };
-    __decorate([
-        Input()
-    ], SkyDocsDemoPageSectionComponent.prototype, "heading", void 0);
-    SkyDocsDemoPageSectionComponent = __decorate([
-        Component({
-            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>",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-demo-page-section{margin-bottom:50px}"]
-        })
-    ], SkyDocsDemoPageSectionComponent);
-    return SkyDocsDemoPageSectionComponent;
-}());
-
-/**
- * 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() {
-    }
-    SkyDocsDemoPageSummaryComponent = __decorate([
-        Component({
-            selector: 'sky-docs-demo-page-summary',
-            template: "<div class=\"sky-docs-demo-page-summary\">\n  <ng-content></ng-content>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-demo-page-summary{margin-bottom:20px}"]
-        })
-    ], SkyDocsDemoPageSummaryComponent);
-    return SkyDocsDemoPageSummaryComponent;
-}());
-
-/**
- * @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);
-    };
-    SkyDocsDemoPageTitleService.ctorParameters = function () { return [
-        { type: Title }
-    ]; };
-    SkyDocsDemoPageTitleService = __decorate([
-        Injectable()
-    ], SkyDocsDemoPageTitleService);
-    return SkyDocsDemoPageTitleService;
-}());
-
-var SkyDocsDesignGuidelinesComponent = /** @class */ (function () {
-    function SkyDocsDesignGuidelinesComponent() {
-    }
-    SkyDocsDesignGuidelinesComponent = __decorate([
-        Component({
-            selector: 'sky-docs-design-guidelines',
-            template: "<div class=\"sky-docs-design-guidelines\">\n  <ng-content></ng-content>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyDocsDesignGuidelinesComponent);
-    return SkyDocsDesignGuidelinesComponent;
-}());
-
-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(map(function (results) { return results.components; }), share());
-    };
-    SkyDocsSupportalService.ctorParameters = function () { return [
-        { type: HttpClient }
-    ]; };
-    SkyDocsSupportalService = __decorate([
-        Injectable()
-    ], SkyDocsSupportalService);
-    return SkyDocsSupportalService;
-}());
-
-/**
- * @internal
- */
-var SkyDocsDemoPageDomAdapterService = /** @class */ (function () {
-    function SkyDocsDemoPageDomAdapterService(windowRef) {
-        var _this = this;
-        this.windowRef = windowRef;
-        this._anchorLinkClick = new 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: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyDocsDemoPageDomAdapterService.prototype, "currentUrl", {
-        get: function () {
-            return this.windowRef.nativeWindow.location.href.split('#')[0];
-        },
-        enumerable: true,
-        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: true,
-        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);
-        }
-    };
-    SkyDocsDemoPageDomAdapterService.ctorParameters = function () { return [
-        { type: SkyAppWindowRef }
-    ]; };
-    SkyDocsDemoPageDomAdapterService = __decorate([
-        Injectable()
-    ], SkyDocsDemoPageDomAdapterService);
-    return SkyDocsDemoPageDomAdapterService;
-}());
-
-/**
- * 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 () {
-        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;
-        }
-    };
-    SkyDocsDemoPageComponent.ctorParameters = function () { return [
-        { type: ActivatedRoute },
-        { type: ChangeDetectorRef },
-        { type: Router },
-        { type: SkyAppConfig },
-        { type: SkyDocsDemoPageDomAdapterService },
-        { type: SkyDocsSupportalService },
-        { type: SkyDocsDemoPageTitleService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsDemoPageComponent.prototype, "gitRepoUrl", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoPageComponent.prototype, "moduleName", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoPageComponent.prototype, "moduleSourceCodePath", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoPageComponent.prototype, "packageName", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoPageComponent.prototype, "packageUrl", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDemoPageComponent.prototype, "pageTitle", void 0);
-    __decorate([
-        ContentChild(SkyDocsDesignGuidelinesComponent)
-    ], SkyDocsDemoPageComponent.prototype, "designGuidelinesComponent", void 0);
-    __decorate([
-        ContentChildren(SkyDocsCodeExamplesComponent)
-    ], SkyDocsDemoPageComponent.prototype, "codeExampleComponents", void 0);
-    SkyDocsDemoPageComponent = __decorate([
-        Component({
-            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>",
-            providers: [
-                SkyDocsDemoPageDomAdapterService
-            ],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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:0 0;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}"]
-        })
-    ], SkyDocsDemoPageComponent);
-    return SkyDocsDemoPageComponent;
-}());
-
-var SkyDocsDemoPageModuleInfoComponent = /** @class */ (function () {
-    function SkyDocsDemoPageModuleInfoComponent() {
-    }
-    SkyDocsDemoPageModuleInfoComponent = __decorate([
-        Component({
-            selector: 'sky-docs-demo-page-module-info',
-            template: '<ng-content></ng-content>'
-        })
-    ], SkyDocsDemoPageModuleInfoComponent);
-    return SkyDocsDemoPageModuleInfoComponent;
-}());
-
-/**
- * @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);
-        }
-    };
-    SkyDocsDemoPageTypeDefinitionsComponent.ctorParameters = function () { return [
-        { type: SkyDocsTypeDefinitionsService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyDocsDemoPageTypeDefinitionsComponent.prototype, "moduleSourceCodePath", void 0);
-    SkyDocsDemoPageTypeDefinitionsComponent = __decorate([
-        Component({
-            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: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyDocsDemoPageTypeDefinitionsComponent);
-    return SkyDocsDemoPageTypeDefinitionsComponent;
-}());
-
-var SkyDocsDemoPageModule = /** @class */ (function () {
-    function SkyDocsDemoPageModule() {
-    }
-    SkyDocsDemoPageModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                RouterModule,
-                SkyCodeBlockModule,
-                SkyCodeModule,
-                SkyDocsDemoModule,
-                SkyDocsHeadingAnchorModule,
-                SkyDocsMarkdownModule,
-                SkyDocsModuleInfoModule,
-                SkyDocsTypeDefinitionsModule,
-                SkyTabsModule,
-                StachePageSummaryModule,
-                StacheWrapperModule
-            ],
-            declarations: [
-                SkyDocsDemoPageComponent,
-                SkyDocsDemoPageModuleInfoComponent,
-                SkyDocsDemoPageSectionComponent,
-                SkyDocsDemoPageSummaryComponent,
-                SkyDocsDemoPageTypeDefinitionsComponent
-            ],
-            exports: [
-                SkyDocsDemoPageComponent,
-                SkyDocsDemoPageModuleInfoComponent,
-                SkyDocsDemoPageSectionComponent,
-                SkyDocsDemoPageSummaryComponent,
-                SkyDocsDemoPageTypeDefinitionsComponent
-            ],
-            providers: [
-                SkyDocsDemoPageTitleService
-            ]
-        })
-    ], SkyDocsDemoPageModule);
-    return SkyDocsDemoPageModule;
-}());
-
-var SkyDocsThumbnailComponent = /** @class */ (function () {
-    function SkyDocsThumbnailComponent() {
-        this.showBorder = false;
-    }
-    __decorate([
-        Input()
-    ], SkyDocsThumbnailComponent.prototype, "caption", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsThumbnailComponent.prototype, "captionType", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsThumbnailComponent.prototype, "imageAlt", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsThumbnailComponent.prototype, "imageSource", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsThumbnailComponent.prototype, "showBorder", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsThumbnailComponent.prototype, "videoSource", void 0);
-    SkyDocsThumbnailComponent = __decorate([
-        Component({
-            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",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}"]
-        })
-    ], SkyDocsThumbnailComponent);
-    return SkyDocsThumbnailComponent;
-}());
-
-var SkyDocsThumbnailModule = /** @class */ (function () {
-    function SkyDocsThumbnailModule() {
-    }
-    SkyDocsThumbnailModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                SkyImageModule
-            ],
-            exports: [
-                SkyDocsThumbnailComponent
-            ],
-            declarations: [
-                SkyDocsThumbnailComponent
-            ]
-        })
-    ], SkyDocsThumbnailModule);
-    return SkyDocsThumbnailModule;
-}());
-
-var SkyDocsDesignGuidelineThumbnailComponent = /** @class */ (function () {
-    function SkyDocsDesignGuidelineThumbnailComponent() {
-        this.showBorder = false;
-    }
-    __decorate([
-        Input()
-    ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "caption", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "captionType", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "imageAlt", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "imageSource", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "videoSource", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "showBorder", void 0);
-    SkyDocsDesignGuidelineThumbnailComponent = __decorate([
-        Component({
-            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",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}"]
-        })
-    ], SkyDocsDesignGuidelineThumbnailComponent);
-    return SkyDocsDesignGuidelineThumbnailComponent;
-}());
-
-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: true,
-        configurable: true
-    });
-    SkyDocsDesignGuidelineComponent.prototype.ngAfterContentInit = function () {
-        this.hasThumbnails = !!this.thumbnails.length;
-    };
-    __decorate([
-        Input()
-    ], SkyDocsDesignGuidelineComponent.prototype, "heading", void 0);
-    __decorate([
-        Input()
-    ], SkyDocsDesignGuidelineComponent.prototype, "headingStyle", void 0);
-    __decorate([
-        ContentChildren(SkyDocsDesignGuidelineThumbnailComponent)
-    ], SkyDocsDesignGuidelineComponent.prototype, "thumbnails", void 0);
-    SkyDocsDesignGuidelineComponent = __decorate([
-        Component({
-            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",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-docs-design-guideline-heading{line-height:1.1;font-family:\"Blackbaud 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}"]
-        })
-    ], SkyDocsDesignGuidelineComponent);
-    return SkyDocsDesignGuidelineComponent;
-}());
-
-var SkyDocsDesignGuidelinesModule = /** @class */ (function () {
-    function SkyDocsDesignGuidelinesModule() {
-    }
-    SkyDocsDesignGuidelinesModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                SkyDocsThumbnailModule,
-                SkyFluidGridModule
-            ],
-            declarations: [
-                SkyDocsDesignGuidelineComponent,
-                SkyDocsDesignGuidelineThumbnailComponent,
-                SkyDocsDesignGuidelinesComponent
-            ],
-            exports: [
-                SkyDocsDesignGuidelineComponent,
-                SkyDocsDesignGuidelineThumbnailComponent,
-                SkyDocsDesignGuidelinesComponent
-            ]
-        })
-    ], SkyDocsDesignGuidelinesModule);
-    return SkyDocsDesignGuidelinesModule;
-}());
-
-/**
- * This module conveniently exports the most commonly used modules.
- */
-var SkyDocsToolsModule = /** @class */ (function () {
-    function SkyDocsToolsModule() {
-    }
-    SkyDocsToolsModule = __decorate([
-        NgModule({
-            exports: [
-                SkyAuthHttpClientModule,
-                SkyDocsAnatomyModule,
-                SkyDocsCodeExamplesModule,
-                SkyDocsDemoModule,
-                SkyDocsDemoPageModule,
-                SkyDocsDesignGuidelinesModule
-            ],
-            providers: [
-                SkyDocsSupportalService
-            ]
-        })
-    ], SkyDocsToolsModule);
-    return SkyDocsToolsModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SkyDocsAnatomyModule, SkyDocsCodeExampleTheme, SkyDocsCodeExamplesModule, SkyDocsDemoModule, SkyDocsDemoPageModule, SkyDocsDesignGuidelinesModule, SkyDocsHeadingAnchorModule, SkyDocsMarkdownModule, SkyDocsMarkdownPipe, SkyDocsModuleInfoModule, SkyDocsSourceCodeProvider, SkyDocsSupportalService, SkyDocsThumbnailModule, SkyDocsToolsModule, SkyDocsToolsOptions, SkyDocsTypeDefinitionsModule, SkyDocsTypeDefinitionsProvider, SkyDocsTypeDefinitionsService, SkyDocsAnatomyComponent as ɵa, SkyDocsAnatomyItemComponent as ɵb, SkyDocsMethodDefinitionsComponent as ɵba, SkyDocsPipeDefinitionComponent as ɵbb, SkyDocsPropertyDefinitionsComponent as ɵbc, SkyDocsTypeAliasDefinitionComponent as ɵbd, SkyDocsTypeAnchorLinksPipe as ɵbe, SkyDocsAnchorLinkService as ɵbf, SkyDocsTypeDocAdapterService as ɵbg, SkyDocsDemoPageComponent as ɵbh, SkyDocsDemoPageDomAdapterService as ɵbi, SkyDocsDesignGuidelinesComponent as ɵbj, SkyDocsDemoPageTitleService as ɵbk, SkyDocsDemoPageModuleInfoComponent as ɵbl, SkyDocsDemoPageSectionComponent as ɵbm, SkyDocsDemoPageSummaryComponent as ɵbn, SkyDocsDemoPageTypeDefinitionsComponent as ɵbo, SkyDocsThumbnailComponent as ɵbp, SkyDocsDesignGuidelineComponent as ɵbq, SkyDocsDesignGuidelineThumbnailComponent as ɵbr, SkyDocsSourceCodeModule as ɵc, SkyDocsSourceCodeService as ɵd, SkyDocsToolsResourcesModule as ɵe, SkyDocsToolsResourcesProvider as ɵf, SkyDocsCodeExampleComponent as ɵg, SkyDocsCodeExamplesComponent as ɵh, SkyDocsCodeExamplesEditorService as ɵi, SkyDocsDemoComponent as ɵj, SkyDocsDemoThemeService as ɵk, SkyDocsDemoControlPanelComponent as ɵl, SkyDocsDemoControlPanelRadioGroupComponent as ɵm, SkyDocsDemoControlPanelCheckboxComponent as ɵn, SkyDocsDemoControlPanelSectionComponent as ɵo, SkyDocsDemoControlPanelThemeComponent as ɵp, SkyDocsHeadingAnchorComponent as ɵq, SkyDocsModuleInfoComponent as ɵr, SkyDocsSafeHtmlModule as ɵs, SkyDocsSafeHtmlComponent as ɵt, SkyDocsCallSignatureDefinitionComponent as ɵu, SkyDocsTypeDefinitionsFormatService as ɵv, SkyDocsClassDefinitionComponent as ɵw, SkyDocsDirectiveDefinitionComponent as ɵx, SkyDocsEnumerationDefinitionComponent as ɵy, SkyDocsInterfaceDefinitionComponent as ɵz };
-//# sourceMappingURL=skyux-docs-tools.js.map