@skyux/docs-tools 5.0.0-beta.1 → 5.0.0-beta.5

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

@@ -1,249 +1,72 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@blackbaud/skyux-lib-media'), require('@skyux/layout'), require('@blackbaud/skyux-lib-code-block'), require('@skyux/indicators'), require('@skyux/lists'), require('@skyux/tabs'), require('@skyux/i18n'), require('@skyux/theme'), require('rxjs'), require('rxjs/operators'), require('@stackblitz/sdk'), require('@angular/forms'), require('@skyux/forms'), require('@blackbaud/skyux-lib-restricted-view'), require('@blackbaud/skyux-lib-stache'), require('@angular/router'), require('marked'), require('@blackbaud/skyux-lib-clipboard'), require('@skyux/popovers'), require('@skyux/core'), require('@angular/platform-browser'), require('lodash.orderby'), require('@skyux/config'), require('@angular/common/http'), require('@skyux/http')) :
-    typeof define === 'function' && define.amd ? define('@skyux/docs-tools', ['exports', '@angular/common', '@angular/core', '@blackbaud/skyux-lib-media', '@skyux/layout', '@blackbaud/skyux-lib-code-block', '@skyux/indicators', '@skyux/lists', '@skyux/tabs', '@skyux/i18n', '@skyux/theme', 'rxjs', 'rxjs/operators', '@stackblitz/sdk', '@angular/forms', '@skyux/forms', '@blackbaud/skyux-lib-restricted-view', '@blackbaud/skyux-lib-stache', '@angular/router', 'marked', '@blackbaud/skyux-lib-clipboard', '@skyux/popovers', '@skyux/core', '@angular/platform-browser', 'lodash.orderby', '@skyux/config', '@angular/common/http', '@skyux/http'], factory) :
-    (global = global || self, factory((global.skyux = global.skyux || {}, global.skyux['docs-tools'] = {}), global.ng.common, global.ng.core, global.skyuxLibMedia, global.layout, global.skyuxLibCodeBlock, global.indicators, global.lists, global.tabs, global.i18n, global.theme, global.rxjs, global.rxjs.operators, global.StackBlitzSDK, global.ng.forms, global.forms$1, global.skyuxLibRestrictedView, global.skyuxLibStache, global.ng.router, global.marked, global.skyuxLibClipboard, global.popovers, global.core$1, global.ng.platformBrowser, global.orderBy, global.config, global.ng.common.http, global.http$1));
-}(this, (function (exports, common, core, skyuxLibMedia, layout, skyuxLibCodeBlock, indicators, lists, tabs, i18n, theme, rxjs, operators, StackBlitzSDK, forms, forms$1, skyuxLibRestrictedView, skyuxLibStache, router, marked, skyuxLibClipboard, popovers, core$1, platformBrowser, orderBy, config, http, http$1) { 'use strict';
-
-    StackBlitzSDK = StackBlitzSDK && Object.prototype.hasOwnProperty.call(StackBlitzSDK, 'default') ? StackBlitzSDK['default'] : StackBlitzSDK;
-    marked = marked && Object.prototype.hasOwnProperty.call(marked, 'default') ? marked['default'] : marked;
-    orderBy = orderBy && Object.prototype.hasOwnProperty.call(orderBy, 'default') ? orderBy['default'] : orderBy;
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-
-    var extendStatics = function(d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-
-    function __extends(d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); }
-    }
-
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-    }
-
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
-                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                if (y = 0, t) op = [op[0] & 2, t.value];
-                switch (op[0]) {
-                    case 0: case 1: t = op; break;
-                    case 4: _.label++; return { value: op[1], done: false };
-                    case 5: _.label++; y = op[1]; op = [0]; continue;
-                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                    default:
-                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                        if (t[2]) _.ops.pop();
-                        _.trys.pop(); continue;
-                }
-                op = body.call(thisArg, _);
-            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-
-    function __createBinding(o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-    }
-
-    function __exportStar(m, exports) {
-        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m) return m.call(o);
-        if (o && typeof o.length === "number") return {
-            next: function () {
-                if (o && i >= o.length) o = void 0;
-                return { value: o && o[i++], done: !o };
-            }
-        };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-        }
-        catch (error) { e = { error: error }; }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"])) m.call(i);
-            }
-            finally { if (e) throw e.error; }
-        }
-        return ar;
-    }
-
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    };
-
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-    }
-
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-    }
-
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-        return cooked;
-    };
-
-    function __importStar(mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-        result.default = mod;
-        return result;
-    }
-
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@blackbaud/skyux-lib-media'), require('@skyux/layout'), require('@blackbaud/skyux-lib-code-block'), require('@skyux/indicators'), require('@skyux/lists'), require('@skyux/tabs'), require('@skyux/i18n'), require('rxjs'), require('rxjs/operators'), require('@skyux/theme'), require('@stackblitz/sdk'), require('@angular/forms'), require('@skyux/forms'), require('@blackbaud/skyux-lib-stache'), require('@angular/router'), require('marked'), require('@blackbaud/skyux-lib-clipboard'), require('@skyux/popovers'), require('@angular/platform-browser'), require('@skyux/core'), require('@skyux/config'), require('@angular/common/http'), require('lodash.orderby'), require('@skyux/http')) :
+    typeof define === 'function' && define.amd ? define('@skyux/docs-tools', ['exports', '@angular/common', '@angular/core', '@blackbaud/skyux-lib-media', '@skyux/layout', '@blackbaud/skyux-lib-code-block', '@skyux/indicators', '@skyux/lists', '@skyux/tabs', '@skyux/i18n', 'rxjs', 'rxjs/operators', '@skyux/theme', '@stackblitz/sdk', '@angular/forms', '@skyux/forms', '@blackbaud/skyux-lib-stache', '@angular/router', 'marked', '@blackbaud/skyux-lib-clipboard', '@skyux/popovers', '@angular/platform-browser', '@skyux/core', '@skyux/config', '@angular/common/http', 'lodash.orderby', '@skyux/http'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["docs-tools"] = {}), global.ng.common, global.ng.core, global.i2$2, global.i2$1, global.i3$1, global.i1$1, global.i3, global.i4, global.i8, global.rxjs, global.rxjs.operators, global.i1, global.StackBlitzSDK, global.ng.forms, global.i1$2, global.i6$1, global.ng.router, global.marked, global.i6, global.i5, global.ng.platformBrowser, global.i2$4, global.i2$5, global.ng.common.http, global.orderBy, global.http));
+})(this, (function (exports, i2, i0, i2$2, i2$1, i3$1, i1$1, i3, i4, i8, rxjs, operators, i1, StackBlitzSDK, i2$3, i1$2, i6$1, i1$3, marked, i6, i5, i1$4, i2$4, i2$5, i1$5, orderBy, http) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
     }
 
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var StackBlitzSDK__default = /*#__PURE__*/_interopDefaultLegacy(StackBlitzSDK);
+    var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
+    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
+    var marked__default = /*#__PURE__*/_interopDefaultLegacy(marked);
+    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i2__namespace$4 = /*#__PURE__*/_interopNamespace(i2$4);
+    var i2__namespace$5 = /*#__PURE__*/_interopNamespace(i2$5);
+    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
+    var orderBy__default = /*#__PURE__*/_interopDefaultLegacy(orderBy);
+
     var SkyDocsAnatomyItemComponent = /** @class */ (function () {
         function SkyDocsAnatomyItemComponent() {
             this.isOptional = false;
         }
-        __decorate([
-            core.Input()
-        ], SkyDocsAnatomyItemComponent.prototype, "isOptional", void 0);
-        SkyDocsAnatomyItemComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsAnatomyItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnatomyItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsAnatomyItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsAnatomyItemComponent, selector: "sky-docs-anatomy-item", inputs: { isOptional: "isOptional" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-docs-anatomy-item\"\n  [ngClass]=\"{\n    'sky-docs-anatomy-item-optional': isOptional\n  }\"\n>\n  <div class=\"sky-docs-anatomy-item-marker\">\n    {{ marker }}\n  </div>\n  <div class=\"sky-docs-anatomy-item-description\">\n    <ng-content></ng-content>\n    <span *ngIf=\"isOptional\"\n      class=\"sky-deemphasized\"\n    >&nbsp;(optional)</span>\n  </div>\n</div>", styles: [".sky-docs-anatomy-item-marker{display:flex;width:22px;height:22px;border-radius:50%;justify-content:center;align-items:center;margin-right:5px;color:#fff;background-color:#4d842d}.sky-docs-anatomy-item{margin-bottom:10px;display:flex;align-items:center}.sky-docs-anatomy-item.sky-docs-anatomy-item-optional .sky-docs-anatomy-item-marker{background-color:#b7da9b;color:#212327}\n"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnatomyItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-anatomy-item',
+                        template: "<div\n  class=\"sky-docs-anatomy-item\"\n  [ngClass]=\"{\n    'sky-docs-anatomy-item-optional': isOptional\n  }\"\n>\n  <div class=\"sky-docs-anatomy-item-marker\">\n    {{ marker }}\n  </div>\n  <div class=\"sky-docs-anatomy-item-description\">\n    <ng-content></ng-content>\n    <span *ngIf=\"isOptional\"\n      class=\"sky-deemphasized\"\n    >&nbsp;(optional)</span>\n  </div>\n</div>",
+                        styles: [".sky-docs-anatomy-item-marker{display:flex;width:22px;height:22px;border-radius:50%;justify-content:center;align-items:center;margin-right:5px;color:#fff;background-color:#4d842d}.sky-docs-anatomy-item{margin-bottom:10px;display:flex;align-items:center}.sky-docs-anatomy-item.sky-docs-anatomy-item-optional .sky-docs-anatomy-item-marker{background-color:#b7da9b;color:#212327}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { isOptional: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsAnatomyComponent = /** @class */ (function () {
         function SkyDocsAnatomyComponent() {
@@ -253,139 +76,105 @@
                 item.marker = (i + 1).toString();
             });
         };
-        __decorate([
-            core.Input()
-        ], SkyDocsAnatomyComponent.prototype, "imagePath", void 0);
-        __decorate([
-            core.ContentChildren(SkyDocsAnatomyItemComponent)
-        ], SkyDocsAnatomyComponent.prototype, "anatomyItems", void 0);
-        SkyDocsAnatomyComponent = __decorate([
-            core.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: core.ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            })
-        ], SkyDocsAnatomyComponent);
         return SkyDocsAnatomyComponent;
     }());
+    SkyDocsAnatomyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnatomyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsAnatomyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsAnatomyComponent, selector: "sky-docs-anatomy", inputs: { imagePath: "imagePath" }, queries: [{ propertyName: "anatomyItems", predicate: SkyDocsAnatomyItemComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-anatomy\">\n  <sky-row>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"5\"\n      screenLarge=\"4\"\n    >\n      <ng-content select=\"sky-docs-anatomy-item\"></ng-content>\n    </sky-column>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"7\"\n      screenLarge=\"8\"\n    >\n      <sky-image\n        [imageSource]=\"imagePath\"\n      ></sky-image>\n    </sky-column>\n  </sky-row>\n</div>", styles: [""], components: [{ type: i2__namespace$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2__namespace$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i2__namespace$2.λ4, selector: "sky-image", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "showCaptionPrefix"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnatomyComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-anatomy',
+                        template: "<div class=\"sky-docs-anatomy\">\n  <sky-row>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"5\"\n      screenLarge=\"4\"\n    >\n      <ng-content select=\"sky-docs-anatomy-item\"></ng-content>\n    </sky-column>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"7\"\n      screenLarge=\"8\"\n    >\n      <sky-image\n        [imageSource]=\"imagePath\"\n      ></sky-image>\n    </sky-column>\n  </sky-row>\n</div>",
+                        styles: [""],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { imagePath: [{
+                    type: i0.Input
+                }], anatomyItems: [{
+                    type: i0.ContentChildren,
+                    args: [SkyDocsAnatomyItemComponent]
+                }] } });
 
     var SkyDocsAnatomyModule = /** @class */ (function () {
         function SkyDocsAnatomyModule() {
         }
-        SkyDocsAnatomyModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    layout.SkyFluidGridModule,
-                    skyuxLibMedia.SkyImageModule
-                ],
-                declarations: [
-                    SkyDocsAnatomyComponent,
-                    SkyDocsAnatomyItemComponent
-                ],
-                exports: [
-                    SkyDocsAnatomyComponent,
-                    SkyDocsAnatomyItemComponent
-                ]
-            })
-        ], SkyDocsAnatomyModule);
         return SkyDocsAnatomyModule;
     }());
+    SkyDocsAnatomyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnatomyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsAnatomyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnatomyModule, declarations: [SkyDocsAnatomyComponent,
+            SkyDocsAnatomyItemComponent], imports: [i2.CommonModule,
+            i2$1.SkyFluidGridModule,
+            i2$2.SkyImageModule], exports: [SkyDocsAnatomyComponent,
+            SkyDocsAnatomyItemComponent] });
+    SkyDocsAnatomyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnatomyModule, imports: [[
+                i2.CommonModule,
+                i2$1.SkyFluidGridModule,
+                i2$2.SkyImageModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnatomyModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i2$1.SkyFluidGridModule,
+                            i2$2.SkyImageModule
+                        ],
+                        declarations: [
+                            SkyDocsAnatomyComponent,
+                            SkyDocsAnatomyItemComponent
+                        ],
+                        exports: [
+                            SkyDocsAnatomyComponent,
+                            SkyDocsAnatomyItemComponent
+                        ]
+                    }]
+            }] });
 
+    /**
+     * NOTICE: DO NOT MODIFY THIS FILE!
+     * The contents of this file were automatically generated by
+     * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-docs-tools' schematic.
+     * To update this file, simply rerun the command.
+     */
+    var RESOURCES = {
+        'EN-US': { "sky-docs-demo-heading": { "message": "Demo" }, "sky-docs-demo-toggle-button-on": { "message": "Show options" }, "sky-docs-demo-toggle-button-off": { "message": "Hide options" }, "sky-docs-code-example-launch-button-label": { "message": "Run in StackBlitz" }, "sky-docs-demo-control-panel-reset-button-label": { "message": "Reset" } },
+    };
     var SkyDocsToolsResourcesProvider = /** @class */ (function () {
         function SkyDocsToolsResourcesProvider() {
-            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 i18n.getStringForLocale(this.resources, localeInfo.locale, name);
+            return i8.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
         };
-        SkyDocsToolsResourcesProvider = __decorate([
-            core.Injectable()
-        ], SkyDocsToolsResourcesProvider);
         return SkyDocsToolsResourcesProvider;
     }());
-
+    /**
+     * Import into any component library module that needs to use resource strings.
+     */
     var SkyDocsToolsResourcesModule = /** @class */ (function () {
         function SkyDocsToolsResourcesModule() {
         }
-        SkyDocsToolsResourcesModule = __decorate([
-            core.NgModule({
-                providers: [{
-                        provide: i18n.SKY_LIB_RESOURCES_PROVIDERS,
-                        useClass: SkyDocsToolsResourcesProvider,
-                        multi: true
-                    }],
-                exports: [
-                    i18n.SkyI18nModule
-                ]
-            })
-        ], SkyDocsToolsResourcesModule);
         return SkyDocsToolsResourcesModule;
     }());
-
-    var SkyDocsSourceCodeProvider = /** @class */ (function () {
-        function SkyDocsSourceCodeProvider() {
-        }
-        SkyDocsSourceCodeProvider = __decorate([
-            core.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([
-            core.Injectable()
-        ], SkyDocsSourceCodeService);
-        return SkyDocsSourceCodeService;
-    }());
-
-    var SkyDocsSourceCodeModule = /** @class */ (function () {
-        function SkyDocsSourceCodeModule() {
-        }
-        SkyDocsSourceCodeModule = __decorate([
-            core.NgModule({
-                providers: [
-                    SkyDocsSourceCodeProvider,
-                    SkyDocsSourceCodeService
-                ]
-            })
-        ], SkyDocsSourceCodeModule);
-        return SkyDocsSourceCodeModule;
-    }());
-
-
+    SkyDocsToolsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsToolsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, exports: [i8.SkyI18nModule] });
+    SkyDocsToolsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, providers: [{
+                provide: i8.SKY_LIB_RESOURCES_PROVIDERS,
+                useClass: SkyDocsToolsResourcesProvider,
+                multi: true
+            }], imports: [i8.SkyI18nModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [i8.SkyI18nModule],
+                        providers: [{
+                                provide: i8.SKY_LIB_RESOURCES_PROVIDERS,
+                                useClass: SkyDocsToolsResourcesProvider,
+                                multi: true
+                            }]
+                    }]
+            }] });
+
+    exports.SkyDocsCodeExampleTheme = void 0;
     (function (SkyDocsCodeExampleTheme) {
         SkyDocsCodeExampleTheme["Default"] = "default";
         SkyDocsCodeExampleTheme["Modern"] = "modern";
@@ -431,35 +220,35 @@
             set: function (value) {
                 this._theme = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyDocsCodeExampleComponent.prototype.ngOnDestroy = function () {
             this.ngUnsubscribe.next();
             this.ngUnsubscribe.complete();
         };
-        SkyDocsCodeExampleComponent.ctorParameters = function () { return [
-            { type: theme.SkyThemeService, decorators: [{ type: core.Optional }] }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsCodeExampleComponent.prototype, "heading", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsCodeExampleComponent.prototype, "sourceCodePath", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsCodeExampleComponent.prototype, "theme", null);
-        SkyDocsCodeExampleComponent = __decorate([
-            core.Component({
-                selector: 'sky-docs-code-example',
-                template: '',
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            }),
-            __param(0, core.Optional())
-        ], SkyDocsCodeExampleComponent);
         return SkyDocsCodeExampleComponent;
     }());
+    SkyDocsCodeExampleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExampleComponent, deps: [{ token: i1__namespace.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsCodeExampleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsCodeExampleComponent, selector: "sky-docs-code-example", inputs: { heading: "heading", sourceCodePath: "sourceCodePath", theme: "theme" }, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExampleComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-code-example',
+                        template: '',
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace.SkyThemeService, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        }, propDecorators: { heading: [{
+                    type: i0.Input
+                }], sourceCodePath: [{
+                    type: i0.Input
+                }], theme: [{
+                    type: i0.Input
+                }] } });
 
     /**
      * @internal
@@ -470,11 +259,11 @@
         SkyDocsCodeExamplesEditorService.prototype.launchEditor = function (codeExample) {
             var project = this.getPayload(codeExample);
             var options = {};
-            StackBlitzSDK.openProject(project, options);
+            StackBlitzSDK__default["default"].openProject(project, options);
         };
         SkyDocsCodeExamplesEditorService.prototype.getPayload = function (codeExample) {
-            var angularVersion = '^9.0.0';
-            var skyuxVersion = '*';
+            var angularVersion = '^12.2.0';
+            var skyuxVersion = '^5';
             var defaultDependencies = {
                 '@angular/animations': angularVersion,
                 '@angular/common': angularVersion,
@@ -498,10 +287,8 @@
                 '@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',
+                'rxjs': '^6.6.0',
+                'tslib': '^2.3.0',
                 'zone.js': '~0.11.4'
             };
             var mergedDependencies = Object.assign({}, defaultDependencies, codeExample.packageDependencies);
@@ -523,7 +310,7 @@
             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 banner = "/**\n * This file is needed for the StackBlitz demo only.\n * It is automatically provided when using the Angular CLI.\n **/\n ";
             var moduleImportStatements = [
                 "import {\n  Component,\n  NgModule\n} from '@angular/core';",
                 "import {\n  FormsModule,\n  ReactiveFormsModule\n} from '@angular/forms';",
@@ -558,15 +345,15 @@
             });
             files[appPath + "app.component.ts"] = banner + "\nimport {\n  Component,\n  Renderer2\n} from '@angular/core';\n\nimport {\n  SkyTheme,\n  SkyThemeMode,\n  SkyThemeService,\n  SkyThemeSettings\n} from '@skyux/theme';\n\n@Component({\n  selector: 'sky-demo-app',\n  template: '" + appComponentTemplate + "'\n})\nexport class AppComponent {\n\n  constructor(\n    themeSvc: SkyThemeService,\n    renderer?: Renderer2\n  ) {\n      const themeSettings = new SkyThemeSettings(\n        SkyTheme.presets['" + (theme === exports.SkyDocsCodeExampleTheme.Modern ? 'modern' : 'default') + "'],\n        SkyThemeMode.presets.light\n      );\n\n      themeSvc.init(\n        document.body,\n        renderer,\n        themeSettings\n      );\n  }\n\n}";
             files[appPath + "app.module.ts"] = moduleImportStatements.join('\n\n') + "\n\n@NgModule({\n  imports: [\n    " + moduleImports.join(',\n    ') + "\n  ],\n  declarations: [\n    AppComponent\n  ],\n  bootstrap: [\n    AppComponent\n  ],\n  providers: [\n    SkyThemeService,\n    {\n      provide: SkyAppLocaleProvider,\n      useValue: {\n        getLocaleInfo: () => observableOf({\n          locale: 'en-US'\n        })\n      }\n    }\n  ]\n})\nexport class AppModule { }\n";
-            files[srcPath + "index.html"] = "<!--\n  The CSS links are needed for the StackBlitz demo only.\n  This is a workaround for a known bug that prevents external imports in CSS.\n  https://github.com/stackblitz/core/issues/133\n-->\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\" />" + (theme === exports.SkyDocsCodeExampleTheme.Modern ? "<link rel=\"stylesheet\" type=\"text/css\" href=\"https://sky.blackbaudcdn.net/static/skyux-icons/4.0.0-beta.2/assets/css/skyux-icons.min.css\" />" : "") + "\n\n<sky-demo-app>\n  Loading...\n</sky-demo-app>";
+            files[srcPath + "index.html"] = "<!--\n  The CSS links are needed for the StackBlitz demo only.\n  This is a workaround for a known bug that prevents external imports in CSS.\n  https://github.com/stackblitz/core/issues/133\n-->\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\" />" + (theme === exports.SkyDocsCodeExampleTheme.Modern ? "<link rel=\"stylesheet\" type=\"text/css\" href=\"https://sky.blackbaudcdn.net/static/skyux-icons/5.0.0/assets/css/skyux-icons.min.css\" />" : "") + "\n\n<sky-demo-app>\n  Loading...\n</sky-demo-app>";
             files[srcPath + "main.ts"] = banner + "\nimport './polyfills';\n\nimport {\n  enableProdMode\n} from '@angular/core';\n\nimport {\n  platformBrowserDynamic\n} from '@angular/platform-browser-dynamic';\n\nimport {\n  AppModule\n} from './app/app.module';\n\nplatformBrowserDynamic().bootstrapModule(AppModule).then(ref => {\n  if (window['ngRef']) {\n    window['ngRef'].destroy();\n  }\n\n  window['ngRef'] = ref;\n}).catch(err => console.error(err));\n";
-            files[srcPath + "polyfills.ts"] = banner + "\nimport 'core-js/es6/reflect';\nimport 'core-js/es7/reflect';\nimport 'zone.js/dist/zone';\n";
+            files[srcPath + "polyfills.ts"] = banner + "\nimport 'zone.js';\n";
             files[srcPath + "styles.scss"] = "@import '~@skyux/theme/css/sky';\n" + (theme === exports.SkyDocsCodeExampleTheme.Modern ? "@import '~@skyux/theme/css/themes/modern/styles';" : "") + "\nbody {\n  background-color: #fff;\n  margin: 15px;\n}";
             files['angular.json'] = "{\n  \"projects\": {\n    \"demo\": {\n      \"architect\": {\n        \"build\": {\n          \"options\": {\n            \"index\": \"src/index.html\",\n            \"styles\": [\n              \"src/styles.scss\"\n            ]\n          }\n        }\n      }\n    }\n  }\n}";
             files['package.json'] = JSON.stringify({
                 dependencies: dependencies
             }, undefined, 2);
-            files['tsconfig.json'] = "{\n  \"compilerOptions\": {\n    \"target\": \"es5\",\n    \"moduleResolution\": \"node\",\n    \"emitDecoratorMetadata\": true,\n    \"experimentalDecorators\": true,\n    \"importHelpers\": true,\n    \"lib\": [\n      \"dom\",\n      \"es6\"\n    ]\n  }\n}";
+            files['tsconfig.json'] = "{\n  \"compilerOptions\": {\n    \"target\": \"es2017\",\n    \"module\": \"es2020\",\n    \"moduleResolution\": \"node\",\n    \"emitDecoratorMetadata\": true,\n    \"experimentalDecorators\": true,\n    \"importHelpers\": true,\n    \"typeRoots\": [\"node_modules/@types\"],\n    \"lib\": [\n      \"es2018\",\n      \"dom\"\n    ]\n  },\n  \"angularCompilerOptions\": {\n    \"fullTemplateTypeCheck\": true,\n    \"strictInjectionParameters\": true,\n    \"strictInputAccessModifiers\": true,\n    \"strictTemplates\": true,\n    \"enableIvy\": false\n  }\n}";
             return files;
         };
         SkyDocsCodeExamplesEditorService.prototype.getModuleName = function (contents) {
@@ -598,11 +385,70 @@
             var trimmed = found.rawContents.replace(/\s/g, '');
             return trimmed.split("selector:'")[1].split("'")[0];
         };
-        SkyDocsCodeExamplesEditorService = __decorate([
-            core.Injectable()
-        ], SkyDocsCodeExamplesEditorService);
         return SkyDocsCodeExamplesEditorService;
     }());
+    SkyDocsCodeExamplesEditorService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesEditorService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsCodeExamplesEditorService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesEditorService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesEditorService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }] });
+
+    var SkyDocsSourceCodeProvider = /** @class */ (function () {
+        function SkyDocsSourceCodeProvider() {
+        }
+        return SkyDocsSourceCodeProvider;
+    }());
+    SkyDocsSourceCodeProvider.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSourceCodeProvider, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsSourceCodeProvider.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSourceCodeProvider, providedIn: 'any' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSourceCodeProvider, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'any'
+                    }]
+            }] });
+
+    var SkyDocsSourceCodeService = /** @class */ (function () {
+        function SkyDocsSourceCodeService(sourceCodeProvider) {
+            this.sourceCodeProvider = sourceCodeProvider;
+        }
+        SkyDocsSourceCodeService.prototype.getSourceCode = function (path) {
+            var sourceCode = this.sourceCodeProvider.sourceCode;
+            if (!sourceCode || !sourceCode.length) {
+                return [];
+            }
+            return sourceCode
+                .filter(function (file) { return file.filePath.indexOf(path) === 0; })
+                .map(function (file) {
+                // TODO: Remove decoding after migrating to Angular CLI. Code examples will not be encoded for SKY UX 5 libraries.
+                // SKY UX 4 libraries will return rawContents encoded, while later libraries will
+                // return rawContents decoded. Check if the contents need decoded before returning them.
+                var decodedContents;
+                try {
+                    decodedContents = decodeURIComponent(file.rawContents);
+                    if (decodedContents !== file.rawContents) {
+                        file.rawContents = decodedContents;
+                    }
+                }
+                catch (error) {
+                    // Pre-decoded contents may contain characters like '%' that would throw errors.
+                    // In these cases, pass along the original rawContents.
+                }
+                return file;
+            });
+        };
+        return SkyDocsSourceCodeService;
+    }());
+    SkyDocsSourceCodeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSourceCodeService, deps: [{ token: SkyDocsSourceCodeProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsSourceCodeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSourceCodeService, providedIn: 'any' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSourceCodeService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'any'
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsSourceCodeProvider }]; } });
 
     /**
      * Wraps all code examples and handles their configuration and styles.
@@ -636,7 +482,7 @@
             set: function (value) {
                 this._packageDependencies = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyDocsCodeExamplesComponent.prototype.ngAfterContentInit = function () {
@@ -678,56 +524,386 @@
                     return extension;
             }
         };
-        SkyDocsCodeExamplesComponent.ctorParameters = function () { return [
-            { type: SkyDocsCodeExamplesEditorService },
-            { type: SkyDocsSourceCodeService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsCodeExamplesComponent.prototype, "packageDependencies", null);
-        __decorate([
-            core.ContentChildren(SkyDocsCodeExampleComponent)
-        ], SkyDocsCodeExamplesComponent.prototype, "codeExampleComponents", void 0);
-        SkyDocsCodeExamplesComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsCodeExamplesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesComponent, deps: [{ token: SkyDocsCodeExamplesEditorService }, { token: SkyDocsSourceCodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsCodeExamplesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsCodeExamplesComponent, selector: "sky-docs-code-examples", inputs: { packageDependencies: "packageDependencies" }, queries: [{ propertyName: "codeExampleComponents", predicate: SkyDocsCodeExampleComponent }], ngImport: i0__namespace, template: "<div *ngIf=\"codeExamples && codeExamples.length\"\n  class=\"sky-docs-code-examples\"\n>\n  <sky-repeater *ngIf=\"codeExamples.length > 1 else singleCodeExample\"\n    expandMode=\"multiple\"\n  >\n    <sky-repeater-item *ngFor=\"let codeExample of codeExamples\"\n      [isExpanded]=\"false\"\n    >\n      <sky-repeater-item-title>\n        <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExample}\">\n        </ng-container>\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n        <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExample}\">\n        </ng-container>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</div>\n\n<ng-template>\n  <ng-content\n    select=\"sky-docs-code-example\"\n  >\n  </ng-content>\n</ng-template>\n\n<ng-template\n  let-item\n  #codeExampleTemplate\n>\n  <div class=\"sky-docs-code-example-wrapper\">\n    <sky-vertical-tabset *ngIf=\"item.sourceCode && item.sourceCode.length\">\n      <sky-vertical-tab *ngFor=\"let file of item.sourceCode; let i = index;\"\n        [active]=\"i === 0\"\n        [tabHeading]=\"file.fileName\"\n      >\n        <sky-code-block\n          [code]=\"file.rawContents\"\n          [languageType]=\"parseCodeLanguageType(file.fileName)\"\n        >\n        </sky-code-block>\n      </sky-vertical-tab>\n    </sky-vertical-tabset>\n  </div>\n</ng-template>\n\n<ng-template\n  #singleCodeExample\n>\n  <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExamples[0]}\">\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExamples[0]}\">\n  </ng-container>\n</ng-template>\n\n<ng-template\n  let-codeExample\n  #codeExampleHeaderTemplate\n>\n  <div\n    class=\"sky-docs-code-example-header\"\n  >\n    <div\n      class=\"sky-docs-code-example-header-title sky-emphasized\"\n    >\n      {{ codeExample.heading }}\n    </div>\n    <div\n      class=\"sky-docs-code-example-header-controls\"\n    >\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"launchEditor(codeExample);$event.stopPropagation();\"\n      >\n        <sky-icon\n          icon=\"pencil\"\n        ></sky-icon>\n        {{ 'sky-docs-code-example-launch-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</ng-template>", styles: [".sky-docs-code-example-header{display:flex;align-items:baseline}.sky-docs-code-example-header-title{flex-grow:1}.sky-docs-code-example-header-controls{flex-grow:0}.sky-docs-code-example-header-controls .sky-btn{font-weight:normal}.sky-docs-code-example-wrapper{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-top:10px}.sky-docs-code-example-wrapper ::ng-deep .sky-vertical-tabset-content{margin:0}.sky-docs-code-example-wrapper ::ng-deep sky-code-block{margin:0!important}.sky-docs-code-example-wrapper ::ng-deep .sky-code-block-header{border:0}.sky-docs-code-example-wrapper ::ng-deep .sky-code-output{border-left:0;border-right:0;border-bottom:0}\n"], components: [{ type: i3__namespace.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i3__namespace.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i3__namespace.λ12, selector: "sky-repeater-item-title" }, { type: i3__namespace.λ8, selector: "sky-repeater-item-content" }, { type: i4__namespace.λ6, selector: "sky-vertical-tabset", inputs: ["showTabsText", "ariaRole", "maintainTabContent"], outputs: ["activeChange"] }, { type: i4__namespace.λ4, selector: "sky-vertical-tab", inputs: ["active", "ariaControls", "ariaInvalid", "ariaRequired", "ariaRole", "disabled", "errorIndicator", "tabHeaderCount", "tabHeading", "showTabRightArrow", "tabId"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-code-examples',
+                        template: "<div *ngIf=\"codeExamples && codeExamples.length\"\n  class=\"sky-docs-code-examples\"\n>\n  <sky-repeater *ngIf=\"codeExamples.length > 1 else singleCodeExample\"\n    expandMode=\"multiple\"\n  >\n    <sky-repeater-item *ngFor=\"let codeExample of codeExamples\"\n      [isExpanded]=\"false\"\n    >\n      <sky-repeater-item-title>\n        <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExample}\">\n        </ng-container>\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n        <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExample}\">\n        </ng-container>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</div>\n\n<ng-template>\n  <ng-content\n    select=\"sky-docs-code-example\"\n  >\n  </ng-content>\n</ng-template>\n\n<ng-template\n  let-item\n  #codeExampleTemplate\n>\n  <div class=\"sky-docs-code-example-wrapper\">\n    <sky-vertical-tabset *ngIf=\"item.sourceCode && item.sourceCode.length\">\n      <sky-vertical-tab *ngFor=\"let file of item.sourceCode; let i = index;\"\n        [active]=\"i === 0\"\n        [tabHeading]=\"file.fileName\"\n      >\n        <sky-code-block\n          [code]=\"file.rawContents\"\n          [languageType]=\"parseCodeLanguageType(file.fileName)\"\n        >\n        </sky-code-block>\n      </sky-vertical-tab>\n    </sky-vertical-tabset>\n  </div>\n</ng-template>\n\n<ng-template\n  #singleCodeExample\n>\n  <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExamples[0]}\">\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExamples[0]}\">\n  </ng-container>\n</ng-template>\n\n<ng-template\n  let-codeExample\n  #codeExampleHeaderTemplate\n>\n  <div\n    class=\"sky-docs-code-example-header\"\n  >\n    <div\n      class=\"sky-docs-code-example-header-title sky-emphasized\"\n    >\n      {{ codeExample.heading }}\n    </div>\n    <div\n      class=\"sky-docs-code-example-header-controls\"\n    >\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"launchEditor(codeExample);$event.stopPropagation();\"\n      >\n        <sky-icon\n          icon=\"pencil\"\n        ></sky-icon>\n        {{ 'sky-docs-code-example-launch-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</ng-template>",
+                        styles: [".sky-docs-code-example-header{display:flex;align-items:baseline}.sky-docs-code-example-header-title{flex-grow:1}.sky-docs-code-example-header-controls{flex-grow:0}.sky-docs-code-example-header-controls .sky-btn{font-weight:normal}.sky-docs-code-example-wrapper{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-top:10px}.sky-docs-code-example-wrapper ::ng-deep .sky-vertical-tabset-content{margin:0}.sky-docs-code-example-wrapper ::ng-deep sky-code-block{margin:0!important}.sky-docs-code-example-wrapper ::ng-deep .sky-code-block-header{border:0}.sky-docs-code-example-wrapper ::ng-deep .sky-code-output{border-left:0;border-right:0;border-bottom:0}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsCodeExamplesEditorService }, { type: SkyDocsSourceCodeService }]; }, propDecorators: { packageDependencies: [{
+                    type: i0.Input
+                }], codeExampleComponents: [{
+                    type: i0.ContentChildren,
+                    args: [SkyDocsCodeExampleComponent]
+                }] } });
 
     var SkyDocsCodeExamplesModule = /** @class */ (function () {
         function SkyDocsCodeExamplesModule() {
         }
-        SkyDocsCodeExamplesModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    skyuxLibCodeBlock.SkyCodeBlockModule,
-                    SkyDocsSourceCodeModule,
-                    SkyDocsToolsResourcesModule,
-                    indicators.SkyIconModule,
-                    lists.SkyRepeaterModule,
-                    tabs.SkyVerticalTabsetModule
-                ],
-                declarations: [
-                    SkyDocsCodeExampleComponent,
-                    SkyDocsCodeExamplesComponent
-                ],
-                exports: [
-                    SkyDocsCodeExampleComponent,
-                    SkyDocsCodeExamplesComponent
-                ],
-                providers: [
-                    SkyDocsCodeExamplesEditorService
-                ]
-            })
-        ], SkyDocsCodeExamplesModule);
         return SkyDocsCodeExamplesModule;
     }());
+    SkyDocsCodeExamplesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsCodeExamplesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, declarations: [SkyDocsCodeExampleComponent,
+            SkyDocsCodeExamplesComponent], imports: [i2.CommonModule,
+            i3$1.SkyCodeBlockModule,
+            SkyDocsToolsResourcesModule,
+            i1$1.SkyIconModule,
+            i3.SkyRepeaterModule,
+            i4.SkyVerticalTabsetModule], exports: [SkyDocsCodeExampleComponent,
+            SkyDocsCodeExamplesComponent] });
+    SkyDocsCodeExamplesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, imports: [[
+                i2.CommonModule,
+                i3$1.SkyCodeBlockModule,
+                SkyDocsToolsResourcesModule,
+                i1$1.SkyIconModule,
+                i3.SkyRepeaterModule,
+                i4.SkyVerticalTabsetModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i3$1.SkyCodeBlockModule,
+                            SkyDocsToolsResourcesModule,
+                            i1$1.SkyIconModule,
+                            i3.SkyRepeaterModule,
+                            i4.SkyVerticalTabsetModule
+                        ],
+                        declarations: [
+                            SkyDocsCodeExampleComponent,
+                            SkyDocsCodeExamplesComponent
+                        ],
+                        exports: [
+                            SkyDocsCodeExampleComponent,
+                            SkyDocsCodeExamplesComponent
+                        ]
+                    }]
+            }] });
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
 
     /**
      * Renders a checkbox control within the control panel.
@@ -765,7 +941,7 @@
                 }
                 this._checked = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyDocsDemoControlPanelCheckboxComponent.prototype.ngOnInit = function () {
@@ -794,30 +970,26 @@
                 _a[this.propertyName] = this.checked,
                 _a));
         };
-        SkyDocsDemoControlPanelCheckboxComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelCheckboxComponent.prototype, "checked", null);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelCheckboxComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelCheckboxComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelCheckboxComponent.prototype, "propertyName", void 0);
-        SkyDocsDemoControlPanelCheckboxComponent = __decorate([
-            core.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: core.ChangeDetectionStrategy.OnPush
-            })
-        ], SkyDocsDemoControlPanelCheckboxComponent);
         return SkyDocsDemoControlPanelCheckboxComponent;
     }());
+    SkyDocsDemoControlPanelCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoControlPanelCheckboxComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoControlPanelCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoControlPanelCheckboxComponent, selector: "sky-docs-demo-control-panel-checkbox", inputs: { checked: "checked", disabled: "disabled", label: "label", propertyName: "propertyName" }, ngImport: i0__namespace, template: "<sky-checkbox\n  [disabled]=\"disabled\"\n  [name]=\"propertyName\"\n  [(ngModel)]=\"checked\"\n  (change)=\"onModelChange()\"\n>\n  <sky-checkbox-label>{{ label }}</sky-checkbox-label>\n</sky-checkbox>\n", components: [{ type: i1__namespace$2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1__namespace$2.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i2__namespace$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoControlPanelCheckboxComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-control-panel-checkbox',
+                        template: "<sky-checkbox\n  [disabled]=\"disabled\"\n  [name]=\"propertyName\"\n  [(ngModel)]=\"checked\"\n  (change)=\"onModelChange()\"\n>\n  <sky-checkbox-label>{{ label }}</sky-checkbox-label>\n</sky-checkbox>\n",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { checked: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }], label: [{
+                    type: i0.Input
+                }], propertyName: [{
+                    type: i0.Input
+                }] } });
 
     /**
      * Renders a radio control group.
@@ -871,45 +1043,29 @@
             }
             return value;
         };
-        SkyDocsDemoControlPanelRadioGroupComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "choices", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "heading", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "initialValue", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoControlPanelRadioGroupComponent.prototype, "propertyName", void 0);
-        SkyDocsDemoControlPanelRadioGroupComponent = __decorate([
-            core.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: core.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 rxjs.BehaviorSubject(false);
-            this.themeSettings = new rxjs.BehaviorSubject(undefined);
-        }
-        SkyDocsDemoThemeService = __decorate([
-            core.Injectable()
-        ], SkyDocsDemoThemeService);
-        return SkyDocsDemoThemeService;
-    }());
+    SkyDocsDemoControlPanelRadioGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoControlPanelRadioGroupComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoControlPanelRadioGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoControlPanelRadioGroupComponent, selector: "sky-docs-demo-control-panel-radio-group", inputs: { choices: "choices", disabled: "disabled", heading: "heading", initialValue: "initialValue", propertyName: "propertyName" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-demo-control-panel-radio-group\"\n>\n  <strong *ngIf=\"heading\">{{ heading }}</strong>\n  <sky-radio-group\n    [disabled]=\"disabled\"\n    [name]=\"propertyName\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onModelChange($event);\"\n  >\n    <ul\n      class=\"sky-list-unstyled\"\n    >\n      <li *ngFor=\"let choice of choices\">\n        <sky-radio\n          [value]=\"choice.value\"\n        >\n          <sky-radio-label>{{ choice.label }}</sky-radio-label>\n        </sky-radio>\n      </li>\n    </ul>\n  </sky-radio-group>\n</div>\n", styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"], components: [{ type: i1__namespace$2.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i1__namespace$2.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1__namespace$2.λ12, selector: "sky-radio-label" }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoControlPanelRadioGroupComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-control-panel-radio-group',
+                        template: "<div\n  class=\"sky-demo-control-panel-radio-group\"\n>\n  <strong *ngIf=\"heading\">{{ heading }}</strong>\n  <sky-radio-group\n    [disabled]=\"disabled\"\n    [name]=\"propertyName\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onModelChange($event);\"\n  >\n    <ul\n      class=\"sky-list-unstyled\"\n    >\n      <li *ngFor=\"let choice of choices\">\n        <sky-radio\n          [value]=\"choice.value\"\n        >\n          <sky-radio-label>{{ choice.label }}</sky-radio-label>\n        </sky-radio>\n      </li>\n    </ul>\n  </sky-radio-group>\n</div>\n",
+                        styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { choices: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }], heading: [{
+                    type: i0.Input
+                }], initialValue: [{
+                    type: i0.Input
+                }], propertyName: [{
+                    type: i0.Input
+                }] } });
 
     /**
      * Handles the appearance and configuration of the behavior demo control panel.
@@ -923,16 +1079,15 @@
      * ```
      */
     var SkyDocsDemoControlPanelComponent = /** @class */ (function () {
-        function SkyDocsDemoControlPanelComponent(demoThemeSvc) {
-            this.demoThemeSvc = demoThemeSvc;
+        function SkyDocsDemoControlPanelComponent() {
             /**
              * Fires when the user clicks the reset button.
              */
-            this.reset = new core.EventEmitter();
+            this.reset = new i0.EventEmitter();
             /**
              * Fires when a user makes a selection from one of the controls in the panel.
              */
-            this.selectionChange = new core.EventEmitter();
+            this.selectionChange = new i0.EventEmitter();
             this.ngUnsubscribe = new rxjs.Subject();
         }
         SkyDocsDemoControlPanelComponent.prototype.ngAfterContentInit = function () {
@@ -959,44 +1114,39 @@
             });
             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 = rxjs.merge.apply(void 0, __spread(this.checkboxes.map(function (c) { return c.selectionChange; }), this.radioGroups.map(function (c) { return c.selectionChange; }))).pipe(operators.takeUntil(this.ngUnsubscribe))
+            this.eventListeners = rxjs.merge.apply(void 0, __spreadArray(__spreadArray([], __read(this.checkboxes.map(function (c) { return c.selectionChange; }))), __read(this.radioGroups.map(function (c) { return c.selectionChange; })))).pipe(operators.takeUntil(this.ngUnsubscribe))
                 .subscribe(function (change) {
                 _this.selectionChange.next(change);
             });
         };
-        SkyDocsDemoControlPanelComponent.ctorParameters = function () { return [
-            { type: SkyDocsDemoThemeService }
-        ]; };
-        __decorate([
-            core.Output()
-        ], SkyDocsDemoControlPanelComponent.prototype, "reset", void 0);
-        __decorate([
-            core.Output()
-        ], SkyDocsDemoControlPanelComponent.prototype, "selectionChange", void 0);
-        __decorate([
-            core.ContentChildren(SkyDocsDemoControlPanelRadioGroupComponent, { descendants: true })
-        ], SkyDocsDemoControlPanelComponent.prototype, "radioGroups", void 0);
-        __decorate([
-            core.ContentChildren(SkyDocsDemoControlPanelCheckboxComponent, { descendants: true })
-        ], SkyDocsDemoControlPanelComponent.prototype, "checkboxes", void 0);
-        SkyDocsDemoControlPanelComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsDemoControlPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoControlPanelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoControlPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoControlPanelComponent, selector: "sky-docs-demo-control-panel", outputs: { reset: "reset", selectionChange: "selectionChange" }, queries: [{ propertyName: "radioGroups", predicate: SkyDocsDemoControlPanelRadioGroupComponent, descendants: true }, { propertyName: "checkboxes", predicate: SkyDocsDemoControlPanelCheckboxComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-control-panel\">\n  <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n    <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-sections-column\">\n      <ng-content select=\"sky-docs-demo-control-panel-section\"></ng-content>\n    </div>\n\n    <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-button-column\">\n      <button\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        [attr.data-test-selector]=\"'sky-docs-demo-control-panel-reset-button'\"\n        (click)=\"onResetButtonClick()\"\n      >\n        {{ 'sky-docs-demo-control-panel-reset-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".sky-docs-demo-control-panel{margin-bottom:20px;margin-top:-1px;margin-left:-15px}.sky-docs-demo-control-panel-row{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;padding:15px;background-color:#fff;display:inline-flex;min-width:220px}.sky-docs-demo-control-panel-sections-column{display:flex}.sky-docs-demo-control-panel-sections-column ::ng-deep sky-docs-demo-control-panel-section{min-width:120px}.sky-docs-demo-control-panel-button-column{align-self:flex-end}.sky-docs-demo-control-panel-button-column .sky-btn{border:0}\n"], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoControlPanelComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-control-panel',
+                        template: "<div class=\"sky-docs-demo-control-panel\">\n  <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n    <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-sections-column\">\n      <ng-content select=\"sky-docs-demo-control-panel-section\"></ng-content>\n    </div>\n\n    <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-button-column\">\n      <button\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        [attr.data-test-selector]=\"'sky-docs-demo-control-panel-reset-button'\"\n        (click)=\"onResetButtonClick()\"\n      >\n        {{ 'sky-docs-demo-control-panel-reset-button-label' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</div>\n",
+                        styles: [".sky-docs-demo-control-panel{margin-bottom:20px;margin-top:-1px;margin-left:-15px}.sky-docs-demo-control-panel-row{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;padding:15px;background-color:#fff;display:inline-flex;min-width:220px}.sky-docs-demo-control-panel-sections-column{display:flex}.sky-docs-demo-control-panel-sections-column ::ng-deep sky-docs-demo-control-panel-section{min-width:120px}.sky-docs-demo-control-panel-button-column{align-self:flex-end}.sky-docs-demo-control-panel-button-column .sky-btn{border:0}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { reset: [{
+                    type: i0.Output
+                }], selectionChange: [{
+                    type: i0.Output
+                }], radioGroups: [{
+                    type: i0.ContentChildren,
+                    args: [SkyDocsDemoControlPanelRadioGroupComponent, { descendants: true }]
+                }], checkboxes: [{
+                    type: i0.ContentChildren,
+                    args: [SkyDocsDemoControlPanelCheckboxComponent, { descendants: true }]
+                }] } });
 
     /**
      * Wraps all behavior demo components and handles the configuration and appearance of the behavior demo.
@@ -1008,8 +1158,7 @@
      * ```
      */
     var SkyDocsDemoComponent = /** @class */ (function () {
-        function SkyDocsDemoComponent(demoThemeSvc) {
-            this.demoThemeSvc = demoThemeSvc;
+        function SkyDocsDemoComponent() {
             this.areOptionsVisible = false;
         }
         Object.defineProperty(SkyDocsDemoComponent.prototype, "alignContents", {
@@ -1023,59 +1172,46 @@
             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,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyDocsDemoComponent.prototype, "hasOptions", {
             get: function () {
-                return this.supportsTheming || (this.controlPanels && this.controlPanels.length > 0);
+                return (this.controlPanels && this.controlPanels.length > 0);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyDocsDemoComponent.prototype, "toggleOptionsButtonIcon", {
             get: function () {
                 return (this.areOptionsVisible) ? 'chevron-up' : 'chevron-down';
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyDocsDemoComponent.prototype.onToggleOptionsButtonClick = function () {
             this.areOptionsVisible = !this.areOptionsVisible;
         };
-        SkyDocsDemoComponent.ctorParameters = function () { return [
-            { type: SkyDocsDemoThemeService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoComponent.prototype, "alignContents", null);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoComponent.prototype, "heading", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoComponent.prototype, "supportsTheming", null);
-        __decorate([
-            core.ContentChildren(SkyDocsDemoControlPanelComponent, { read: core.ElementRef })
-        ], SkyDocsDemoComponent.prototype, "controlPanels", void 0);
-        SkyDocsDemoComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsDemoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoComponent, selector: "sky-docs-demo", inputs: { alignContents: "alignContents", heading: "heading" }, queries: [{ propertyName: "controlPanels", predicate: SkyDocsDemoControlPanelComponent, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo\">\n  <div\n    aria-level=\"3\"\n    class=\"sky-docs-demo-heading\"\n    role=\"heading\"\n  >\n    <span\n      class=\"sky-section-heading\"\n      [attr.data-test-selector]=\"'sky-docs-demo-heading-text'\"\n    >\n      {{ heading || ('sky-docs-demo-heading' | skyLibResources) }}\n    </span>\n\n    <div\n      class=\"sky-docs-demo-control-panel-wrapper\"\n    >\n      <div\n        class=\"sky-docs-demo-control-panel-wrapper-header\"\n      >\n        <button *ngIf=\"hasOptions\"\n          class=\"sky-btn\"\n          type=\"button\"\n          [attr.data-test-selector]=\"'sky-docs-demo-heading-button'\"\n          [ngClass]=\"{\n            'sky-docs-demo-heading-btn-open': areOptionsVisible\n          }\"\n          (click)=\"onToggleOptionsButtonClick()\"\n        >\n          <sky-icon\n            [icon]=\"toggleOptionsButtonIcon\"\n          ></sky-icon>\n          <ng-container *ngIf=\"areOptionsVisible\">\n            {{ 'sky-docs-demo-toggle-button-off' | skyLibResources }}\n          </ng-container>\n          <ng-container *ngIf=\"!areOptionsVisible\">\n            {{ 'sky-docs-demo-toggle-button-on' | skyLibResources }}\n          </ng-container>\n        </button>\n      </div>\n      <div\n        class=\"sky-docs-demo-control-panel-wrapper-body\"\n      >\n        <ng-container *ngIf=\"areOptionsVisible\">\n          <ng-container *ngTemplateOutlet=\"controlPanels\"></ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <div\n    class=\"sky-docs-demo-viewport\"\n    [ngClass]=\"'sky-docs-demo-viewport-align-' + alignContents\"\n  >\n    <div class=\"sky-docs-demo-viewport-gutter\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n\n<ng-template #controlPanels>\n  <ng-content select=\"sky-docs-demo-control-panel\"></ng-content>\n</ng-template>\n", styles: [".sky-docs-demo{margin-bottom:20px}.sky-docs-demo-heading{margin-bottom:10px;display:flex;flex-direction:row}.sky-docs-demo-heading .sky-docs-demo-heading-btn-open{border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}.sky-docs-demo-control-panel-wrapper{display:flex;flex-direction:column}.sky-section-heading{margin-right:10px}.sky-docs-demo-viewport{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-bottom:10px;padding:15px}.sky-docs-demo-viewport-align-center{display:flex;align-items:center;justify-content:center}\n"], components: [{ type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo',
+                        template: "<div class=\"sky-docs-demo\">\n  <div\n    aria-level=\"3\"\n    class=\"sky-docs-demo-heading\"\n    role=\"heading\"\n  >\n    <span\n      class=\"sky-section-heading\"\n      [attr.data-test-selector]=\"'sky-docs-demo-heading-text'\"\n    >\n      {{ heading || ('sky-docs-demo-heading' | skyLibResources) }}\n    </span>\n\n    <div\n      class=\"sky-docs-demo-control-panel-wrapper\"\n    >\n      <div\n        class=\"sky-docs-demo-control-panel-wrapper-header\"\n      >\n        <button *ngIf=\"hasOptions\"\n          class=\"sky-btn\"\n          type=\"button\"\n          [attr.data-test-selector]=\"'sky-docs-demo-heading-button'\"\n          [ngClass]=\"{\n            'sky-docs-demo-heading-btn-open': areOptionsVisible\n          }\"\n          (click)=\"onToggleOptionsButtonClick()\"\n        >\n          <sky-icon\n            [icon]=\"toggleOptionsButtonIcon\"\n          ></sky-icon>\n          <ng-container *ngIf=\"areOptionsVisible\">\n            {{ 'sky-docs-demo-toggle-button-off' | skyLibResources }}\n          </ng-container>\n          <ng-container *ngIf=\"!areOptionsVisible\">\n            {{ 'sky-docs-demo-toggle-button-on' | skyLibResources }}\n          </ng-container>\n        </button>\n      </div>\n      <div\n        class=\"sky-docs-demo-control-panel-wrapper-body\"\n      >\n        <ng-container *ngIf=\"areOptionsVisible\">\n          <ng-container *ngTemplateOutlet=\"controlPanels\"></ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <div\n    class=\"sky-docs-demo-viewport\"\n    [ngClass]=\"'sky-docs-demo-viewport-align-' + alignContents\"\n  >\n    <div class=\"sky-docs-demo-viewport-gutter\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n\n<ng-template #controlPanels>\n  <ng-content select=\"sky-docs-demo-control-panel\"></ng-content>\n</ng-template>\n",
+                        styles: [".sky-docs-demo{margin-bottom:20px}.sky-docs-demo-heading{margin-bottom:10px;display:flex;flex-direction:row}.sky-docs-demo-heading .sky-docs-demo-heading-btn-open{border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}.sky-docs-demo-control-panel-wrapper{display:flex;flex-direction:column}.sky-section-heading{margin-right:10px}.sky-docs-demo-viewport{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-bottom:10px;padding:15px}.sky-docs-demo-viewport-align-center{display:flex;align-items:center;justify-content:center}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { alignContents: [{
+                    type: i0.Input
+                }], heading: [{
+                    type: i0.Input
+                }], controlPanels: [{
+                    type: i0.ContentChildren,
+                    args: [SkyDocsDemoControlPanelComponent, { read: i0.ElementRef }]
+                }] } });
 
     /**
      * Renders a section within the control panel.
@@ -1091,202 +1227,131 @@
     var SkyDocsDemoControlPanelSectionComponent = /** @class */ (function () {
         function SkyDocsDemoControlPanelSectionComponent() {
         }
-        SkyDocsDemoControlPanelSectionComponent = __decorate([
-            core.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: core.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 core.EventEmitter();
-            this.ngUnsubscribe = new rxjs.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(operators.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(theme.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 theme.SkyThemeSettings(this.getThemeByName(this.theme), this.getModeByName(this.mode));
-        };
-        SkyDocsDemoControlPanelThemeComponent.prototype.getThemeByName = function (name) {
-            var themePresets = theme.SkyTheme.presets;
-            return themePresets[name];
-        };
-        SkyDocsDemoControlPanelThemeComponent.prototype.getModeByName = function (name) {
-            var modePresets = theme.SkyThemeMode.presets;
-            return modePresets[name];
-        };
-        SkyDocsDemoControlPanelThemeComponent.prototype.updateTheme = function () {
-            this.themeSettingsChange.emit(this.getThemeSettings());
-        };
-        SkyDocsDemoControlPanelThemeComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: theme.SkyThemeService, decorators: [{ type: core.Optional }] }
-        ]; };
-        __decorate([
-            core.Output()
-        ], SkyDocsDemoControlPanelThemeComponent.prototype, "themeSettingsChange", void 0);
-        SkyDocsDemoControlPanelThemeComponent = __decorate([
-            core.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: core.ChangeDetectionStrategy.OnPush,
-                styles: ["ul{margin:0}"]
-            }),
-            __param(1, core.Optional())
-        ], SkyDocsDemoControlPanelThemeComponent);
-        return SkyDocsDemoControlPanelThemeComponent;
-    }());
+    SkyDocsDemoControlPanelSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoControlPanelSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoControlPanelSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoControlPanelSectionComponent, selector: "sky-docs-demo-control-panel-section", ngImport: i0__namespace, template: "<div\n  class=\"sky-demo-control-panel-section\"\n>\n  <ng-content select=\"sky-docs-demo-control-panel-radio-group\"></ng-content>\n  <ng-content select=\"sky-docs-demo-control-panel-checkbox\"></ng-content>\n</div>\n", styles: [".sky-demo-control-panel-section{padding-right:20px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoControlPanelSectionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-control-panel-section',
+                        template: "<div\n  class=\"sky-demo-control-panel-section\"\n>\n  <ng-content select=\"sky-docs-demo-control-panel-radio-group\"></ng-content>\n  <ng-content select=\"sky-docs-demo-control-panel-checkbox\"></ng-content>\n</div>\n",
+                        styles: [".sky-demo-control-panel-section{padding-right:20px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }] });
 
     var SkyDocsDemoModule = /** @class */ (function () {
         function SkyDocsDemoModule() {
         }
-        SkyDocsDemoModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    forms.FormsModule,
-                    forms$1.SkyCheckboxModule,
-                    SkyDocsToolsResourcesModule,
-                    indicators.SkyIconModule,
-                    forms$1.SkyRadioModule,
-                    skyuxLibRestrictedView.SkyRestrictedViewModule,
-                    theme.SkyThemeModule
-                ],
-                declarations: [
-                    SkyDocsDemoComponent,
-                    SkyDocsDemoControlPanelCheckboxComponent,
-                    SkyDocsDemoControlPanelComponent,
-                    SkyDocsDemoControlPanelRadioGroupComponent,
-                    SkyDocsDemoControlPanelSectionComponent,
-                    SkyDocsDemoControlPanelThemeComponent
-                ],
-                exports: [
-                    SkyDocsDemoComponent,
-                    SkyDocsDemoControlPanelCheckboxComponent,
-                    SkyDocsDemoControlPanelComponent,
-                    SkyDocsDemoControlPanelRadioGroupComponent,
-                    SkyDocsDemoControlPanelSectionComponent,
-                    SkyDocsDemoControlPanelThemeComponent
-                ]
-            })
-        ], SkyDocsDemoModule);
         return SkyDocsDemoModule;
     }());
+    SkyDocsDemoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsDemoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoModule, declarations: [SkyDocsDemoComponent,
+            SkyDocsDemoControlPanelCheckboxComponent,
+            SkyDocsDemoControlPanelComponent,
+            SkyDocsDemoControlPanelRadioGroupComponent,
+            SkyDocsDemoControlPanelSectionComponent], imports: [i2.CommonModule,
+            i2$3.FormsModule,
+            i1$2.SkyCheckboxModule,
+            SkyDocsToolsResourcesModule,
+            i1$1.SkyIconModule,
+            i1$2.SkyRadioModule,
+            i1.SkyThemeModule], exports: [SkyDocsDemoComponent,
+            SkyDocsDemoControlPanelCheckboxComponent,
+            SkyDocsDemoControlPanelComponent,
+            SkyDocsDemoControlPanelRadioGroupComponent,
+            SkyDocsDemoControlPanelSectionComponent] });
+    SkyDocsDemoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoModule, imports: [[
+                i2.CommonModule,
+                i2$3.FormsModule,
+                i1$2.SkyCheckboxModule,
+                SkyDocsToolsResourcesModule,
+                i1$1.SkyIconModule,
+                i1$2.SkyRadioModule,
+                i1.SkyThemeModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i2$3.FormsModule,
+                            i1$2.SkyCheckboxModule,
+                            SkyDocsToolsResourcesModule,
+                            i1$1.SkyIconModule,
+                            i1$2.SkyRadioModule,
+                            i1.SkyThemeModule
+                        ],
+                        declarations: [
+                            SkyDocsDemoComponent,
+                            SkyDocsDemoControlPanelCheckboxComponent,
+                            SkyDocsDemoControlPanelComponent,
+                            SkyDocsDemoControlPanelRadioGroupComponent,
+                            SkyDocsDemoControlPanelSectionComponent,
+                        ],
+                        exports: [
+                            SkyDocsDemoComponent,
+                            SkyDocsDemoControlPanelCheckboxComponent,
+                            SkyDocsDemoControlPanelComponent,
+                            SkyDocsDemoControlPanelRadioGroupComponent,
+                            SkyDocsDemoControlPanelSectionComponent,
+                        ]
+                    }]
+            }] });
 
     var SkyDocsHeadingAnchorComponent = /** @class */ (function () {
         function SkyDocsHeadingAnchorComponent() {
             this.headingLevel = '2';
         }
-        __decorate([
-            core.Input()
-        ], SkyDocsHeadingAnchorComponent.prototype, "anchorId", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsHeadingAnchorComponent.prototype, "headingLevel", void 0);
-        SkyDocsHeadingAnchorComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsHeadingAnchorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsHeadingAnchorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsHeadingAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: { anchorId: "anchorId", headingLevel: "headingLevel" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-docs-heading-anchor\"\n  role=\"heading\"\n  [ngClass]=\"'sky-docs-tools-heading-anchor-h' + headingLevel\"\n  [attr.aria-level]=\"headingLevel\"\n  [attr.id]=\"anchorId || null\"\n>\n  <ng-content></ng-content>\n  <a *ngIf=\"anchorId\"\n    aria-hidden=\"true\"\n    class=\"sky-docs-heading-anchor\"\n    queryParamsHandling=\"merge\"\n    [fragment]=\"anchorId\"\n    [routerLink]=\"[]\"\n  >\n    <sky-icon\n      class=\"sky-docs-heading-anchor-icon\"\n      icon=\"link\"\n    ></sky-icon>\n  </a>\n</div>", styles: [".sky-docs-heading-anchor{color:#212327}.sky-docs-heading-anchor:hover{text-decoration:none}.sky-docs-heading-anchor:hover .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor:focus .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor-icon{opacity:0;transition:opacity .15s ease-in-out;color:#0974a1;font-weight:normal;font-size:18px}.sky-docs-tools-heading-anchor-h1,.sky-docs-tools-heading-anchor-h2,.sky-docs-tools-heading-anchor-h3,.sky-docs-tools-heading-anchor-h4,.sky-docs-tools-heading-anchor-h5,.sky-docs-tools-heading-anchor-h6{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px}.sky-docs-tools-heading-anchor-h1{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px;font-weight:300;font-size:34px}.sky-docs-tools-heading-anchor-h2{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0;font-weight:300;font-size:26px}.sky-docs-tools-heading-anchor-h3{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-tools-heading-anchor-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"], components: [{ type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsHeadingAnchorComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-heading-anchor',
+                        template: "<div\n  class=\"sky-docs-heading-anchor\"\n  role=\"heading\"\n  [ngClass]=\"'sky-docs-tools-heading-anchor-h' + headingLevel\"\n  [attr.aria-level]=\"headingLevel\"\n  [attr.id]=\"anchorId || null\"\n>\n  <ng-content></ng-content>\n  <a *ngIf=\"anchorId\"\n    aria-hidden=\"true\"\n    class=\"sky-docs-heading-anchor\"\n    queryParamsHandling=\"merge\"\n    [fragment]=\"anchorId\"\n    [routerLink]=\"[]\"\n  >\n    <sky-icon\n      class=\"sky-docs-heading-anchor-icon\"\n      icon=\"link\"\n    ></sky-icon>\n  </a>\n</div>",
+                        styles: [".sky-docs-heading-anchor{color:#212327}.sky-docs-heading-anchor:hover{text-decoration:none}.sky-docs-heading-anchor:hover .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor:focus .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor-icon{opacity:0;transition:opacity .15s ease-in-out;color:#0974a1;font-weight:normal;font-size:18px}.sky-docs-tools-heading-anchor-h1,.sky-docs-tools-heading-anchor-h2,.sky-docs-tools-heading-anchor-h3,.sky-docs-tools-heading-anchor-h4,.sky-docs-tools-heading-anchor-h5,.sky-docs-tools-heading-anchor-h6{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px}.sky-docs-tools-heading-anchor-h1{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px;font-weight:300;font-size:34px}.sky-docs-tools-heading-anchor-h2{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0;font-weight:300;font-size:26px}.sky-docs-tools-heading-anchor-h3{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-tools-heading-anchor-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { anchorId: [{
+                    type: i0.Input
+                }], headingLevel: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsHeadingAnchorModule = /** @class */ (function () {
         function SkyDocsHeadingAnchorModule() {
         }
-        SkyDocsHeadingAnchorModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    SkyDocsHeadingAnchorComponent
-                ],
-                imports: [
-                    common.CommonModule,
-                    router.RouterModule,
-                    indicators.SkyIconModule
-                ],
-                exports: [
-                    SkyDocsHeadingAnchorComponent
-                ]
-            })
-        ], SkyDocsHeadingAnchorModule);
         return SkyDocsHeadingAnchorModule;
     }());
+    SkyDocsHeadingAnchorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsHeadingAnchorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, declarations: [SkyDocsHeadingAnchorComponent], imports: [i2.CommonModule,
+            i1$3.RouterModule,
+            i1$1.SkyIconModule], exports: [SkyDocsHeadingAnchorComponent] });
+    SkyDocsHeadingAnchorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, imports: [[
+                i2.CommonModule,
+                i1$3.RouterModule,
+                i1$1.SkyIconModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            SkyDocsHeadingAnchorComponent
+                        ],
+                        imports: [
+                            i2.CommonModule,
+                            i1$3.RouterModule,
+                            i1$1.SkyIconModule
+                        ],
+                        exports: [
+                            SkyDocsHeadingAnchorComponent
+                        ]
+                    }]
+            }] });
 
     var SkyDocsMarkdownPipe = /** @class */ (function () {
         function SkyDocsMarkdownPipe() {
@@ -1295,34 +1360,43 @@
             if (!markdown) {
                 return '';
             }
-            return marked(markdown);
+            return marked__default["default"](markdown);
         };
-        SkyDocsMarkdownPipe = __decorate([
-            core.Pipe({
-                name: 'skyDocsMarkdown'
-            })
-        ], SkyDocsMarkdownPipe);
         return SkyDocsMarkdownPipe;
     }());
+    SkyDocsMarkdownPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMarkdownPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    SkyDocsMarkdownPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMarkdownPipe, name: "skyDocsMarkdown" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMarkdownPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'skyDocsMarkdown'
+                    }]
+            }] });
 
     var SkyDocsMarkdownModule = /** @class */ (function () {
         function SkyDocsMarkdownModule() {
         }
-        SkyDocsMarkdownModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    SkyDocsMarkdownPipe
-                ],
-                providers: [
-                    SkyDocsMarkdownPipe
-                ],
-                exports: [
-                    SkyDocsMarkdownPipe
-                ]
-            })
-        ], SkyDocsMarkdownModule);
         return SkyDocsMarkdownModule;
     }());
+    SkyDocsMarkdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMarkdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsMarkdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMarkdownModule, declarations: [SkyDocsMarkdownPipe], exports: [SkyDocsMarkdownPipe] });
+    SkyDocsMarkdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMarkdownModule, providers: [
+            SkyDocsMarkdownPipe
+        ] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMarkdownModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            SkyDocsMarkdownPipe
+                        ],
+                        providers: [
+                            SkyDocsMarkdownPipe
+                        ],
+                        exports: [
+                            SkyDocsMarkdownPipe
+                        ]
+                    }]
+            }] });
 
     var SkyDocsToolsOptions = /** @class */ (function () {
         function SkyDocsToolsOptions() {
@@ -1341,7 +1415,7 @@
             set: function (value) {
                 this._gitRepoUrl = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "packageName", {
@@ -1351,7 +1425,7 @@
             set: function (value) {
                 this._packageName = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "packageUrl", {
@@ -1367,7 +1441,7 @@
             set: function (value) {
                 this._packageUrl = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "externalLinks", {
@@ -1387,7 +1461,7 @@
                 }
                 return externalLinks;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "installationCommand", {
@@ -1397,59 +1471,74 @@
                 }
                 return "npm install --save-exact " + this.packageName;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        SkyDocsModuleInfoComponent.ctorParameters = function () { return [
-            { type: SkyDocsToolsOptions, decorators: [{ type: core.Optional }] }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsModuleInfoComponent.prototype, "gitRepoUrl", null);
-        __decorate([
-            core.Input()
-        ], SkyDocsModuleInfoComponent.prototype, "moduleName", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsModuleInfoComponent.prototype, "packageName", null);
-        __decorate([
-            core.Input()
-        ], SkyDocsModuleInfoComponent.prototype, "packageUrl", null);
-        SkyDocsModuleInfoComponent = __decorate([
-            core.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: core.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, core.Optional())
-        ], SkyDocsModuleInfoComponent);
         return SkyDocsModuleInfoComponent;
     }());
+    SkyDocsModuleInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsModuleInfoComponent, deps: [{ token: SkyDocsToolsOptions, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsModuleInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: { gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", packageName: "packageName", packageUrl: "packageUrl" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-module-info\">\n  <sky-definition-list\n    defaultValue=\"\"\n    labelWidth=\"120px\"\n  >\n    <sky-definition-list-content *ngIf=\"moduleName\">\n      <sky-definition-list-label>\n        Defined in\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <sky-code>{{ moduleName }}</sky-code>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n    <sky-definition-list-content *ngIf=\"packageName\">\n      <sky-definition-list-label>\n        NPM package\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <span class=\"sky-docs-module-info-package-name\"><sky-code>{{ packageName }}</sky-code></span>\n        <ng-container *ngFor=\"let externalLink of externalLinks; let i = index;\">\n          <a [attr.href]=\"externalLink.url\">{{ externalLink.label }}</a>\n          <ng-container *ngIf=\"i < externalLinks.length - 1\">&nbsp;| </ng-container>\n        </ng-container>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n\n    <sky-definition-list-content *ngIf=\"installationCommand\">\n      <sky-definition-list-label>\n        Installation\n        <sky-help-inline\n          [skyPopover]=\"installationCommandPopover\"\n          skyPopoverPlacement=\"right\"\n        >\n        </sky-help-inline>\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <sky-popover #installationCommandPopover>\n          To use this module, you must install peer dependencies along with its package. Also, after you install the package, you must add the module as an export in your SPA's main module to make exports available to your SPA. If you use the SKY UX SDK, the main module is <sky-code>app-sky.module.ts</sky-code>.\n        </sky-popover>\n        <div class=\"sky-docs-module-info-installation-command\">\n          <span class=\"sky-docs-module-info-installation-command-code\" #copyTarget>\n            <sky-code>{{ installationCommand }}</sky-code>\n          </span>\n          <sky-copy-to-clipboard\n            buttonText=\"Copy\"\n            [copyTarget]=\"copyTarget\"\n          ></sky-copy-to-clipboard>\n        </div>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n  </sky-definition-list>\n\n  <div\n    class=\"sky-docs-module-info-additional-content\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sky-docs-module-info-installation-command{display:flex}.sky-docs-module-info-installation-command-code{margin-right:10px}.sky-docs-module-info-package-name{margin-right:10px}\n"], components: [{ type: i2__namespace$1.λ13, selector: "sky-definition-list", inputs: ["labelWidth", "defaultValue"] }, { type: i2__namespace$1.λ14, selector: "sky-definition-list-content" }, { type: i2__namespace$1.λ16, selector: "sky-definition-list-label" }, { type: i2__namespace$1.λ17, selector: "sky-definition-list-value" }, { type: i3__namespace$1.λ1, selector: "sky-code" }, { type: i1__namespace$1.λ3, selector: "sky-help-inline", outputs: ["actionClick"] }, { type: i5__namespace.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }, { type: i6__namespace.λ1, selector: "sky-copy-to-clipboard", inputs: ["copyTarget", "buttonText", "buttonClickedText"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsModuleInfoComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-module-info',
+                        template: "<div class=\"sky-docs-module-info\">\n  <sky-definition-list\n    defaultValue=\"\"\n    labelWidth=\"120px\"\n  >\n    <sky-definition-list-content *ngIf=\"moduleName\">\n      <sky-definition-list-label>\n        Defined in\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <sky-code>{{ moduleName }}</sky-code>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n    <sky-definition-list-content *ngIf=\"packageName\">\n      <sky-definition-list-label>\n        NPM package\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <span class=\"sky-docs-module-info-package-name\"><sky-code>{{ packageName }}</sky-code></span>\n        <ng-container *ngFor=\"let externalLink of externalLinks; let i = index;\">\n          <a [attr.href]=\"externalLink.url\">{{ externalLink.label }}</a>\n          <ng-container *ngIf=\"i < externalLinks.length - 1\">&nbsp;| </ng-container>\n        </ng-container>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n\n    <sky-definition-list-content *ngIf=\"installationCommand\">\n      <sky-definition-list-label>\n        Installation\n        <sky-help-inline\n          [skyPopover]=\"installationCommandPopover\"\n          skyPopoverPlacement=\"right\"\n        >\n        </sky-help-inline>\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        <sky-popover #installationCommandPopover>\n          To use this module, you must install peer dependencies along with its package. Also, after you install the package, you must add the module as an export in your SPA's main module to make exports available to your SPA. If you use the SKY UX SDK, the main module is <sky-code>app-sky.module.ts</sky-code>.\n        </sky-popover>\n        <div class=\"sky-docs-module-info-installation-command\">\n          <span class=\"sky-docs-module-info-installation-command-code\" #copyTarget>\n            <sky-code>{{ installationCommand }}</sky-code>\n          </span>\n          <sky-copy-to-clipboard\n            buttonText=\"Copy\"\n            [copyTarget]=\"copyTarget\"\n          ></sky-copy-to-clipboard>\n        </div>\n      </sky-definition-list-value>\n    </sky-definition-list-content>\n  </sky-definition-list>\n\n  <div\n    class=\"sky-docs-module-info-additional-content\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n",
+                        styles: [".sky-docs-module-info-installation-command{display:flex}.sky-docs-module-info-installation-command-code{margin-right:10px}.sky-docs-module-info-package-name{margin-right:10px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: SkyDocsToolsOptions, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        }, propDecorators: { gitRepoUrl: [{
+                    type: i0.Input
+                }], moduleName: [{
+                    type: i0.Input
+                }], packageName: [{
+                    type: i0.Input
+                }], packageUrl: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsModuleInfoModule = /** @class */ (function () {
         function SkyDocsModuleInfoModule() {
         }
-        SkyDocsModuleInfoModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    skyuxLibCodeBlock.SkyCodeModule,
-                    skyuxLibClipboard.SkyClipboardModule,
-                    layout.SkyDefinitionListModule,
-                    indicators.SkyHelpInlineModule,
-                    popovers.SkyPopoverModule
-                ],
-                declarations: [
-                    SkyDocsModuleInfoComponent
-                ],
-                exports: [
-                    SkyDocsModuleInfoComponent
-                ]
-            })
-        ], SkyDocsModuleInfoModule);
         return SkyDocsModuleInfoModule;
     }());
+    SkyDocsModuleInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsModuleInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, declarations: [SkyDocsModuleInfoComponent], imports: [i2.CommonModule,
+            i3$1.SkyCodeModule,
+            i6.SkyClipboardModule,
+            i2$1.SkyDefinitionListModule,
+            i1$1.SkyHelpInlineModule,
+            i5.SkyPopoverModule], exports: [SkyDocsModuleInfoComponent] });
+    SkyDocsModuleInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, imports: [[
+                i2.CommonModule,
+                i3$1.SkyCodeModule,
+                i6.SkyClipboardModule,
+                i2$1.SkyDefinitionListModule,
+                i1$1.SkyHelpInlineModule,
+                i5.SkyPopoverModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i3$1.SkyCodeModule,
+                            i6.SkyClipboardModule,
+                            i2$1.SkyDefinitionListModule,
+                            i1$1.SkyHelpInlineModule,
+                            i5.SkyPopoverModule
+                        ],
+                        declarations: [
+                            SkyDocsModuleInfoComponent
+                        ],
+                        exports: [
+                            SkyDocsModuleInfoComponent
+                        ]
+                    }]
+            }] });
 
     var SkyDocsSafeHtmlComponent = /** @class */ (function () {
         function SkyDocsSafeHtmlComponent(domSanitizer) {
@@ -1458,180 +1547,81 @@
         SkyDocsSafeHtmlComponent.prototype.getTrustedHtml = function (content) {
             return this.domSanitizer.bypassSecurityTrustHtml(content);
         };
-        SkyDocsSafeHtmlComponent.ctorParameters = function () { return [
-            { type: platformBrowser.DomSanitizer }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsSafeHtmlComponent.prototype, "innerHtml", void 0);
-        SkyDocsSafeHtmlComponent = __decorate([
-            core.Component({
-                selector: 'sky-docs-safe-html',
-                template: "<div\n  class=\"sky-docs-safe-html\"\n  [innerHtml]=\"getTrustedHtml(innerHtml)\"\n></div>",
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], SkyDocsSafeHtmlComponent);
         return SkyDocsSafeHtmlComponent;
     }());
+    SkyDocsSafeHtmlComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSafeHtmlComponent, deps: [{ token: i1__namespace$4.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsSafeHtmlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: { innerHtml: "innerHtml" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-docs-safe-html\"\n  [innerHtml]=\"getTrustedHtml(innerHtml)\"\n></div>", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSafeHtmlComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-safe-html',
+                        template: "<div\n  class=\"sky-docs-safe-html\"\n  [innerHtml]=\"getTrustedHtml(innerHtml)\"\n></div>",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$4.DomSanitizer }]; }, propDecorators: { innerHtml: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsSafeHtmlModule = /** @class */ (function () {
         function SkyDocsSafeHtmlModule() {
         }
-        SkyDocsSafeHtmlModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    SkyDocsSafeHtmlComponent
-                ],
-                imports: [
-                    common.CommonModule
-                ],
-                exports: [
-                    SkyDocsSafeHtmlComponent
-                ]
-            })
-        ], SkyDocsSafeHtmlModule);
         return SkyDocsSafeHtmlModule;
     }());
-
-    var SkyDocsTypeDefinitionsProvider = /** @class */ (function () {
-        function SkyDocsTypeDefinitionsProvider() {
-        }
-        SkyDocsTypeDefinitionsProvider = __decorate([
-            core.Injectable()
-        ], SkyDocsTypeDefinitionsProvider);
-        return SkyDocsTypeDefinitionsProvider;
-    }());
+    SkyDocsSafeHtmlModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsSafeHtmlModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, declarations: [SkyDocsSafeHtmlComponent], imports: [i2.CommonModule], exports: [SkyDocsSafeHtmlComponent] });
+    SkyDocsSafeHtmlModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, imports: [[
+                i2.CommonModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            SkyDocsSafeHtmlComponent
+                        ],
+                        imports: [
+                            i2.CommonModule
+                        ],
+                        exports: [
+                            SkyDocsSafeHtmlComponent
+                        ]
+                    }]
+            }] });
 
     /**
-     * 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.
+     * Formats type definitions into HTML-compatible strings.
      */
-    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;
+    var SkyDocsTypeDefinitionsFormatService = /** @class */ (function () {
+        function SkyDocsTypeDefinitionsFormatService() {
         }
         /**
-         * 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.
+         * Returns an HTML-formatted representation of the provided interface config.
          */
-        SkyDocsAnchorLinkService.prototype.applyTypeAnchorLinks = function (content, 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;
-            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([
-            core.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(', ');
+            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;
         };
@@ -1836,11 +1826,149 @@
             });
             return signature;
         };
-        SkyDocsTypeDefinitionsFormatService = __decorate([
-            core.Injectable()
-        ], SkyDocsTypeDefinitionsFormatService);
         return SkyDocsTypeDefinitionsFormatService;
     }());
+    SkyDocsTypeDefinitionsFormatService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsFormatService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsTypeDefinitionsFormatService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsFormatService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsFormatService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }] });
+
+    var SkyDocsTypeDefinitionsProvider = /** @class */ (function () {
+        function SkyDocsTypeDefinitionsProvider() {
+        }
+        return SkyDocsTypeDefinitionsProvider;
+    }());
+    SkyDocsTypeDefinitionsProvider.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsProvider, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsTypeDefinitionsProvider.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsProvider });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsProvider, decorators: [{
+                type: i0.Injectable
+            }] });
+
+    /**
+     * Finds any type name that is NOT surrounded by alpha-numeric (and '>', '<', '.') characters.
+     * (This is to avoid matching types that share similar words, such as `Foo` and `FooUser`.)
+     * Notes:
+     *  - If the type name is surrounded by angle brackets, then it has already been processed as a link.
+     *  - If the type name starts with a period '.', then it is a sub property of an enumeration, etc. and should not be processed as a link.
+     *  - If the type name ends with a period followed immediately by any word character, then it is a method or property (Foo.bar).
+     *    Only the type name should be processed as a link.
+     */
+    function createRegex(keyword) {
+        return new RegExp("(^|[^a-zA-Z0-9>.[/])(" + keyword + ")(\\.\\w+)?(?=[^a-zA-Z0-9<]+|$)", 'g');
+    }
+    var SkyDocsAnchorLinkService = /** @class */ (function () {
+        function SkyDocsAnchorLinkService(typeDefinitionsProvider) {
+            this.anchorIds = typeDefinitionsProvider.anchorIds;
+        }
+        /**
+         * Formats known type names with `<code>` tags and wraps them with anchor tags, linking to the appropriate type.
+         * If the content is already contained within a `<code>` tag, set `codeFormat = false` to prevent extra `<code>` tags from being added.
+         */
+        SkyDocsAnchorLinkService.prototype.applyTypeAnchorLinks = function (content, config) {
+            var _this = this;
+            if (!this.anchorIds || !content) {
+                return content;
+            }
+            // Set default for code formatting.
+            if (!config) {
+                config = {
+                    applyCodeFormatting: true
+                };
+            }
+            content = this.removeDoubleSquareBrackets(content);
+            Object.keys(this.anchorIds).forEach(function (typeName) {
+                content = _this.removeBackticks(typeName, content);
+                var matches;
+                var counter = 0;
+                var max = 100;
+                var regex = createRegex(typeName);
+                do {
+                    matches = regex.exec(content);
+                    if (matches) {
+                        var anchorId = _this.anchorIds[typeName];
+                        var anchorHtml = '<a class="sky-docs-anchor-link" href="#' + anchorId + '">' + typeName + '</a>';
+                        // Group 3 of the regex pattern captures type properties like Foo.bar.
+                        // If these are found, they do not need hyperlinked, but add them to the encapsulating code tag.
+                        var typeProperty = (matches[3] ? matches[3] : '');
+                        var replacement = void 0;
+                        if (config.applyCodeFormatting) {
+                            replacement = '<code>' + anchorHtml + typeProperty + '</code>';
+                        }
+                        else {
+                            replacement = anchorHtml + typeProperty;
+                        }
+                        // Regex Positive lookbehinds aren't supported in IE11 and Safari, so we have to check if the match has a starting extra character
+                        // (usually whitespace " Foo"), and then modify the starting/ending indexes to account for the extra character.
+                        var isMatchExact = matches[0].substr(0, typeName.length) === typeName;
+                        var startIndex = isMatchExact ? matches.index : matches.index + 1;
+                        var endIndex = isMatchExact ? matches[0].length : matches[0].length - 1;
+                        var contentWithCodeTags = content.substr(0, startIndex) + replacement + content.substr(startIndex + endIndex);
+                        content = contentWithCodeTags;
+                        counter++;
+                    }
+                } while (matches !== null && counter < max);
+            });
+            return content;
+        };
+        /**
+         * For backwards compatibility, we need to remove any double brackets wrapped around types.
+         * e.g., `[[SampleType]]`
+         */
+        SkyDocsAnchorLinkService.prototype.removeDoubleSquareBrackets = function (content) {
+            var match = content.match(/\[\[.*\]\]/);
+            if (match) {
+                var typeName = match[0].replace(/\[\[/g, '').replace(/\]\]/g, '');
+                content = content.replace(match[0], typeName);
+            }
+            return content;
+        };
+        /**
+         * Removes backtick characters around known types to prevent
+         * the markdown pipe from wrapping them with code elements.
+         */
+        SkyDocsAnchorLinkService.prototype.removeBackticks = function (typeName, content) {
+            var regexp = new RegExp("`(" + typeName + ")`", 'g');
+            return content.replace(regexp, typeName);
+        };
+        return SkyDocsAnchorLinkService;
+    }());
+    SkyDocsAnchorLinkService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnchorLinkService, deps: [{ token: SkyDocsTypeDefinitionsProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsAnchorLinkService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnchorLinkService, providedIn: 'any' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsAnchorLinkService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'any'
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }]; } });
+
+    /**
+     * Adds same-page anchor tags around known TypeScript types.
+     */
+    var SkyDocsTypeAnchorLinksPipe = /** @class */ (function () {
+        function SkyDocsTypeAnchorLinksPipe(anchorLinkService) {
+            this.anchorLinkService = anchorLinkService;
+        }
+        SkyDocsTypeAnchorLinksPipe.prototype.transform = function (value, formatType) {
+            var anchorLinkConfig = {
+                applyCodeFormatting: (formatType !== 'no-code-tags')
+            };
+            return this.anchorLinkService.applyTypeAnchorLinks(value, anchorLinkConfig);
+        };
+        return SkyDocsTypeAnchorLinksPipe;
+    }());
+    SkyDocsTypeAnchorLinksPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeAnchorLinksPipe, deps: [{ token: SkyDocsAnchorLinkService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    SkyDocsTypeAnchorLinksPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeAnchorLinksPipe, name: "skyDocsTypeAnchorLinks" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeAnchorLinksPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'skyDocsTypeAnchorLinks',
+                        pure: true
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsAnchorLinkService }]; } });
 
     /**
      * "Call signatures" include methods, functions, and inline arrow functions.
@@ -1858,7 +1986,7 @@
                 this._config = value;
                 this.updateView();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyDocsCallSignatureDefinitionComponent.prototype.updateView = function () {
@@ -1875,55 +2003,123 @@
             });
             this.returnTypeFormatted = this.formatService.getFormattedType((_c = this.config) === null || _c === void 0 ? void 0 : _c.returnType);
         };
-        SkyDocsCallSignatureDefinitionComponent.ctorParameters = function () { return [
-            { type: SkyDocsTypeDefinitionsFormatService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsCallSignatureDefinitionComponent.prototype, "config", null);
-        SkyDocsCallSignatureDefinitionComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsCallSignatureDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCallSignatureDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsCallSignatureDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-call-signature-definition\"\n>\n  <ng-container *ngIf=\"parameters\">\n    <h4\n      class=\"sky-docs-call-signature-definition-heading\"\n    >\n      Parameters\n    </h4>\n    <table\n      class=\"sky-docs-parameter-definitions\"\n    >\n      <tbody>\n        <tr *ngFor=\"let parameter of parameters\">\n          <th\n            class=\"sky-docs-parameter-definition-header\"\n          >\n            <sky-code><span\n              [innerHtml]=\"parameter.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n            ></span></sky-code>\n          </th>\n          <td\n            class=\"sky-docs-parameter-definition-body\"\n          >\n            <div *ngIf=\"parameter.description\"\n              class=\"sky-docs-parameter-definition-description\"\n            >\n              <sky-docs-safe-html *ngIf=\"parameter.description\"\n                [innerHtml]=\"parameter.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n              ></sky-docs-safe-html>\n            </div>\n            <div *ngIf=\"parameter.isOptional\"\n              class=\"sky-docs-parameter-definition-label-optional\"\n            >\n              Optional.\n              <ng-container *ngIf=\"parameter.defaultValue\">\n                Default is\n                <sky-code><span\n                  [innerHtml]=\"parameter.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n                ></span></sky-code>.\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n\n  <ng-container *ngIf=\"returnTypeFormatted\">\n    <h4\n      class=\"sky-docs-call-signature-definition-heading\"\n    >\n      Returns\n    </h4>\n\n    <div\n      class=\"sky-docs-call-signature-definition-return-type\"\n    >\n      <sky-code><span\n        [innerHtml]=\"returnTypeFormatted | skyDocsTypeAnchorLinks:'no-code-tags'\"\n      ></span></sky-code>\n    </div>\n  </ng-container>\n\n</div>\n", styles: [".sky-docs-call-signature-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-parameter-definitions{width:auto;max-width:100%;border-spacing:0;border-collapse:collapse;background-color:#fff;margin-left:15px}.sky-docs-parameter-definitions th,.sky-docs-parameter-definitions td{padding:10px;border-bottom:1px dotted #cdcfd2;vertical-align:top;text-align:left}.sky-docs-parameter-definitions th ::ng-deep:first-child .sky-code,.sky-docs-parameter-definitions td ::ng-deep:first-child .sky-code{display:inline-block;white-space:normal}.sky-docs-parameter-definitions th ::ng-deep p,.sky-docs-parameter-definitions td ::ng-deep p{margin:10px 0}.sky-docs-parameter-definitions th ::ng-deep p:first-child,.sky-docs-parameter-definitions td ::ng-deep p:first-child{margin-top:0!important}.sky-docs-parameter-definitions th ::ng-deep p:last-child,.sky-docs-parameter-definitions td ::ng-deep p:last-child{margin-bottom:0!important}.sky-docs-parameter-definitions th{width:25%;padding-left:0}.sky-docs-parameter-definitions tr:first-child>th,.sky-docs-parameter-definitions tr:first-child>td{padding-top:0}.sky-docs-parameter-definitions tr:last-child>th,.sky-docs-parameter-definitions tr:last-child>td{border-bottom:0;padding-bottom:0}.sky-docs-parameter-definition-header{width:1%;white-space:nowrap;font-weight:normal}.sky-docs-parameter-definition-label-optional{color:#686c73}.sky-docs-call-signature-definition-return-type{margin-left:15px}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsCallSignatureDefinitionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-call-signature-definition',
+                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-call-signature-definition\"\n>\n  <ng-container *ngIf=\"parameters\">\n    <h4\n      class=\"sky-docs-call-signature-definition-heading\"\n    >\n      Parameters\n    </h4>\n    <table\n      class=\"sky-docs-parameter-definitions\"\n    >\n      <tbody>\n        <tr *ngFor=\"let parameter of parameters\">\n          <th\n            class=\"sky-docs-parameter-definition-header\"\n          >\n            <sky-code><span\n              [innerHtml]=\"parameter.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n            ></span></sky-code>\n          </th>\n          <td\n            class=\"sky-docs-parameter-definition-body\"\n          >\n            <div *ngIf=\"parameter.description\"\n              class=\"sky-docs-parameter-definition-description\"\n            >\n              <sky-docs-safe-html *ngIf=\"parameter.description\"\n                [innerHtml]=\"parameter.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n              ></sky-docs-safe-html>\n            </div>\n            <div *ngIf=\"parameter.isOptional\"\n              class=\"sky-docs-parameter-definition-label-optional\"\n            >\n              Optional.\n              <ng-container *ngIf=\"parameter.defaultValue\">\n                Default is\n                <sky-code><span\n                  [innerHtml]=\"parameter.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n                ></span></sky-code>.\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n\n  <ng-container *ngIf=\"returnTypeFormatted\">\n    <h4\n      class=\"sky-docs-call-signature-definition-heading\"\n    >\n      Returns\n    </h4>\n\n    <div\n      class=\"sky-docs-call-signature-definition-return-type\"\n    >\n      <sky-code><span\n        [innerHtml]=\"returnTypeFormatted | skyDocsTypeAnchorLinks:'no-code-tags'\"\n      ></span></sky-code>\n    </div>\n  </ng-container>\n\n</div>\n",
+                        styles: [".sky-docs-call-signature-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-parameter-definitions{width:auto;max-width:100%;border-spacing:0;border-collapse:collapse;background-color:#fff;margin-left:15px}.sky-docs-parameter-definitions th,.sky-docs-parameter-definitions td{padding:10px;border-bottom:1px dotted #cdcfd2;vertical-align:top;text-align:left}.sky-docs-parameter-definitions th ::ng-deep:first-child .sky-code,.sky-docs-parameter-definitions td ::ng-deep:first-child .sky-code{display:inline-block;white-space:normal}.sky-docs-parameter-definitions th ::ng-deep p,.sky-docs-parameter-definitions td ::ng-deep p{margin:10px 0}.sky-docs-parameter-definitions th ::ng-deep p:first-child,.sky-docs-parameter-definitions td ::ng-deep p:first-child{margin-top:0!important}.sky-docs-parameter-definitions th ::ng-deep p:last-child,.sky-docs-parameter-definitions td ::ng-deep p:last-child{margin-bottom:0!important}.sky-docs-parameter-definitions th{width:25%;padding-left:0}.sky-docs-parameter-definitions tr:first-child>th,.sky-docs-parameter-definitions tr:first-child>td{padding-top:0}.sky-docs-parameter-definitions tr:last-child>th,.sky-docs-parameter-definitions tr:last-child>td{border-bottom:0;padding-bottom:0}.sky-docs-parameter-definition-header{width:1%;white-space:nowrap;font-weight:normal}.sky-docs-parameter-definition-label-optional{color:#686c73}.sky-docs-call-signature-definition-return-type{margin-left:15px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
+                    type: i0.Input
+                }] } });
+
+    var SkyDocsPropertyDefinitionsComponent = /** @class */ (function () {
+        function SkyDocsPropertyDefinitionsComponent(changeDetector, formatService, mediaQueryService) {
+            this.changeDetector = changeDetector;
+            this.formatService = formatService;
+            this.mediaQueryService = mediaQueryService;
+            this.propertyType = 'Property';
+            this.showOptionalStatus = true;
+            this.deprecationWarningPrefix = "<span class=\"sky-text-warning\"></span>**Deprecated.** ";
+            this.isMobile = true;
+            this.properties = [];
+        }
+        Object.defineProperty(SkyDocsPropertyDefinitionsComponent.prototype, "config", {
+            get: function () {
+                return this._config || {};
+            },
+            set: function (value) {
+                this._config = value;
+                this.updateView();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SkyDocsPropertyDefinitionsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.mediaQueryService.subscribe(function (breakpoints) {
+                _this.isMobile = (breakpoints <= i2$4.SkyMediaBreakpoints.sm);
+                _this.changeDetector.markForCheck();
+            });
+        };
+        SkyDocsPropertyDefinitionsComponent.prototype.updateView = function () {
+            var _this = this;
+            var _a, _b;
+            this.properties = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.map(function (property) {
+                var _a;
+                var vm = {
+                    callSignature: (_a = property.type) === null || _a === void 0 ? void 0 : _a.callSignature,
+                    defaultValue: _this.formatService.escapeSpecialCharacters(property.defaultValue || ''),
+                    deprecationWarning: property.deprecationWarning,
+                    description: property.description,
+                    formattedName: _this.formatService.getFormattedPropertyName(property),
+                    isOptional: property.isOptional
+                };
+                return vm;
+            });
+        };
+        return SkyDocsPropertyDefinitionsComponent;
+    }());
+    SkyDocsPropertyDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsPropertyDefinitionsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDocsTypeDefinitionsFormatService }, { token: i2__namespace$4.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsPropertyDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: { config: "config", propertyType: "propertyType", showOptionalStatus: "showOptionalStatus" }, ngImport: i0__namespace, template: "<div *ngIf=\"properties\"\n  class=\"sky-docs-property-definitions\"\n>\n  <table *ngIf=\"!isMobile else mobileTemplate\"\n    class=\"sky-docs-table\"\n  >\n    <tr\n      class=\"sky-docs-table-row\"\n    >\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n      >\n        {{ propertyType }}\n      </th>\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n      >\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let property of properties\"\n      class=\"sky-docs-table-row\"\n    >\n      <td\n        class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-name\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"nameTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: property}\"\n        ></ng-template>\n      </td>\n      <td\n        class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-description\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"descriptionTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: property}\"\n        ></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl\n      class=\"sky-docs-property-definition-list\"\n    >\n      <div *ngFor=\"let property of properties\"\n        class=\"sky-docs-property-definition-list-item\"\n      >\n        <dt\n          class=\"sky-field-label\"\n        >{{ propertyType }}</dt>\n        <dd\n          class=\"sky-docs-property-definitions-dd-name\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"nameTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: property}\"\n          ></ng-template>\n        </dd>\n        <dt\n          class=\"sky-field-label\"\n        >Description</dt>\n        <dd\n          class=\"sky-docs-property-definitions-dd-description\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"descriptionTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: property}\"\n          ></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-property #nameTemplate>\n  <sky-code><span\n    [innerHtml]=\"property.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n  ></span></sky-code>\n</ng-template>\n\n<ng-template let-property #descriptionTemplate>\n  <div *ngIf=\"!property.isOptional && showOptionalStatus\"\n    class=\"sky-docs-property-definition-label sky-text-danger\"\n  >Required.</div>\n\n  <sky-docs-safe-html *ngIf=\"property.deprecationWarning !== undefined\"\n    class=\"sky-docs-property-definitions-deprecation-warning\"\n    [innerHtml]=\"deprecationWarningPrefix + property.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"property.description\"\n    class=\"sky-docs-property-definitions-description\"\n    [innerHtml]=\"property.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <div *ngIf=\"property.isOptional && showOptionalStatus\"\n    class=\"sky-docs-property-definition-label sky-docs-property-definition-label-optional\"\n  >\n    Optional. <ng-container *ngIf=\"property.defaultValue\">Default is <sky-code><span\n    [innerHtml]=\"property.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n    ></span></sky-code>.</ng-container>\n  </div>\n\n  <sky-docs-call-signature-definition *ngIf=\"property.callSignature\"\n    [config]=\"property.callSignature\"\n  ></sky-docs-call-signature-definition>\n</ng-template>\n", styles: [":host{margin:15px 0}.sky-docs-property-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-property-definition-label-optional{color:#686c73;margin-bottom:10px}.sky-docs-property-definition-list{margin:0}.sky-docs-property-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-property-definition-list-item .sky-field-label{margin:10px 0}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsPropertyDefinitionsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-property-definitions',
+                        template: "<div *ngIf=\"properties\"\n  class=\"sky-docs-property-definitions\"\n>\n  <table *ngIf=\"!isMobile else mobileTemplate\"\n    class=\"sky-docs-table\"\n  >\n    <tr\n      class=\"sky-docs-table-row\"\n    >\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n      >\n        {{ propertyType }}\n      </th>\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n      >\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let property of properties\"\n      class=\"sky-docs-table-row\"\n    >\n      <td\n        class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-name\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"nameTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: property}\"\n        ></ng-template>\n      </td>\n      <td\n        class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-description\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"descriptionTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: property}\"\n        ></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl\n      class=\"sky-docs-property-definition-list\"\n    >\n      <div *ngFor=\"let property of properties\"\n        class=\"sky-docs-property-definition-list-item\"\n      >\n        <dt\n          class=\"sky-field-label\"\n        >{{ propertyType }}</dt>\n        <dd\n          class=\"sky-docs-property-definitions-dd-name\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"nameTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: property}\"\n          ></ng-template>\n        </dd>\n        <dt\n          class=\"sky-field-label\"\n        >Description</dt>\n        <dd\n          class=\"sky-docs-property-definitions-dd-description\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"descriptionTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: property}\"\n          ></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-property #nameTemplate>\n  <sky-code><span\n    [innerHtml]=\"property.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n  ></span></sky-code>\n</ng-template>\n\n<ng-template let-property #descriptionTemplate>\n  <div *ngIf=\"!property.isOptional && showOptionalStatus\"\n    class=\"sky-docs-property-definition-label sky-text-danger\"\n  >Required.</div>\n\n  <sky-docs-safe-html *ngIf=\"property.deprecationWarning !== undefined\"\n    class=\"sky-docs-property-definitions-deprecation-warning\"\n    [innerHtml]=\"deprecationWarningPrefix + property.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"property.description\"\n    class=\"sky-docs-property-definitions-description\"\n    [innerHtml]=\"property.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <div *ngIf=\"property.isOptional && showOptionalStatus\"\n    class=\"sky-docs-property-definition-label sky-docs-property-definition-label-optional\"\n  >\n    Optional. <ng-container *ngIf=\"property.defaultValue\">Default is <sky-code><span\n    [innerHtml]=\"property.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n    ></span></sky-code>.</ng-container>\n  </div>\n\n  <sky-docs-call-signature-definition *ngIf=\"property.callSignature\"\n    [config]=\"property.callSignature\"\n  ></sky-docs-call-signature-definition>\n</ng-template>\n",
+                        styles: [":host{margin:15px 0}.sky-docs-property-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-property-definition-label-optional{color:#686c73;margin-bottom:10px}.sky-docs-property-definition-list{margin:0}.sky-docs-property-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-property-definition-list-item .sky-field-label{margin:10px 0}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDocsTypeDefinitionsFormatService }, { type: i2__namespace$4.SkyMediaQueryService }]; }, propDecorators: { config: [{
+                    type: i0.Input
+                }], propertyType: [{
+                    type: i0.Input
+                }], showOptionalStatus: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsDirectiveDefinitionComponent = /** @class */ (function () {
         function SkyDocsDirectiveDefinitionComponent() {
         }
-        __decorate([
-            core.Input()
-        ], SkyDocsDirectiveDefinitionComponent.prototype, "config", void 0);
-        SkyDocsDirectiveDefinitionComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsDirectiveDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDirectiveDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDirectiveDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-directive-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-directive-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <h4\n    class=\"sky-docs-directive-definition-h4\"\n  >\n    Selector\n  </h4>\n\n  <p\n    class=\"sky-docs-directive-selector\"\n  >\n    <sky-code>{{ config.selector }}</sky-code>\n  </p>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4\n      class=\"sky-docs-directive-definition-h4\"\n    >\n      Example\n    </h4>\n    <sky-code-block\n      class=\"sky-docs-code-block\"\n      [code]=\"config.codeExample\"\n      [hideHeader]=\"true\"\n      [languageType]=\"config.codeExampleLanguage\"\n    >\n    </sky-code-block>\n  </ng-container>\n\n  <sky-docs-property-definitions *ngIf=\"config.inputProperties?.length\"\n    propertyType=\"Input\"\n    [config]=\"{\n      properties: config.inputProperties\n    }\"\n  ></sky-docs-property-definitions>\n\n  <sky-docs-property-definitions *ngIf=\"config.eventProperties?.length\"\n    propertyType=\"Event\"\n    [config]=\"{\n      properties: config.eventProperties\n    }\"\n  ></sky-docs-property-definitions>\n</div>\n", styles: [".sky-docs-directive-definition-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-directive-selector{margin-left:15px!important;margin-top:10px!important}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ1, selector: "sky-code" }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDirectiveDefinitionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-directive-definition',
+                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-directive-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-directive-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <h4\n    class=\"sky-docs-directive-definition-h4\"\n  >\n    Selector\n  </h4>\n\n  <p\n    class=\"sky-docs-directive-selector\"\n  >\n    <sky-code>{{ config.selector }}</sky-code>\n  </p>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4\n      class=\"sky-docs-directive-definition-h4\"\n    >\n      Example\n    </h4>\n    <sky-code-block\n      class=\"sky-docs-code-block\"\n      [code]=\"config.codeExample\"\n      [hideHeader]=\"true\"\n      [languageType]=\"config.codeExampleLanguage\"\n    >\n    </sky-code-block>\n  </ng-container>\n\n  <sky-docs-property-definitions *ngIf=\"config.inputProperties?.length\"\n    propertyType=\"Input\"\n    [config]=\"{\n      properties: config.inputProperties\n    }\"\n  ></sky-docs-property-definitions>\n\n  <sky-docs-property-definitions *ngIf=\"config.eventProperties?.length\"\n    propertyType=\"Event\"\n    [config]=\"{\n      properties: config.eventProperties\n    }\"\n  ></sky-docs-property-definitions>\n</div>\n",
+                        styles: [".sky-docs-directive-definition-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-directive-selector{margin-left:15px!important;margin-top:10px!important}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { config: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsEnumerationDefinitionComponent = /** @class */ (function () {
         function SkyDocsEnumerationDefinitionComponent() {
         }
-        __decorate([
-            core.Input()
-        ], SkyDocsEnumerationDefinitionComponent.prototype, "config", void 0);
-        SkyDocsEnumerationDefinitionComponent = __decorate([
-            core.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: core.ChangeDetectionStrategy.OnPush
-            })
-        ], SkyDocsEnumerationDefinitionComponent);
         return SkyDocsEnumerationDefinitionComponent;
     }());
+    SkyDocsEnumerationDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsEnumerationDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsEnumerationDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-enumeration-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-enumeration-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-property-definitions *ngIf=\"config.members\"\n    propertyType=\"Member\"\n    [config]=\"{ properties: config.members }\"\n    [showOptionalStatus]=\"false\"\n  ></sky-docs-property-definitions>\n</div>", components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsEnumerationDefinitionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-enumeration-definition',
+                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-enumeration-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-enumeration-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-property-definitions *ngIf=\"config.members\"\n    propertyType=\"Member\"\n    [config]=\"{ properties: config.members }\"\n    [showOptionalStatus]=\"false\"\n  ></sky-docs-property-definitions>\n</div>",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { config: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsInterfaceDefinitionComponent = /** @class */ (function () {
         function SkyDocsInterfaceDefinitionComponent(formatService) {
@@ -1937,27 +2133,26 @@
                 this._config = value;
                 this.updateView();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyDocsInterfaceDefinitionComponent.prototype.updateView = function () {
             this.sourceCode = (this.config) ? this.formatService.getInterfaceSourceCode(this.config) : undefined;
         };
-        SkyDocsInterfaceDefinitionComponent.ctorParameters = function () { return [
-            { type: SkyDocsTypeDefinitionsFormatService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsInterfaceDefinitionComponent.prototype, "config", null);
-        SkyDocsInterfaceDefinitionComponent = __decorate([
-            core.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: core.ChangeDetectionStrategy.OnPush
-            })
-        ], SkyDocsInterfaceDefinitionComponent);
         return SkyDocsInterfaceDefinitionComponent;
     }());
+    SkyDocsInterfaceDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsInterfaceDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsInterfaceDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-interface-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-interface-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-property-definitions *ngIf=\"config.properties\"\n    [config]=\"{ properties: config.properties }\"\n    [showOptionalStatus]=\"false\"\n  ></sky-docs-property-definitions>\n</div>\n", components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsInterfaceDefinitionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-interface-definition',
+                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-interface-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-interface-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-property-definitions *ngIf=\"config.properties\"\n    [config]=\"{ properties: config.properties }\"\n    [showOptionalStatus]=\"false\"\n  ></sky-docs-property-definitions>\n</div>\n",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsMethodDefinitionsComponent = /** @class */ (function () {
         function SkyDocsMethodDefinitionsComponent(changeDetector, formatService, mediaQueryService) {
@@ -1975,13 +2170,13 @@
                 this._config = value;
                 this.updateView();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyDocsMethodDefinitionsComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.mediaQueryService.subscribe(function (breakpoints) {
-                _this.isMobile = (breakpoints <= core$1.SkyMediaBreakpoints.sm);
+                _this.isMobile = (breakpoints <= i2$4.SkyMediaBreakpoints.sm);
                 _this.changeDetector.markForCheck();
             });
         };
@@ -2001,163 +2196,408 @@
                 return vm;
             });
         };
-        SkyDocsMethodDefinitionsComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: SkyDocsTypeDefinitionsFormatService },
-            { type: core$1.SkyMediaQueryService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsMethodDefinitionsComponent.prototype, "config", null);
-        SkyDocsMethodDefinitionsComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsMethodDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMethodDefinitionsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDocsTypeDefinitionsFormatService }, { token: i2__namespace$4.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsMethodDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"methods\"\n  class=\"sky-docs-method-definitions\"\n>\n  <table *ngIf=\"!isMobile else mobileTemplate\"\n    class=\"sky-docs-table\"\n  >\n    <tr\n      class=\"sky-docs-table-row\"\n    >\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n      >\n        Methods\n      </th>\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n      >\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let method of methods\"\n      class=\"sky-docs-table-row\"\n    >\n      <td\n        class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-name\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"nameTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: method}\"\n        ></ng-template>\n      </td>\n      <td\n        class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-description\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"descriptionTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: method}\"\n        ></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl\n      class=\"sky-docs-method-definition-list\"\n    >\n      <div *ngFor=\"let method of methods\"\n        class=\"sky-docs-method-definition-list-item\"\n      >\n        <dt\n          class=\"sky-field-label\"\n        >\n          Methods\n        </dt>\n        <dd\n          class=\"sky-docs-method-definitions-dd-name\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"nameTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: method}\"\n          ></ng-template>\n        </dd>\n        <dt\n          class=\"sky-field-label\"\n        >Description</dt>\n        <dd\n          class=\"sky-docs-method-definitions-dd-description\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"descriptionTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: method}\"\n          ></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-method #nameTemplate>\n  <sky-code><span\n    [innerHtml]=\"method.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n  ></span></sky-code>\n</ng-template>\n\n<ng-template let-method #descriptionTemplate>\n\n  <sky-docs-safe-html *ngIf=\"method.deprecationWarning !== undefined\"\n    class=\"sky-docs-method-definition-deprecation-warning\"\n    [innerHtml]=\"deprecationWarningPrefix + method.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"method.description\"\n    class=\"sky-docs-method-definition-description\"\n    [innerHtml]=\"method.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"method.sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"method.sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"method.callSignature\"\n    [config]=\"method.callSignature\"\n  ></sky-docs-call-signature-definition>\n\n  <ng-container *ngIf=\"method.codeExample\">\n    <h4 class=\"sky-docs-method-definition-heading\">\n      Example\n    </h4>\n    <sky-code-block *ngIf=\"method.codeExample\"\n      class=\"sky-docs-code-block\"\n      languageType=\"method.codeExampleLanguage\"\n      [code]=\"method.codeExample\"\n      [hideHeader]=\"true\"\n    ></sky-code-block>\n  </ng-container>\n</ng-template>\n", styles: [":host{margin:15px 0}.sky-docs-method-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-method-definition-label-optional{color:#686c73}.sky-docs-method-definition-list{margin:0}.sky-docs-method-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-method-definition-list-item .sky-field-label{margin:10px 0}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsMethodDefinitionsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-method-definitions',
+                        template: "<div *ngIf=\"methods\"\n  class=\"sky-docs-method-definitions\"\n>\n  <table *ngIf=\"!isMobile else mobileTemplate\"\n    class=\"sky-docs-table\"\n  >\n    <tr\n      class=\"sky-docs-table-row\"\n    >\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n      >\n        Methods\n      </th>\n      <th\n        class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n      >\n        Description\n      </th>\n    </tr>\n    <tr *ngFor=\"let method of methods\"\n      class=\"sky-docs-table-row\"\n    >\n      <td\n        class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-name\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"nameTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: method}\"\n        ></ng-template>\n      </td>\n      <td\n        class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-description\"\n      >\n        <ng-template\n          [ngTemplateOutlet]=\"descriptionTemplate\"\n          [ngTemplateOutletContext]=\"{$implicit: method}\"\n        ></ng-template>\n      </td>\n    </tr>\n  </table>\n\n  <ng-template #mobileTemplate>\n    <dl\n      class=\"sky-docs-method-definition-list\"\n    >\n      <div *ngFor=\"let method of methods\"\n        class=\"sky-docs-method-definition-list-item\"\n      >\n        <dt\n          class=\"sky-field-label\"\n        >\n          Methods\n        </dt>\n        <dd\n          class=\"sky-docs-method-definitions-dd-name\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"nameTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: method}\"\n          ></ng-template>\n        </dd>\n        <dt\n          class=\"sky-field-label\"\n        >Description</dt>\n        <dd\n          class=\"sky-docs-method-definitions-dd-description\"\n        >\n          <ng-template\n            [ngTemplateOutlet]=\"descriptionTemplate\"\n            [ngTemplateOutletContext]=\"{$implicit: method}\"\n          ></ng-template>\n        </dd>\n      </div>\n    </dl>\n  </ng-template>\n</div>\n\n<ng-template let-method #nameTemplate>\n  <sky-code><span\n    [innerHtml]=\"method.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n  ></span></sky-code>\n</ng-template>\n\n<ng-template let-method #descriptionTemplate>\n\n  <sky-docs-safe-html *ngIf=\"method.deprecationWarning !== undefined\"\n    class=\"sky-docs-method-definition-deprecation-warning\"\n    [innerHtml]=\"deprecationWarningPrefix + method.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-docs-safe-html *ngIf=\"method.description\"\n    class=\"sky-docs-method-definition-description\"\n    [innerHtml]=\"method.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"method.sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"method.sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"method.callSignature\"\n    [config]=\"method.callSignature\"\n  ></sky-docs-call-signature-definition>\n\n  <ng-container *ngIf=\"method.codeExample\">\n    <h4 class=\"sky-docs-method-definition-heading\">\n      Example\n    </h4>\n    <sky-code-block *ngIf=\"method.codeExample\"\n      class=\"sky-docs-code-block\"\n      languageType=\"method.codeExampleLanguage\"\n      [code]=\"method.codeExample\"\n      [hideHeader]=\"true\"\n    ></sky-code-block>\n  </ng-container>\n</ng-template>\n",
+                        styles: [":host{margin:15px 0}.sky-docs-method-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-method-definition-label-optional{color:#686c73}.sky-docs-method-definition-list{margin:0}.sky-docs-method-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-method-definition-list-item .sky-field-label{margin:10px 0}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDocsTypeDefinitionsFormatService }, { type: i2__namespace$4.SkyMediaQueryService }]; }, propDecorators: { config: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsPipeDefinitionComponent = /** @class */ (function () {
         function SkyDocsPipeDefinitionComponent() {
         }
-        __decorate([
-            core.Input()
-        ], SkyDocsPipeDefinitionComponent.prototype, "config", void 0);
-        SkyDocsPipeDefinitionComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsPipeDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsPipeDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsPipeDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-pipe-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4\n      class=\"sky-docs-pipe-definition-heading\"\n    >\n      Example\n    </h4>\n    <sky-code-block\n      class=\"sky-docs-code-block\"\n      [code]=\"config.codeExample\"\n      [hideHeader]=\"true\"\n      [languageType]=\"config.codeExampleLanguage\"\n    ></sky-code-block>\n  </ng-container>\n\n  <sky-docs-method-definitions\n    [config]=\"{\n      methods: [config.transformMethod]\n    }\"\n  ></sky-docs-method-definitions>\n</div>\n", styles: [".sky-docs-pipe-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsPipeDefinitionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-pipe-definition',
+                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-pipe-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.codeExample\">\n    <h4\n      class=\"sky-docs-pipe-definition-heading\"\n    >\n      Example\n    </h4>\n    <sky-code-block\n      class=\"sky-docs-code-block\"\n      [code]=\"config.codeExample\"\n      [hideHeader]=\"true\"\n      [languageType]=\"config.codeExampleLanguage\"\n    ></sky-code-block>\n  </ng-container>\n\n  <sky-docs-method-definitions\n    [config]=\"{\n      methods: [config.transformMethod]\n    }\"\n  ></sky-docs-method-definitions>\n</div>\n",
+                        styles: [".sky-docs-pipe-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { config: [{
+                    type: i0.Input
+                }] } });
 
-    var SkyDocsPropertyDefinitionsComponent = /** @class */ (function () {
-        function SkyDocsPropertyDefinitionsComponent(changeDetector, formatService, mediaQueryService) {
-            this.changeDetector = changeDetector;
+    var SkyDocsClassDefinitionComponent = /** @class */ (function () {
+        function SkyDocsClassDefinitionComponent() {
+        }
+        return SkyDocsClassDefinitionComponent;
+    }());
+    SkyDocsClassDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsClassDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsClassDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-class-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-class-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.properties?.length\">\n    <sky-docs-property-definitions\n      [config]=\"{ properties: config.properties }\"\n    ></sky-docs-property-definitions>\n  </ng-container>\n\n  <ng-container *ngIf=\"config.methods?.length\">\n    <sky-docs-method-definitions\n      [config]=\"{ methods: config.methods }\"\n    ></sky-docs-method-definitions>\n  </ng-container>\n</div>\n", styles: [".sky-docs-class-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-class-definition-return-type{margin-left:15px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }, { type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsClassDefinitionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-class-definition',
+                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-class-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-class-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <ng-container *ngIf=\"config.properties?.length\">\n    <sky-docs-property-definitions\n      [config]=\"{ properties: config.properties }\"\n    ></sky-docs-property-definitions>\n  </ng-container>\n\n  <ng-container *ngIf=\"config.methods?.length\">\n    <sky-docs-method-definitions\n      [config]=\"{ methods: config.methods }\"\n    ></sky-docs-method-definitions>\n  </ng-container>\n</div>\n",
+                        styles: [".sky-docs-class-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-class-definition-return-type{margin-left:15px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { config: [{
+                    type: i0.Input
+                }] } });
+
+    var SkyDocsTypeAliasDefinitionComponent = /** @class */ (function () {
+        function SkyDocsTypeAliasDefinitionComponent(formatService) {
             this.formatService = formatService;
-            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", {
+        Object.defineProperty(SkyDocsTypeAliasDefinitionComponent.prototype, "config", {
             get: function () {
-                return this._config || {};
+                return this._config;
             },
             set: function (value) {
                 this._config = value;
                 this.updateView();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        SkyDocsPropertyDefinitionsComponent.prototype.ngOnInit = function () {
+        SkyDocsTypeAliasDefinitionComponent.prototype.updateView = function () {
+            this.sourceCode = (this.config) ? this.formatService.getTypeAliasSourceCode(this.config) : undefined;
+        };
+        return SkyDocsTypeAliasDefinitionComponent;
+    }());
+    SkyDocsTypeAliasDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeAliasDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsTypeAliasDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"\n  class=\"sky-docs-type-alias-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-type-alias-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"config.type.callSignature\"\n    [config]=\"config.type.callSignature\"\n  ></sky-docs-call-signature-definition>\n</div>\n", styles: [".sky-docs-type-alias-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-type-alias-definition-return-type{margin-left:15px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeAliasDefinitionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-type-alias-definition',
+                        template: "<div *ngIf=\"config\"\n  class=\"sky-docs-type-alias-definition sky-docs-type-definition-wrapper\"\n>\n  <sky-docs-heading-anchor\n    headingLevel=\"3\"\n    [anchorId]=\"config.anchorId\"\n  >\n    {{ config.name }}\n  </sky-docs-heading-anchor>\n\n  <sky-docs-safe-html *ngIf=\"config.description\"\n    class=\"sky-docs-type-alias-definition-description\"\n    [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n  ></sky-docs-safe-html>\n\n  <sky-code-block *ngIf=\"sourceCode\"\n    class=\"sky-docs-code-block\"\n    languageType=\"typescript\"\n    [code]=\"sourceCode\"\n    [hideHeader]=\"true\"\n  ></sky-code-block>\n\n  <sky-docs-call-signature-definition *ngIf=\"config.type.callSignature\"\n    [config]=\"config.type.callSignature\"\n  ></sky-docs-call-signature-definition>\n</div>\n",
+                        styles: [".sky-docs-type-alias-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-type-alias-definition-return-type{margin-left:15px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
+                    type: i0.Input
+                }] } });
+
+    var SkyDocsTypeDefinitionsModule = /** @class */ (function () {
+        function SkyDocsTypeDefinitionsModule() {
+        }
+        return SkyDocsTypeDefinitionsModule;
+    }());
+    SkyDocsTypeDefinitionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsTypeDefinitionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, declarations: [SkyDocsCallSignatureDefinitionComponent,
+            SkyDocsClassDefinitionComponent,
+            SkyDocsDirectiveDefinitionComponent,
+            SkyDocsEnumerationDefinitionComponent,
+            SkyDocsInterfaceDefinitionComponent,
+            SkyDocsMethodDefinitionsComponent,
+            SkyDocsPipeDefinitionComponent,
+            SkyDocsPropertyDefinitionsComponent,
+            SkyDocsTypeAliasDefinitionComponent,
+            SkyDocsTypeAnchorLinksPipe], imports: [i2.CommonModule,
+            i1$3.RouterModule,
+            i3$1.SkyCodeBlockModule,
+            i3$1.SkyCodeModule,
+            i2$1.SkyDefinitionListModule,
+            SkyDocsHeadingAnchorModule,
+            SkyDocsMarkdownModule,
+            SkyDocsSafeHtmlModule,
+            i1$1.SkyIconModule], exports: [SkyDocsCallSignatureDefinitionComponent,
+            SkyDocsClassDefinitionComponent,
+            SkyDocsDirectiveDefinitionComponent,
+            SkyDocsEnumerationDefinitionComponent,
+            SkyDocsInterfaceDefinitionComponent,
+            SkyDocsMethodDefinitionsComponent,
+            SkyDocsPipeDefinitionComponent,
+            SkyDocsPropertyDefinitionsComponent,
+            SkyDocsTypeAliasDefinitionComponent,
+            SkyDocsTypeAnchorLinksPipe] });
+    SkyDocsTypeDefinitionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, imports: [[
+                i2.CommonModule,
+                i1$3.RouterModule,
+                i3$1.SkyCodeBlockModule,
+                i3$1.SkyCodeModule,
+                i2$1.SkyDefinitionListModule,
+                SkyDocsHeadingAnchorModule,
+                SkyDocsMarkdownModule,
+                SkyDocsSafeHtmlModule,
+                i1$1.SkyIconModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i1$3.RouterModule,
+                            i3$1.SkyCodeBlockModule,
+                            i3$1.SkyCodeModule,
+                            i2$1.SkyDefinitionListModule,
+                            SkyDocsHeadingAnchorModule,
+                            SkyDocsMarkdownModule,
+                            SkyDocsSafeHtmlModule,
+                            i1$1.SkyIconModule
+                        ],
+                        declarations: [
+                            SkyDocsCallSignatureDefinitionComponent,
+                            SkyDocsClassDefinitionComponent,
+                            SkyDocsDirectiveDefinitionComponent,
+                            SkyDocsEnumerationDefinitionComponent,
+                            SkyDocsInterfaceDefinitionComponent,
+                            SkyDocsMethodDefinitionsComponent,
+                            SkyDocsPipeDefinitionComponent,
+                            SkyDocsPropertyDefinitionsComponent,
+                            SkyDocsTypeAliasDefinitionComponent,
+                            SkyDocsTypeAnchorLinksPipe
+                        ],
+                        exports: [
+                            SkyDocsCallSignatureDefinitionComponent,
+                            SkyDocsClassDefinitionComponent,
+                            SkyDocsDirectiveDefinitionComponent,
+                            SkyDocsEnumerationDefinitionComponent,
+                            SkyDocsInterfaceDefinitionComponent,
+                            SkyDocsMethodDefinitionsComponent,
+                            SkyDocsPipeDefinitionComponent,
+                            SkyDocsPropertyDefinitionsComponent,
+                            SkyDocsTypeAliasDefinitionComponent,
+                            SkyDocsTypeAnchorLinksPipe
+                        ]
+                    }]
+            }] });
+
+    /**
+     * Specifies a section of page content.
+     * @example
+     * ```
+     * <sky-docs-demo-page-section
+     *   heading="Section heading"
+     * >
+     *   Section content here.
+     * </sky-docs-demo-page-section>
+     * ```
+     */
+    var SkyDocsDemoPageSectionComponent = /** @class */ (function () {
+        function SkyDocsDemoPageSectionComponent() {
+        }
+        Object.defineProperty(SkyDocsDemoPageSectionComponent.prototype, "anchorId", {
+            get: function () {
+                return "section-" + this.getSanitizedName(this.heading);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SkyDocsDemoPageSectionComponent.prototype.getSanitizedName = function (value) {
+            if (!value) {
+                return;
+            }
+            var sanitized = value.toLowerCase()
+                // Remove special characters.
+                .replace(/[\_\~\`\@\!\#\$\%\^\&\*\(\)\[\]\{\}\;\:\'\/\\\<\>\,\.\?\=\+\|"]/g, '')
+                // Replace space characters with a dash.
+                .replace(/\s/g, '-')
+                // Remove any double-dashes.
+                .replace(/--/g, '-');
+            return sanitized;
+        };
+        return SkyDocsDemoPageSectionComponent;
+    }());
+    SkyDocsDemoPageSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoPageSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: { heading: "heading" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n  <div *ngIf=\"heading\"\n    class=\"sky-docs-demo-page-section-header\"\n  >\n    <sky-docs-heading-anchor\n      headingLevel=\"2\"\n      [anchorId]=\"anchorId\"\n    >\n      {{ heading }}\n    </sky-docs-heading-anchor>\n  </div>\n  <div class=\"sky-docs-demo-page-section-body\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".sky-docs-demo-page-section{margin-bottom:50px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageSectionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-page-section',
+                        template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n  <div *ngIf=\"heading\"\n    class=\"sky-docs-demo-page-section-header\"\n  >\n    <sky-docs-heading-anchor\n      headingLevel=\"2\"\n      [anchorId]=\"anchorId\"\n    >\n      {{ heading }}\n    </sky-docs-heading-anchor>\n  </div>\n  <div class=\"sky-docs-demo-page-section-body\">\n    <ng-content></ng-content>\n  </div>\n</div>",
+                        styles: [".sky-docs-demo-page-section{margin-bottom:50px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { heading: [{
+                    type: i0.Input
+                }] } });
+
+    /**
+     * The page summary provides a section at the top of the page
+     * to summarize what a user should expect to find or learn on the page.
+     * @example
+     * ```
+     * <sky-docs-demo-page-summary>
+     *   Page summary here.
+     * </sky-docs-demo-page-summary>
+     * ```
+     */
+    var SkyDocsDemoPageSummaryComponent = /** @class */ (function () {
+        function SkyDocsDemoPageSummaryComponent() {
+        }
+        return SkyDocsDemoPageSummaryComponent;
+    }());
+    SkyDocsDemoPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageSummaryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoPageSummaryComponent, selector: "sky-docs-demo-page-summary", ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page-summary\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-docs-demo-page-summary{margin-bottom:20px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageSummaryComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-page-summary',
+                        template: "<div class=\"sky-docs-demo-page-summary\">\n  <ng-content></ng-content>\n</div>\n",
+                        styles: [".sky-docs-demo-page-summary{margin-bottom:20px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }] });
+
+    var SkyDocsDesignGuidelinesComponent = /** @class */ (function () {
+        function SkyDocsDesignGuidelinesComponent() {
+        }
+        return SkyDocsDesignGuidelinesComponent;
+    }());
+    SkyDocsDesignGuidelinesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDesignGuidelinesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDesignGuidelinesComponent, selector: "sky-docs-design-guidelines", ngImport: i0__namespace, template: "<div class=\"sky-docs-design-guidelines\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-design-guidelines',
+                        template: "<div class=\"sky-docs-design-guidelines\">\n  <ng-content></ng-content>\n</div>\n",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }] });
+
+    /**
+     * @internal
+     */
+    var SkyDocsDemoPageDomAdapterService = /** @class */ (function () {
+        function SkyDocsDemoPageDomAdapterService(windowRef) {
             var _this = this;
-            this.mediaQueryService.subscribe(function (breakpoints) {
-                _this.isMobile = (breakpoints <= core$1.SkyMediaBreakpoints.sm);
-                _this.changeDetector.markForCheck();
-            });
+            this.windowRef = windowRef;
+            this._anchorLinkClick = new rxjs.Subject();
+            this.eventListener = function (e) {
+                e.preventDefault();
+                _this._anchorLinkClick.next({
+                    href: e.target.href
+                });
+            };
+        }
+        Object.defineProperty(SkyDocsDemoPageDomAdapterService.prototype, "anchorLinks", {
+            get: function () {
+                return document.querySelectorAll('a.sky-docs-anchor-link');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SkyDocsDemoPageDomAdapterService.prototype, "currentUrl", {
+            get: function () {
+                return this.windowRef.nativeWindow.location.href.split('#')[0];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SkyDocsDemoPageDomAdapterService.prototype.ngOnDestroy = function () {
+            this.removeClickEventListeners();
         };
-        SkyDocsPropertyDefinitionsComponent.prototype.updateView = function () {
+        SkyDocsDemoPageDomAdapterService.prototype.setupAnchorLinks = function () {
+            for (var index = 0; index < this.anchorLinks.length; index++) {
+                var anchor = this.anchorLinks[index];
+                var fragment = anchor.href.split('#')[1];
+                var url = this.currentUrl;
+                var href = url + "#" + fragment;
+                anchor.href = href;
+            }
+        };
+        Object.defineProperty(SkyDocsDemoPageDomAdapterService.prototype, "anchorLinkClick", {
+            get: function () {
+                if (this._anchorLinkClick.observers.length === 0) {
+                    this.addClickEventListeners();
+                }
+                else {
+                    this.removeClickEventListeners();
+                }
+                return this._anchorLinkClick;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SkyDocsDemoPageDomAdapterService.prototype.scrollToFragment = function (fragment) {
             var _this = this;
-            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;
+            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);
+                }
             });
         };
-        SkyDocsPropertyDefinitionsComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: SkyDocsTypeDefinitionsFormatService },
-            { type: core$1.SkyMediaQueryService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsPropertyDefinitionsComponent.prototype, "config", null);
-        __decorate([
-            core.Input()
-        ], SkyDocsPropertyDefinitionsComponent.prototype, "propertyType", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsPropertyDefinitionsComponent.prototype, "showOptionalStatus", void 0);
-        SkyDocsPropertyDefinitionsComponent = __decorate([
-            core.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: core.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;
+        SkyDocsDemoPageDomAdapterService.prototype.removeClickEventListeners = function () {
+            for (var index = 0; index < this.anchorLinks.length; index++) {
+                var anchor = this.anchorLinks[index];
+                anchor.removeEventListener('click', this.eventListener);
+            }
+        };
+        return SkyDocsDemoPageDomAdapterService;
     }());
+    SkyDocsDemoPageDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageDomAdapterService, deps: [{ token: i2__namespace$4.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsDemoPageDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageDomAdapterService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageDomAdapterService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () { return [{ type: i2__namespace$4.SkyAppWindowRef }]; } });
 
-    var SkyDocsClassDefinitionComponent = /** @class */ (function () {
-        function SkyDocsClassDefinitionComponent() {
+    var SkyDocsSupportalService = /** @class */ (function () {
+        function SkyDocsSupportalService(http) {
+            this.http = http;
         }
-        __decorate([
-            core.Input()
-        ], SkyDocsClassDefinitionComponent.prototype, "config", void 0);
-        SkyDocsClassDefinitionComponent = __decorate([
-            core.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: core.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;
+        SkyDocsSupportalService.prototype.getComponentsInfo = function () {
+            return this.http
+                .get('https://sky-pusa01.app.blackbaud.net/skysp/v1/docs/components-info')
+                .pipe(operators.map(function (results) { return results.components; }), operators.share());
+        };
+        return SkyDocsSupportalService;
     }());
-
-    var SkyDocsTypeAliasDefinitionComponent = /** @class */ (function () {
-        function SkyDocsTypeAliasDefinitionComponent(formatService) {
-            this.formatService = formatService;
+    SkyDocsSupportalService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSupportalService, deps: [{ token: i1__namespace$5.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsSupportalService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSupportalService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsSupportalService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$5.HttpClient }]; } });
+
+    /**
+     * @internal
+     */
+    var SkyDocsDemoPageTitleService = /** @class */ (function () {
+        function SkyDocsDemoPageTitleService(title) {
+            this.title = title;
         }
-        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;
+        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);
         };
-        SkyDocsTypeAliasDefinitionComponent.ctorParameters = function () { return [
-            { type: SkyDocsTypeDefinitionsFormatService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsTypeAliasDefinitionComponent.prototype, "config", null);
-        SkyDocsTypeAliasDefinitionComponent = __decorate([
-            core.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: core.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;
+        return SkyDocsDemoPageTitleService;
     }());
+    SkyDocsDemoPageTitleService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageTitleService, deps: [{ token: i1__namespace$4.Title }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsDemoPageTitleService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageTitleService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageTitleService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$4.Title }]; } });
 
     /**
      * Converts TypeDoc types into SKY UX docs-tools types, to be supplied to the various definitions components.
@@ -2271,24 +2711,46 @@
             var definitions = entry.children
                 .filter(function (child) { return child.kindString === 'Property' || child.kindString === 'Accessor'; })
                 .map(function (child) {
-                var tags = _this.getCommentTags(child.comment);
+                var _a, _b, _c;
                 var definition = {
-                    isOptional: !tags.extras.required,
+                    isOptional: true,
                     name: _this.getPropertyName(child),
                     type: _this.getTypeDefinition(child)
                 };
-                _this.applyCommentTagValues(definition, tags);
-                var decorator = _this.getDecorator(child);
-                if (decorator) {
-                    definition.decorator = decorator;
+                var defaultValue;
+                /* Ensure we are properly capturing definitions which use a getter/setter. Final check is a sanity check */
+                if (child.kindString === 'Accessor' && !((_a = child.comment) === null || _a === void 0 ? void 0 : _a.shortText) && ((_b = child.getSignature) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+                    var mainTags = _this.getCommentTags(child.comment);
+                    var getTags = _this.getCommentTags(child.getSignature[0].comment);
+                    _this.applyCommentTagValues(definition, mainTags);
+                    _this.applyCommentTagValues(definition, getTags);
+                    if (((_c = child.setSignature) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                        var setTags = _this.getCommentTags(child.setSignature[0].comment);
+                        _this.applyCommentTagValues(definition, setTags);
+                        definition.isOptional = !setTags.extras.required;
+                        defaultValue = _this.getDefaultValue(child, setTags);
+                    }
+                    else {
+                        definition.isOptional = !mainTags.extras.required;
+                        defaultValue = _this.getDefaultValue(child, mainTags);
+                    }
+                }
+                else {
+                    var tags = _this.getCommentTags(child.comment);
+                    definition.isOptional = !tags.extras.required;
+                    _this.applyCommentTagValues(definition, tags);
+                    defaultValue = _this.getDefaultValue(child, tags);
                 }
-                var defaultValue = _this.getDefaultValue(child, tags);
                 if (defaultValue) {
                     definition.defaultValue = defaultValue;
                 }
+                var decorator = _this.getDecorator(child);
+                if (decorator) {
+                    definition.decorator = decorator;
+                }
                 return definition;
             });
-            return orderBy(definitions, ['isOptional', 'name'], ['asc', 'asc']);
+            return orderBy__default["default"](definitions, ['isOptional', 'name'], ['asc', 'asc']);
         };
         SkyDocsTypeDocAdapterService.prototype.getClassMethods = function (entry) {
             var _this = this;
@@ -2312,7 +2774,7 @@
                 }
                 return definition;
             });
-            return orderBy(methods, ['name'], ['asc']);
+            return orderBy__default["default"](methods, ['name'], ['asc']);
         };
         SkyDocsTypeDocAdapterService.prototype.getInterfaceProperties = function (entry) {
             var _this = this;
@@ -2331,7 +2793,7 @@
                 _this.applyCommentTagValues(definition, tags);
                 return definition;
             })) || [];
-            var sorted = orderBy(definitions, ['isOptional', 'name'], ['asc', 'asc']);
+            var sorted = orderBy__default["default"](definitions, ['isOptional', 'name'], ['asc', 'asc']);
             // Add any index signatures, e.g. `[_: string]: any`
             if (entry.indexSignature) {
                 var indexSignature = entry.indexSignature;
@@ -2380,12 +2842,12 @@
                     };
                     return definition;
                 default:
-                    var name_1 = child.type.name || ((_a = child.type.elementType) === null || _a === void 0 ? void 0 : _a.name) || child.type.value;
+                    var name = child.type.name || ((_a = child.type.elementType) === null || _a === void 0 ? void 0 : _a.name) || child.type.value;
                     definition = {
                         type: child.type.type
                     };
-                    if (name_1) {
-                        definition.name = name_1;
+                    if (name) {
+                        definition.name = name;
                     }
                     // Union?
                     if (child.type.types) {
@@ -2403,7 +2865,7 @@
                                 var indexSignature = declaration.indexSignature;
                                 definition.indexSignature = this.getIndexSignatureDefinition(indexSignature);
                             }
-                            else if (declaration.children) {
+                            else /* istanbul ignore else */ if (declaration.children) {
                                 definition.typeLiteral = {
                                     properties: this.getInterfaceProperties({
                                         children: declaration.children
@@ -2556,7 +3018,7 @@
             if (!tagParam || !tagParam.description) {
                 return tags;
             }
-            return __assign(__assign({}, tags), {
+            return Object.assign(Object.assign({}, tags), {
                 description: tagParam.description
             });
         };
@@ -2606,15 +3068,20 @@
             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: core.Optional }] }
-        ]; };
-        SkyDocsTypeDocAdapterService = __decorate([
-            core.Injectable(),
-            __param(0, core.Optional())
-        ], SkyDocsTypeDocAdapterService);
         return SkyDocsTypeDocAdapterService;
     }());
+    SkyDocsTypeDocAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDocAdapterService, deps: [{ token: SkyDocsTypeDefinitionsProvider, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsTypeDocAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDocAdapterService, providedIn: 'any' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDocAdapterService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'any'
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: SkyDocsTypeDefinitionsProvider, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        } });
 
     /**
      * Handles all type definitions that have been converted from the third-party documentation generator.
@@ -2653,7 +3120,7 @@
                 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); });
+            var typeDefinitions = allDefinitions.filter(function (i) { return i.sources && i.sources[0].fileName.match(requestedDir); });
             if (typeDefinitions.length === 0) {
                 console.warn("Type definitions were not found for location: " + requestedDir);
             }
@@ -2696,313 +3163,43 @@
             });
             return types;
         };
-        SkyDocsTypeDefinitionsService.ctorParameters = function () { return [
-            { type: SkyDocsTypeDefinitionsProvider },
-            { type: SkyDocsTypeDocAdapterService }
-        ]; };
-        SkyDocsTypeDefinitionsService = __decorate([
-            core.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([
-            core.Pipe({
-                name: 'skyDocsTypeAnchorLinks',
-                pure: true
-            })
-        ], SkyDocsTypeAnchorLinksPipe);
-        return SkyDocsTypeAnchorLinksPipe;
-    }());
-
-    var SkyDocsTypeDefinitionsModule = /** @class */ (function () {
-        function SkyDocsTypeDefinitionsModule() {
-        }
-        SkyDocsTypeDefinitionsModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    router.RouterModule,
-                    skyuxLibCodeBlock.SkyCodeBlockModule,
-                    skyuxLibCodeBlock.SkyCodeModule,
-                    layout.SkyDefinitionListModule,
-                    SkyDocsHeadingAnchorModule,
-                    SkyDocsMarkdownModule,
-                    SkyDocsSafeHtmlModule,
-                    indicators.SkyIconModule,
-                    core$1.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([
-            core.Input()
-        ], SkyDocsDemoPageSectionComponent.prototype, "heading", void 0);
-        SkyDocsDemoPageSectionComponent = __decorate([
-            core.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: core.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([
-            core.Component({
-                selector: 'sky-docs-demo-page-summary',
-                template: "<div class=\"sky-docs-demo-page-summary\">\n  <ng-content></ng-content>\n</div>\n",
-                changeDetection: core.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: platformBrowser.Title }
-        ]; };
-        SkyDocsDemoPageTitleService = __decorate([
-            core.Injectable()
-        ], SkyDocsDemoPageTitleService);
-        return SkyDocsDemoPageTitleService;
-    }());
-
-    var SkyDocsDesignGuidelinesComponent = /** @class */ (function () {
-        function SkyDocsDesignGuidelinesComponent() {
-        }
-        SkyDocsDesignGuidelinesComponent = __decorate([
-            core.Component({
-                selector: 'sky-docs-design-guidelines',
-                template: "<div class=\"sky-docs-design-guidelines\">\n  <ng-content></ng-content>\n</div>\n",
-                changeDetection: core.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(operators.map(function (results) { return results.components; }), operators.share());
-        };
-        SkyDocsSupportalService.ctorParameters = function () { return [
-            { type: http.HttpClient }
-        ]; };
-        SkyDocsSupportalService = __decorate([
-            core.Injectable()
-        ], SkyDocsSupportalService);
-        return SkyDocsSupportalService;
-    }());
+    SkyDocsTypeDefinitionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsService, deps: [{ token: SkyDocsTypeDefinitionsProvider }, { token: SkyDocsTypeDocAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDocsTypeDefinitionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsService, providedIn: 'any' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'any'
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }, { type: SkyDocsTypeDocAdapterService }]; } });
 
     /**
      * @internal
      */
-    var SkyDocsDemoPageDomAdapterService = /** @class */ (function () {
-        function SkyDocsDemoPageDomAdapterService(windowRef) {
-            var _this = this;
-            this.windowRef = windowRef;
-            this._anchorLinkClick = new rxjs.Subject();
-            this.eventListener = function (e) {
-                e.preventDefault();
-                _this._anchorLinkClick.next({
-                    href: e.target.href
-                });
-            };
+    var SkyDocsDemoPageTypeDefinitionsComponent = /** @class */ (function () {
+        function SkyDocsDemoPageTypeDefinitionsComponent(typeDefinitionService) {
+            this.typeDefinitionService = typeDefinitionService;
         }
-        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);
+        SkyDocsDemoPageTypeDefinitionsComponent.prototype.ngOnInit = function () {
+            if (this.moduleSourceCodePath) {
+                this.types = this.typeDefinitionService.getTypeDefinitions(this.moduleSourceCodePath);
             }
         };
-        SkyDocsDemoPageDomAdapterService.ctorParameters = function () { return [
-            { type: core$1.SkyAppWindowRef }
-        ]; };
-        SkyDocsDemoPageDomAdapterService = __decorate([
-            core.Injectable()
-        ], SkyDocsDemoPageDomAdapterService);
-        return SkyDocsDemoPageDomAdapterService;
+        return SkyDocsDemoPageTypeDefinitionsComponent;
     }());
+    SkyDocsDemoPageTypeDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageTypeDefinitionsComponent, deps: [{ token: SkyDocsTypeDefinitionsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoPageTypeDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: { moduleSourceCodePath: "moduleSourceCodePath" }, ngImport: i0__namespace, template: "<ng-template [ngIf]=\"types\">\n  <sky-docs-demo-page-section *ngIf=\"types.components.length\"\n    heading=\"Components\"\n  >\n    <sky-docs-directive-definition *ngFor=\"let config of types.components\"\n      [config]=\"config\"\n    ></sky-docs-directive-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.directives.length\"\n    heading=\"Directives\"\n  >\n    <sky-docs-directive-definition *ngFor=\"let config of types.directives\"\n      [config]=\"config\"\n    ></sky-docs-directive-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.pipes.length\"\n    heading=\"Pipes\"\n  >\n    <sky-docs-pipe-definition *ngFor=\"let config of types.pipes\"\n      [config]=\"config\"\n    ></sky-docs-pipe-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.services.length\"\n    heading=\"Services\"\n  >\n    <sky-docs-class-definition *ngFor=\"let config of types.services\"\n      [config]=\"config\"\n    ></sky-docs-class-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.classes.length\"\n    heading=\"Classes\"\n  >\n    <sky-docs-class-definition *ngFor=\"let config of types.classes\"\n      [config]=\"config\"\n    ></sky-docs-class-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.interfaces.length\"\n    heading=\"Interfaces\"\n  >\n    <sky-docs-interface-definition *ngFor=\"let config of types.interfaces\"\n      [config]=\"config\"\n    ></sky-docs-interface-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.enumerations.length\"\n    heading=\"Enumerations\"\n  >\n    <sky-docs-enumeration-definition *ngFor=\"let config of types.enumerations\"\n      [config]=\"config\"\n    ></sky-docs-enumeration-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.typeAliases.length\"\n    heading=\"Type aliases\"\n  >\n    <sky-docs-type-alias-definition *ngFor=\"let config of types.typeAliases\"\n      [config]=\"config\"\n    ></sky-docs-type-alias-definition>\n  </sky-docs-demo-page-section>\n</ng-template>", components: [{ type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: ["config"] }, { type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: ["config"] }, { type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: ["config"] }, { type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: ["config"] }, { type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: ["config"] }, { type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageTypeDefinitionsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-page-type-definitions',
+                        template: "<ng-template [ngIf]=\"types\">\n  <sky-docs-demo-page-section *ngIf=\"types.components.length\"\n    heading=\"Components\"\n  >\n    <sky-docs-directive-definition *ngFor=\"let config of types.components\"\n      [config]=\"config\"\n    ></sky-docs-directive-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.directives.length\"\n    heading=\"Directives\"\n  >\n    <sky-docs-directive-definition *ngFor=\"let config of types.directives\"\n      [config]=\"config\"\n    ></sky-docs-directive-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.pipes.length\"\n    heading=\"Pipes\"\n  >\n    <sky-docs-pipe-definition *ngFor=\"let config of types.pipes\"\n      [config]=\"config\"\n    ></sky-docs-pipe-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.services.length\"\n    heading=\"Services\"\n  >\n    <sky-docs-class-definition *ngFor=\"let config of types.services\"\n      [config]=\"config\"\n    ></sky-docs-class-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.classes.length\"\n    heading=\"Classes\"\n  >\n    <sky-docs-class-definition *ngFor=\"let config of types.classes\"\n      [config]=\"config\"\n    ></sky-docs-class-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.interfaces.length\"\n    heading=\"Interfaces\"\n  >\n    <sky-docs-interface-definition *ngFor=\"let config of types.interfaces\"\n      [config]=\"config\"\n    ></sky-docs-interface-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.enumerations.length\"\n    heading=\"Enumerations\"\n  >\n    <sky-docs-enumeration-definition *ngFor=\"let config of types.enumerations\"\n      [config]=\"config\"\n    ></sky-docs-enumeration-definition>\n  </sky-docs-demo-page-section>\n\n  <sky-docs-demo-page-section *ngIf=\"types.typeAliases.length\"\n    heading=\"Type aliases\"\n  >\n    <sky-docs-type-alias-definition *ngFor=\"let config of types.typeAliases\"\n      [config]=\"config\"\n    ></sky-docs-type-alias-definition>\n  </sky-docs-demo-page-section>\n</ng-template>",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsService }]; }, propDecorators: { moduleSourceCodePath: [{
+                    type: i0.Input
+                }] } });
 
     /**
      * The demo page component wraps all documentation components and handles the configuration and layout of the page.
@@ -3079,6 +3276,7 @@
             });
         };
         SkyDocsDemoPageComponent.prototype.updateTitle = function () {
+            /*istanbul ignore else*/
             if (this.pageTitle) {
                 this.titleService.setTitle(this.pageTitle, 'Components');
             }
@@ -3093,219 +3291,219 @@
                 return url;
             }
         };
-        SkyDocsDemoPageComponent.ctorParameters = function () { return [
-            { type: router.ActivatedRoute },
-            { type: core.ChangeDetectorRef },
-            { type: router.Router },
-            { type: config.SkyAppConfig },
-            { type: SkyDocsDemoPageDomAdapterService },
-            { type: SkyDocsSupportalService },
-            { type: SkyDocsDemoPageTitleService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoPageComponent.prototype, "gitRepoUrl", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoPageComponent.prototype, "moduleName", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoPageComponent.prototype, "moduleSourceCodePath", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoPageComponent.prototype, "packageName", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoPageComponent.prototype, "packageUrl", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDemoPageComponent.prototype, "pageTitle", void 0);
-        __decorate([
-            core.ContentChild(SkyDocsDesignGuidelinesComponent)
-        ], SkyDocsDemoPageComponent.prototype, "designGuidelinesComponent", void 0);
-        __decorate([
-            core.ContentChildren(SkyDocsCodeExamplesComponent)
-        ], SkyDocsDemoPageComponent.prototype, "codeExampleComponents", void 0);
-        SkyDocsDemoPageComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsDemoPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageComponent, deps: [{ token: i1__namespace$3.ActivatedRoute }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$3.Router }, { token: i2__namespace$5.SkyAppConfig }, { token: SkyDocsDemoPageDomAdapterService }, { token: SkyDocsSupportalService }, { token: SkyDocsDemoPageTitleService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoPageComponent, selector: "sky-docs-demo-page", inputs: { gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", moduleSourceCodePath: "moduleSourceCodePath", packageName: "packageName", packageUrl: "packageUrl", pageTitle: "pageTitle" }, providers: [
+            SkyDocsDemoPageDomAdapterService
+        ], queries: [{ propertyName: "designGuidelinesComponent", first: true, predicate: SkyDocsDesignGuidelinesComponent, descendants: true }, { propertyName: "codeExampleComponents", predicate: SkyDocsCodeExamplesComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page\">\n  <stache\n    layout=\"sidebar\"\n    [pageTitle]=\"pageTitle\"\n    [showBreadcrumbs]=\"false\"\n    [showTableOfContents]=\"false\"\n    [sidebarRoutes]=\"sidebarRoutes\"\n  >\n    <ng-content\n      select=\"sky-docs-demo-page-summary\"\n    ></ng-content>\n\n    <ng-content\n      select=\"sky-docs-demo\"\n    ></ng-content>\n\n    <div\n      class=\"sky-docs-demo-page-main\"\n    >\n      <sky-tabset *ngIf=\"enableTabLayout else content\"\n        permalinkId=\"docs\"\n      >\n        <sky-tab tabHeading=\"Design\">\n          <ng-content\n            select=\"sky-docs-design-guidelines\"\n          ></ng-content>\n        </sky-tab>\n\n        <sky-tab tabHeading=\"Development\">\n          <ng-container\n            [ngTemplateOutlet]=\"content\"\n          ></ng-container>\n        </sky-tab>\n      </sky-tabset>\n    </div>\n  </stache>\n</div>\n\n<ng-template #content>\n  <sky-docs-demo-page-section *ngIf=\"moduleName\"\n    heading=\"Installation\"\n  >\n    <sky-docs-module-info\n      [gitRepoUrl]=\"gitRepoUrl\"\n      [moduleName]=\"moduleName\"\n      [packageName]=\"packageName\"\n      [packageUrl]=\"packageUrl\"\n    >\n      <ng-content\n        select=\"sky-docs-demo-page-module-info\"\n      ></ng-content>\n    </sky-docs-module-info>\n  </sky-docs-demo-page-section>\n\n  <ng-content></ng-content>\n\n  <sky-docs-demo-page-type-definitions\n    [moduleSourceCodePath]=\"moduleSourceCodePath\"\n  >\n  </sky-docs-demo-page-type-definitions>\n\n  <sky-docs-demo-page-section *ngIf=\"enableCodeExamples\"\n    heading=\"Code examples\"\n  >\n    <ng-content\n      select=\"sky-docs-code-examples\"\n    ></ng-content>\n  </sky-docs-demo-page-section>\n</ng-template>", styles: [".sky-docs-demo-page ::ng-deep p{margin:15px 0}.sky-docs-demo-page ::ng-deep .stache-max-width-container{max-width:none;margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-code-block{margin:15px 0;display:block}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-block{font-size:13.5px}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-output{margin:-2px 0 0;padding:0 0 0 15px;background:transparent;border:0}.sky-docs-demo-page ::ng-deep .sky-definition-list{margin:0}.sky-docs-demo-page ::ng-deep .sky-definition-list .sky-docs-code-block{margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-type-definition-wrapper{margin-bottom:40px}.sky-docs-demo-page-main{padding:30px 0}.sky-docs-demo-page-main table{margin-top:15px;margin-bottom:15px}.sky-docs-demo-page-main ::ng-deep .sky-tabset{margin-left:-45px;margin-right:-45px;padding-left:45px;padding-right:45px}\n"], components: [{ type: i6__namespace$1.λ30, selector: "stache", inputs: ["pageTitle", "windowTitle", "navTitle", "layout", "sidebarRoutes", "breadcrumbsRoutes", "showBreadcrumbs", "showEditButton", "showFooter", "showTableOfContents", "showBackToTop", "showInNav", "inPageRoutes"] }, { type: i4__namespace.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }, { type: i4__namespace.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndex"], outputs: ["close"] }, { type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: ["gitRepoUrl", "moduleName", "packageName", "packageUrl"] }, { type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: ["moduleSourceCodePath"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-page',
+                        template: "<div class=\"sky-docs-demo-page\">\n  <stache\n    layout=\"sidebar\"\n    [pageTitle]=\"pageTitle\"\n    [showBreadcrumbs]=\"false\"\n    [showTableOfContents]=\"false\"\n    [sidebarRoutes]=\"sidebarRoutes\"\n  >\n    <ng-content\n      select=\"sky-docs-demo-page-summary\"\n    ></ng-content>\n\n    <ng-content\n      select=\"sky-docs-demo\"\n    ></ng-content>\n\n    <div\n      class=\"sky-docs-demo-page-main\"\n    >\n      <sky-tabset *ngIf=\"enableTabLayout else content\"\n        permalinkId=\"docs\"\n      >\n        <sky-tab tabHeading=\"Design\">\n          <ng-content\n            select=\"sky-docs-design-guidelines\"\n          ></ng-content>\n        </sky-tab>\n\n        <sky-tab tabHeading=\"Development\">\n          <ng-container\n            [ngTemplateOutlet]=\"content\"\n          ></ng-container>\n        </sky-tab>\n      </sky-tabset>\n    </div>\n  </stache>\n</div>\n\n<ng-template #content>\n  <sky-docs-demo-page-section *ngIf=\"moduleName\"\n    heading=\"Installation\"\n  >\n    <sky-docs-module-info\n      [gitRepoUrl]=\"gitRepoUrl\"\n      [moduleName]=\"moduleName\"\n      [packageName]=\"packageName\"\n      [packageUrl]=\"packageUrl\"\n    >\n      <ng-content\n        select=\"sky-docs-demo-page-module-info\"\n      ></ng-content>\n    </sky-docs-module-info>\n  </sky-docs-demo-page-section>\n\n  <ng-content></ng-content>\n\n  <sky-docs-demo-page-type-definitions\n    [moduleSourceCodePath]=\"moduleSourceCodePath\"\n  >\n  </sky-docs-demo-page-type-definitions>\n\n  <sky-docs-demo-page-section *ngIf=\"enableCodeExamples\"\n    heading=\"Code examples\"\n  >\n    <ng-content\n      select=\"sky-docs-code-examples\"\n    ></ng-content>\n  </sky-docs-demo-page-section>\n</ng-template>",
+                        styles: [".sky-docs-demo-page ::ng-deep p{margin:15px 0}.sky-docs-demo-page ::ng-deep .stache-max-width-container{max-width:none;margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-code-block{margin:15px 0;display:block}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-block{font-size:13.5px}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-output{margin:-2px 0 0;padding:0 0 0 15px;background:transparent;border:0}.sky-docs-demo-page ::ng-deep .sky-definition-list{margin:0}.sky-docs-demo-page ::ng-deep .sky-definition-list .sky-docs-code-block{margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-type-definition-wrapper{margin-bottom:40px}.sky-docs-demo-page-main{padding:30px 0}.sky-docs-demo-page-main table{margin-top:15px;margin-bottom:15px}.sky-docs-demo-page-main ::ng-deep .sky-tabset{margin-left:-45px;margin-right:-45px;padding-left:45px;padding-right:45px}\n"],
+                        providers: [
+                            SkyDocsDemoPageDomAdapterService
+                        ],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$3.ActivatedRoute }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$3.Router }, { type: i2__namespace$5.SkyAppConfig }, { type: SkyDocsDemoPageDomAdapterService }, { type: SkyDocsSupportalService }, { type: SkyDocsDemoPageTitleService }]; }, propDecorators: { gitRepoUrl: [{
+                    type: i0.Input
+                }], moduleName: [{
+                    type: i0.Input
+                }], moduleSourceCodePath: [{
+                    type: i0.Input
+                }], packageName: [{
+                    type: i0.Input
+                }], packageUrl: [{
+                    type: i0.Input
+                }], pageTitle: [{
+                    type: i0.Input
+                }], designGuidelinesComponent: [{
+                    type: i0.ContentChild,
+                    args: [SkyDocsDesignGuidelinesComponent]
+                }], codeExampleComponents: [{
+                    type: i0.ContentChildren,
+                    args: [SkyDocsCodeExamplesComponent]
+                }] } });
 
     var SkyDocsDemoPageModuleInfoComponent = /** @class */ (function () {
         function SkyDocsDemoPageModuleInfoComponent() {
         }
-        SkyDocsDemoPageModuleInfoComponent = __decorate([
-            core.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([
-            core.Input()
-        ], SkyDocsDemoPageTypeDefinitionsComponent.prototype, "moduleSourceCodePath", void 0);
-        SkyDocsDemoPageTypeDefinitionsComponent = __decorate([
-            core.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: core.ChangeDetectionStrategy.OnPush
-            })
-        ], SkyDocsDemoPageTypeDefinitionsComponent);
-        return SkyDocsDemoPageTypeDefinitionsComponent;
-    }());
+    SkyDocsDemoPageModuleInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageModuleInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDemoPageModuleInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDemoPageModuleInfoComponent, selector: "sky-docs-demo-page-module-info", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageModuleInfoComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-demo-page-module-info',
+                        template: '<ng-content></ng-content>'
+                    }]
+            }] });
 
     var SkyDocsDemoPageModule = /** @class */ (function () {
         function SkyDocsDemoPageModule() {
         }
-        SkyDocsDemoPageModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    router.RouterModule,
-                    skyuxLibCodeBlock.SkyCodeBlockModule,
-                    skyuxLibCodeBlock.SkyCodeModule,
-                    SkyDocsDemoModule,
-                    SkyDocsHeadingAnchorModule,
-                    SkyDocsMarkdownModule,
-                    SkyDocsModuleInfoModule,
-                    SkyDocsTypeDefinitionsModule,
-                    tabs.SkyTabsModule,
-                    skyuxLibStache.StachePageSummaryModule,
-                    skyuxLibStache.StacheWrapperModule
-                ],
-                declarations: [
-                    SkyDocsDemoPageComponent,
-                    SkyDocsDemoPageModuleInfoComponent,
-                    SkyDocsDemoPageSectionComponent,
-                    SkyDocsDemoPageSummaryComponent,
-                    SkyDocsDemoPageTypeDefinitionsComponent
-                ],
-                exports: [
-                    SkyDocsDemoPageComponent,
-                    SkyDocsDemoPageModuleInfoComponent,
-                    SkyDocsDemoPageSectionComponent,
-                    SkyDocsDemoPageSummaryComponent,
-                    SkyDocsDemoPageTypeDefinitionsComponent
-                ],
-                providers: [
-                    SkyDocsDemoPageTitleService
-                ]
-            })
-        ], SkyDocsDemoPageModule);
         return SkyDocsDemoPageModule;
     }());
+    SkyDocsDemoPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsDemoPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageModule, declarations: [SkyDocsDemoPageComponent,
+            SkyDocsDemoPageModuleInfoComponent,
+            SkyDocsDemoPageSectionComponent,
+            SkyDocsDemoPageSummaryComponent,
+            SkyDocsDemoPageTypeDefinitionsComponent], imports: [i2.CommonModule,
+            i1$3.RouterModule,
+            i3$1.SkyCodeBlockModule,
+            i3$1.SkyCodeModule,
+            SkyDocsDemoModule,
+            SkyDocsHeadingAnchorModule,
+            SkyDocsMarkdownModule,
+            SkyDocsModuleInfoModule,
+            SkyDocsTypeDefinitionsModule,
+            i4.SkyTabsModule,
+            i6$1.StachePageSummaryModule,
+            i6$1.StacheWrapperModule], exports: [SkyDocsDemoPageComponent,
+            SkyDocsDemoPageModuleInfoComponent,
+            SkyDocsDemoPageSectionComponent,
+            SkyDocsDemoPageSummaryComponent,
+            SkyDocsDemoPageTypeDefinitionsComponent] });
+    SkyDocsDemoPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageModule, imports: [[
+                i2.CommonModule,
+                i1$3.RouterModule,
+                i3$1.SkyCodeBlockModule,
+                i3$1.SkyCodeModule,
+                SkyDocsDemoModule,
+                SkyDocsHeadingAnchorModule,
+                SkyDocsMarkdownModule,
+                SkyDocsModuleInfoModule,
+                SkyDocsTypeDefinitionsModule,
+                i4.SkyTabsModule,
+                i6$1.StachePageSummaryModule,
+                i6$1.StacheWrapperModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDemoPageModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i1$3.RouterModule,
+                            i3$1.SkyCodeBlockModule,
+                            i3$1.SkyCodeModule,
+                            SkyDocsDemoModule,
+                            SkyDocsHeadingAnchorModule,
+                            SkyDocsMarkdownModule,
+                            SkyDocsModuleInfoModule,
+                            SkyDocsTypeDefinitionsModule,
+                            i4.SkyTabsModule,
+                            i6$1.StachePageSummaryModule,
+                            i6$1.StacheWrapperModule
+                        ],
+                        declarations: [
+                            SkyDocsDemoPageComponent,
+                            SkyDocsDemoPageModuleInfoComponent,
+                            SkyDocsDemoPageSectionComponent,
+                            SkyDocsDemoPageSummaryComponent,
+                            SkyDocsDemoPageTypeDefinitionsComponent
+                        ],
+                        exports: [
+                            SkyDocsDemoPageComponent,
+                            SkyDocsDemoPageModuleInfoComponent,
+                            SkyDocsDemoPageSectionComponent,
+                            SkyDocsDemoPageSummaryComponent,
+                            SkyDocsDemoPageTypeDefinitionsComponent
+                        ]
+                    }]
+            }] });
 
     var SkyDocsThumbnailComponent = /** @class */ (function () {
         function SkyDocsThumbnailComponent() {
             this.showBorder = false;
         }
-        __decorate([
-            core.Input()
-        ], SkyDocsThumbnailComponent.prototype, "caption", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsThumbnailComponent.prototype, "captionType", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsThumbnailComponent.prototype, "imageAlt", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsThumbnailComponent.prototype, "imageSource", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsThumbnailComponent.prototype, "showBorder", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsThumbnailComponent.prototype, "videoSource", void 0);
-        SkyDocsThumbnailComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsThumbnailComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsThumbnailComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsThumbnailComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsThumbnailComponent, selector: "sky-docs-thumbnail", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", videoSource: "videoSource" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-thumbnail\">\n  <sky-image *ngIf=\"imageSource\"\n    [caption]=\"caption\"\n    [captionType]=\"captionType\"\n    [imageAlt]=\"imageAlt\"\n    [imageSource]=\"imageSource\"\n    [showBorder]=\"showBorder\"\n    [showCaptionPrefix]=\"false\"\n  ></sky-image>\n  <div *ngIf=\"videoSource\"\n    class=\"sky-docs-video\"\n    [ngClass]=\"{\n      'sky-docs-video-border': showBorder\n    }\"\n  >\n    <video controls>\n      <source\n        [attr.src]=\"videoSource\"\n        type=\"video/mp4\"\n      />\n    </video>\n  </div>\n</div>\n", styles: [".sky-docs-thumbnail{margin-bottom:50px}.sky-docs-video video{max-width:100%}.sky-docs-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"], components: [{ type: i2__namespace$2.λ4, selector: "sky-image", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "showCaptionPrefix"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsThumbnailComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-thumbnail',
+                        template: "<div class=\"sky-docs-thumbnail\">\n  <sky-image *ngIf=\"imageSource\"\n    [caption]=\"caption\"\n    [captionType]=\"captionType\"\n    [imageAlt]=\"imageAlt\"\n    [imageSource]=\"imageSource\"\n    [showBorder]=\"showBorder\"\n    [showCaptionPrefix]=\"false\"\n  ></sky-image>\n  <div *ngIf=\"videoSource\"\n    class=\"sky-docs-video\"\n    [ngClass]=\"{\n      'sky-docs-video-border': showBorder\n    }\"\n  >\n    <video controls>\n      <source\n        [attr.src]=\"videoSource\"\n        type=\"video/mp4\"\n      />\n    </video>\n  </div>\n</div>\n",
+                        styles: [".sky-docs-thumbnail{margin-bottom:50px}.sky-docs-video video{max-width:100%}.sky-docs-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { caption: [{
+                    type: i0.Input
+                }], captionType: [{
+                    type: i0.Input
+                }], imageAlt: [{
+                    type: i0.Input
+                }], imageSource: [{
+                    type: i0.Input
+                }], showBorder: [{
+                    type: i0.Input
+                }], videoSource: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsThumbnailModule = /** @class */ (function () {
         function SkyDocsThumbnailModule() {
         }
-        SkyDocsThumbnailModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    skyuxLibMedia.SkyImageModule
-                ],
-                exports: [
-                    SkyDocsThumbnailComponent
-                ],
-                declarations: [
-                    SkyDocsThumbnailComponent
-                ]
-            })
-        ], SkyDocsThumbnailModule);
         return SkyDocsThumbnailModule;
     }());
+    SkyDocsThumbnailModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsThumbnailModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsThumbnailModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsThumbnailModule, declarations: [SkyDocsThumbnailComponent], imports: [i2.CommonModule,
+            i2$2.SkyImageModule], exports: [SkyDocsThumbnailComponent] });
+    SkyDocsThumbnailModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsThumbnailModule, imports: [[
+                i2.CommonModule,
+                i2$2.SkyImageModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsThumbnailModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i2$2.SkyImageModule
+                        ],
+                        exports: [
+                            SkyDocsThumbnailComponent
+                        ],
+                        declarations: [
+                            SkyDocsThumbnailComponent
+                        ]
+                    }]
+            }] });
 
     var SkyDocsDesignGuidelineThumbnailComponent = /** @class */ (function () {
         function SkyDocsDesignGuidelineThumbnailComponent() {
             this.showBorder = false;
         }
-        __decorate([
-            core.Input()
-        ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "caption", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "captionType", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "imageAlt", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "imageSource", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "videoSource", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDesignGuidelineThumbnailComponent.prototype, "showBorder", void 0);
-        SkyDocsDesignGuidelineThumbnailComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsDesignGuidelineThumbnailComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelineThumbnailComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDesignGuidelineThumbnailComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDesignGuidelineThumbnailComponent, selector: "sky-docs-design-guideline-thumbnail", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", videoSource: "videoSource", showBorder: "showBorder" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-design-guideline-thumbnail\">\n  <sky-docs-thumbnail\n    [caption]=\"caption\"\n    [captionType]=\"captionType\"\n    [imageAlt]=\"imageAlt\"\n    [imageSource]=\"imageSource\"\n    [videoSource]=\"videoSource\"\n    [showBorder]=\"showBorder\"\n  ></sky-docs-thumbnail>\n</div>\n", styles: [".sky-docs-design-guideline-thumbnail{margin-bottom:50px}.sky-docs-design-guideline-video video{max-width:100%}.sky-docs-design-guideline-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"], components: [{ type: SkyDocsThumbnailComponent, selector: "sky-docs-thumbnail", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "videoSource"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelineThumbnailComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-design-guideline-thumbnail',
+                        template: "<div class=\"sky-docs-design-guideline-thumbnail\">\n  <sky-docs-thumbnail\n    [caption]=\"caption\"\n    [captionType]=\"captionType\"\n    [imageAlt]=\"imageAlt\"\n    [imageSource]=\"imageSource\"\n    [videoSource]=\"videoSource\"\n    [showBorder]=\"showBorder\"\n  ></sky-docs-thumbnail>\n</div>\n",
+                        styles: [".sky-docs-design-guideline-thumbnail{margin-bottom:50px}.sky-docs-design-guideline-video video{max-width:100%}.sky-docs-design-guideline-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { caption: [{
+                    type: i0.Input
+                }], captionType: [{
+                    type: i0.Input
+                }], imageAlt: [{
+                    type: i0.Input
+                }], imageSource: [{
+                    type: i0.Input
+                }], videoSource: [{
+                    type: i0.Input
+                }], showBorder: [{
+                    type: i0.Input
+                }] } });
 
     var SkyDocsDesignGuidelineComponent = /** @class */ (function () {
         function SkyDocsDesignGuidelineComponent() {
@@ -3318,56 +3516,71 @@
                 classNames.push("sky-text-" + this.headingStyle);
                 return classNames.join(' ');
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyDocsDesignGuidelineComponent.prototype.ngAfterContentInit = function () {
             this.hasThumbnails = !!this.thumbnails.length;
         };
-        __decorate([
-            core.Input()
-        ], SkyDocsDesignGuidelineComponent.prototype, "heading", void 0);
-        __decorate([
-            core.Input()
-        ], SkyDocsDesignGuidelineComponent.prototype, "headingStyle", void 0);
-        __decorate([
-            core.ContentChildren(SkyDocsDesignGuidelineThumbnailComponent)
-        ], SkyDocsDesignGuidelineComponent.prototype, "thumbnails", void 0);
-        SkyDocsDesignGuidelineComponent = __decorate([
-            core.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: core.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;
     }());
+    SkyDocsDesignGuidelineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDocsDesignGuidelineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDocsDesignGuidelineComponent, selector: "sky-docs-design-guideline", inputs: { heading: "heading", headingStyle: "headingStyle" }, queries: [{ propertyName: "thumbnails", predicate: SkyDocsDesignGuidelineThumbnailComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-design-guideline\">\n  <h3 *ngIf=\"heading\"\n    class=\"sky-docs-design-guideline-heading\"\n    [ngClass]=\"classNames\"\n  >\n    {{ heading }}\n  </h3>\n  <sky-row *ngIf=\"hasThumbnails; else content\">\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"5\"\n      screenLarge=\"4\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </sky-column>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"7\"\n      screenLarge=\"8\"\n    >\n      <div class=\"sky-docs-design-guideline-thumbnails\">\n        <ng-container *ngTemplateOutlet=\"thumbnails\"></ng-container>\n      </div>\n    </sky-column>\n  </sky-row>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #thumbnails>\n  <ng-content select=\"sky-docs-design-guideline-thumbnail\"></ng-content>\n</ng-template>\n", styles: [".sky-docs-design-guideline-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-design-guideline-thumbnails{display:flex;flex-wrap:wrap}.sky-docs-design-guideline-thumbnails ::ng-deep sky-docs-design-guideline-thumbnail:first-child{padding-right:20px}\n"], components: [{ type: i2__namespace$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2__namespace$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelineComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-docs-design-guideline',
+                        template: "<div class=\"sky-docs-design-guideline\">\n  <h3 *ngIf=\"heading\"\n    class=\"sky-docs-design-guideline-heading\"\n    [ngClass]=\"classNames\"\n  >\n    {{ heading }}\n  </h3>\n  <sky-row *ngIf=\"hasThumbnails; else content\">\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"5\"\n      screenLarge=\"4\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </sky-column>\n    <sky-column\n      screenSmall=\"6\"\n      screenMedium=\"7\"\n      screenLarge=\"8\"\n    >\n      <div class=\"sky-docs-design-guideline-thumbnails\">\n        <ng-container *ngTemplateOutlet=\"thumbnails\"></ng-container>\n      </div>\n    </sky-column>\n  </sky-row>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #thumbnails>\n  <ng-content select=\"sky-docs-design-guideline-thumbnail\"></ng-content>\n</ng-template>\n",
+                        styles: [".sky-docs-design-guideline-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-design-guideline-thumbnails{display:flex;flex-wrap:wrap}.sky-docs-design-guideline-thumbnails ::ng-deep sky-docs-design-guideline-thumbnail:first-child{padding-right:20px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { heading: [{
+                    type: i0.Input
+                }], headingStyle: [{
+                    type: i0.Input
+                }], thumbnails: [{
+                    type: i0.ContentChildren,
+                    args: [SkyDocsDesignGuidelineThumbnailComponent]
+                }] } });
 
     var SkyDocsDesignGuidelinesModule = /** @class */ (function () {
         function SkyDocsDesignGuidelinesModule() {
         }
-        SkyDocsDesignGuidelinesModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    SkyDocsThumbnailModule,
-                    layout.SkyFluidGridModule
-                ],
-                declarations: [
-                    SkyDocsDesignGuidelineComponent,
-                    SkyDocsDesignGuidelineThumbnailComponent,
-                    SkyDocsDesignGuidelinesComponent
-                ],
-                exports: [
-                    SkyDocsDesignGuidelineComponent,
-                    SkyDocsDesignGuidelineThumbnailComponent,
-                    SkyDocsDesignGuidelinesComponent
-                ]
-            })
-        ], SkyDocsDesignGuidelinesModule);
         return SkyDocsDesignGuidelinesModule;
     }());
+    SkyDocsDesignGuidelinesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsDesignGuidelinesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, declarations: [SkyDocsDesignGuidelineComponent,
+            SkyDocsDesignGuidelineThumbnailComponent,
+            SkyDocsDesignGuidelinesComponent], imports: [i2.CommonModule,
+            SkyDocsThumbnailModule,
+            i2$1.SkyFluidGridModule], exports: [SkyDocsDesignGuidelineComponent,
+            SkyDocsDesignGuidelineThumbnailComponent,
+            SkyDocsDesignGuidelinesComponent] });
+    SkyDocsDesignGuidelinesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, imports: [[
+                i2.CommonModule,
+                SkyDocsThumbnailModule,
+                i2$1.SkyFluidGridModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            SkyDocsThumbnailModule,
+                            i2$1.SkyFluidGridModule
+                        ],
+                        declarations: [
+                            SkyDocsDesignGuidelineComponent,
+                            SkyDocsDesignGuidelineThumbnailComponent,
+                            SkyDocsDesignGuidelinesComponent
+                        ],
+                        exports: [
+                            SkyDocsDesignGuidelineComponent,
+                            SkyDocsDesignGuidelineThumbnailComponent,
+                            SkyDocsDesignGuidelinesComponent
+                        ]
+                    }]
+            }] });
 
     /**
      * This module conveniently exports the most commonly used modules.
@@ -3375,23 +3588,38 @@
     var SkyDocsToolsModule = /** @class */ (function () {
         function SkyDocsToolsModule() {
         }
-        SkyDocsToolsModule = __decorate([
-            core.NgModule({
-                exports: [
-                    http$1.SkyAuthHttpClientModule,
-                    SkyDocsAnatomyModule,
-                    SkyDocsCodeExamplesModule,
-                    SkyDocsDemoModule,
-                    SkyDocsDemoPageModule,
-                    SkyDocsDesignGuidelinesModule
-                ],
-                providers: [
-                    SkyDocsSupportalService
-                ]
-            })
-        ], SkyDocsToolsModule);
         return SkyDocsToolsModule;
     }());
+    SkyDocsToolsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsToolsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDocsToolsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsToolsModule, exports: [http.SkyAuthHttpClientModule,
+            SkyDocsAnatomyModule,
+            SkyDocsCodeExamplesModule,
+            SkyDocsDemoModule,
+            SkyDocsDemoPageModule,
+            SkyDocsDesignGuidelinesModule] });
+    SkyDocsToolsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsToolsModule, imports: [http.SkyAuthHttpClientModule,
+            SkyDocsAnatomyModule,
+            SkyDocsCodeExamplesModule,
+            SkyDocsDemoModule,
+            SkyDocsDemoPageModule,
+            SkyDocsDesignGuidelinesModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDocsToolsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [
+                            http.SkyAuthHttpClientModule,
+                            SkyDocsAnatomyModule,
+                            SkyDocsCodeExamplesModule,
+                            SkyDocsDemoModule,
+                            SkyDocsDemoPageModule,
+                            SkyDocsDesignGuidelinesModule
+                        ]
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
 
     exports.SkyDocsAnatomyModule = SkyDocsAnatomyModule;
     exports.SkyDocsCodeExamplesModule = SkyDocsCodeExamplesModule;
@@ -3410,52 +3638,38 @@
     exports.SkyDocsTypeDefinitionsModule = SkyDocsTypeDefinitionsModule;
     exports.SkyDocsTypeDefinitionsProvider = SkyDocsTypeDefinitionsProvider;
     exports.SkyDocsTypeDefinitionsService = SkyDocsTypeDefinitionsService;
-    exports.ɵa = SkyDocsAnatomyComponent;
-    exports.ɵb = SkyDocsAnatomyItemComponent;
-    exports.ɵba = SkyDocsMethodDefinitionsComponent;
-    exports.ɵbb = SkyDocsPipeDefinitionComponent;
-    exports.ɵbc = SkyDocsPropertyDefinitionsComponent;
-    exports.ɵbd = SkyDocsTypeAliasDefinitionComponent;
-    exports.ɵbe = SkyDocsTypeAnchorLinksPipe;
-    exports.ɵbf = SkyDocsAnchorLinkService;
-    exports.ɵbg = SkyDocsTypeDocAdapterService;
-    exports.ɵbh = SkyDocsDemoPageComponent;
-    exports.ɵbi = SkyDocsDemoPageDomAdapterService;
-    exports.ɵbj = SkyDocsDesignGuidelinesComponent;
-    exports.ɵbk = SkyDocsDemoPageTitleService;
-    exports.ɵbl = SkyDocsDemoPageModuleInfoComponent;
-    exports.ɵbm = SkyDocsDemoPageSectionComponent;
-    exports.ɵbn = SkyDocsDemoPageSummaryComponent;
-    exports.ɵbo = SkyDocsDemoPageTypeDefinitionsComponent;
-    exports.ɵbp = SkyDocsThumbnailComponent;
-    exports.ɵbq = SkyDocsDesignGuidelineComponent;
-    exports.ɵbr = SkyDocsDesignGuidelineThumbnailComponent;
-    exports.ɵc = SkyDocsSourceCodeModule;
-    exports.ɵd = SkyDocsSourceCodeService;
-    exports.ɵe = SkyDocsToolsResourcesModule;
-    exports.ɵf = SkyDocsToolsResourcesProvider;
-    exports.ɵg = SkyDocsCodeExampleComponent;
-    exports.ɵh = SkyDocsCodeExamplesComponent;
-    exports.ɵi = SkyDocsCodeExamplesEditorService;
-    exports.ɵj = SkyDocsDemoComponent;
-    exports.ɵk = SkyDocsDemoThemeService;
-    exports.ɵl = SkyDocsDemoControlPanelComponent;
-    exports.ɵm = SkyDocsDemoControlPanelRadioGroupComponent;
-    exports.ɵn = SkyDocsDemoControlPanelCheckboxComponent;
-    exports.ɵo = SkyDocsDemoControlPanelSectionComponent;
-    exports.ɵp = SkyDocsDemoControlPanelThemeComponent;
-    exports.ɵq = SkyDocsHeadingAnchorComponent;
-    exports.ɵr = SkyDocsModuleInfoComponent;
-    exports.ɵs = SkyDocsSafeHtmlModule;
-    exports.ɵt = SkyDocsSafeHtmlComponent;
-    exports.ɵu = SkyDocsCallSignatureDefinitionComponent;
-    exports.ɵv = SkyDocsTypeDefinitionsFormatService;
-    exports.ɵw = SkyDocsClassDefinitionComponent;
-    exports.ɵx = SkyDocsDirectiveDefinitionComponent;
-    exports.ɵy = SkyDocsEnumerationDefinitionComponent;
-    exports.ɵz = SkyDocsInterfaceDefinitionComponent;
+    exports["λ1"] = SkyDocsAnatomyItemComponent;
+    exports["λ10"] = SkyDocsDemoPageModuleInfoComponent;
+    exports["λ11"] = SkyDocsDemoPageSectionComponent;
+    exports["λ12"] = SkyDocsDemoPageSummaryComponent;
+    exports["λ13"] = SkyDocsDemoPageTypeDefinitionsComponent;
+    exports["λ14"] = SkyDocsDemoPageComponent;
+    exports["λ15"] = SkyDocsDesignGuidelineThumbnailComponent;
+    exports["λ16"] = SkyDocsDesignGuidelineComponent;
+    exports["λ17"] = SkyDocsDesignGuidelinesComponent;
+    exports["λ18"] = SkyDocsHeadingAnchorComponent;
+    exports["λ19"] = SkyDocsModuleInfoComponent;
+    exports["λ2"] = SkyDocsAnatomyComponent;
+    exports["λ20"] = SkyDocsThumbnailComponent;
+    exports["λ21"] = SkyDocsCallSignatureDefinitionComponent;
+    exports["λ22"] = SkyDocsClassDefinitionComponent;
+    exports["λ23"] = SkyDocsDirectiveDefinitionComponent;
+    exports["λ24"] = SkyDocsEnumerationDefinitionComponent;
+    exports["λ25"] = SkyDocsInterfaceDefinitionComponent;
+    exports["λ26"] = SkyDocsMethodDefinitionsComponent;
+    exports["λ27"] = SkyDocsPipeDefinitionComponent;
+    exports["λ28"] = SkyDocsPropertyDefinitionsComponent;
+    exports["λ29"] = SkyDocsTypeAliasDefinitionComponent;
+    exports["λ3"] = SkyDocsCodeExampleComponent;
+    exports["λ30"] = SkyDocsTypeAnchorLinksPipe;
+    exports["λ4"] = SkyDocsCodeExamplesComponent;
+    exports["λ5"] = SkyDocsDemoControlPanelCheckboxComponent;
+    exports["λ6"] = SkyDocsDemoControlPanelRadioGroupComponent;
+    exports["λ7"] = SkyDocsDemoControlPanelSectionComponent;
+    exports["λ8"] = SkyDocsDemoControlPanelComponent;
+    exports["λ9"] = SkyDocsDemoComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=skyux-docs-tools.umd.js.map