@skyux/docs-tools 4.9.3 → 4.9.7

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

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(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")):"function"==typeof define&&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"],n):n(((e=e||self).skyux=e.skyux||{},e.skyux["docs-tools"]={}),e.ng.common,e.ng.core,e.skyuxLibMedia,e.layout,e.skyuxLibCodeBlock,e.indicators,e.lists,e.tabs,e.i18n,e.theme,e.rxjs,e.rxjs.operators,e.StackBlitzSDK,e.ng.forms,e.forms$1,e.skyuxLibRestrictedView,e.skyuxLibStache,e.ng.router,e.marked,e.skyuxLibClipboard,e.popovers,e.core$1,e.ng.platformBrowser,e.orderBy,e.config,e.ng.common.http,e.http$1)}(this,(function(e,n,t,o,i,s,r,a,c,d,p,l,u,m,g,y,h,f,k,b,v,x,S,C,T,I,D,w){"use strict";m=m&&Object.prototype.hasOwnProperty.call(m,"default")?m.default:m,b=b&&Object.prototype.hasOwnProperty.call(b,"default")?b.default:b,T=T&&Object.prototype.hasOwnProperty.call(T,"default")?T.default:T;var P=function(){return(P=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e}).apply(this,arguments)};function O(e,n,t,o){var i,s=arguments.length,r=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,t,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(s<3?i(r):s>3?i(n,t,r):i(n,t))||r);return s>3&&r&&Object.defineProperty(n,t,r),r}function M(e,n){return function(t,o){n(t,o,e)}}function E(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,i,s=t.call(e),r=[];try{for(;(void 0===n||n-- >0)&&!(o=s.next()).done;)r.push(o.value)}catch(e){i={error:e}}finally{try{o&&!o.done&&(t=s.return)&&t.call(s)}finally{if(i)throw i.error}}return r}var L,A=function(){function e(){this.isOptional=!1}return O([t.Input()],e.prototype,"isOptional",void 0),e=O([t.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:t.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}"]})],e)}(),N=function(){function e(){}return e.prototype.ngAfterContentInit=function(){this.anatomyItems.forEach((function(e,n){e.marker=(n+1).toString()}))},O([t.Input()],e.prototype,"imagePath",void 0),O([t.ContentChildren(A)],e.prototype,"anatomyItems",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:[""]})],e)}(),j=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,i.SkyFluidGridModule,o.SkyImageModule],declarations:[N,A],exports:[N,A]})],e)}(),F=function(){function e(){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"}}}return e.prototype.getString=function(e,n){return d.getStringForLocale(this.resources,e.locale,n)},e=O([t.Injectable()],e)}(),R=function(){function e(){}return e=O([t.NgModule({providers:[{provide:d.SKY_LIB_RESOURCES_PROVIDERS,useClass:F,multi:!0}],exports:[d.SkyI18nModule]})],e)}(),V=function(){function e(){}return e=O([t.Injectable()],e)}(),B=function(){function e(e){this.sourceCodeProvider=e}return e.prototype.getSourceCode=function(e){var n=this.sourceCodeProvider.sourceCode;return n&&n.length?n.filter((function(n){return 0===n.filePath.indexOf(e)})).map((function(e){return e.rawContents=decodeURIComponent(e.rawContents),e})):[]},e.ctorParameters=function(){return[{type:V}]},e=O([t.Injectable()],e)}(),H=function(){function e(){}return e=O([t.NgModule({providers:[V,B]})],e)}();(L=e.SkyDocsCodeExampleTheme||(e.SkyDocsCodeExampleTheme={})).Default="default",L.Modern="modern";var U=function(){function n(n){var t=this;this.ngUnsubscribe=new l.Subject,!this._theme&&n&&n.settingsChange.pipe(u.takeUntil(this.ngUnsubscribe)).subscribe((function(n){"modern"===n.currentSettings.theme.name?t.theme=e.SkyDocsCodeExampleTheme.Modern:"default"===n.currentSettings.theme.name&&(t.theme=e.SkyDocsCodeExampleTheme.Default)}))}return Object.defineProperty(n.prototype,"theme",{get:function(){return this._theme||e.SkyDocsCodeExampleTheme.Default},set:function(e){this._theme=e},enumerable:!0,configurable:!0}),n.prototype.ngOnDestroy=function(){this.ngUnsubscribe.next(),this.ngUnsubscribe.complete()},n.ctorParameters=function(){return[{type:p.SkyThemeService,decorators:[{type:t.Optional}]}]},O([t.Input()],n.prototype,"heading",void 0),O([t.Input()],n.prototype,"sourceCodePath",void 0),O([t.Input()],n.prototype,"theme",null),n=O([t.Component({selector:"sky-docs-code-example",template:"",changeDetection:t.ChangeDetectionStrategy.OnPush}),M(0,t.Optional())],n)}(),_=function(){function n(){}return n.prototype.launchEditor=function(e){var n=this.getPayload(e);m.openProject(n,{})},n.prototype.getPayload=function(e){var n={"@angular/animations":"^9.0.0","@angular/common":"^9.0.0","@angular/compiler":"^9.0.0","@angular/core":"^9.0.0","@angular/forms":"^9.0.0","@angular/platform-browser":"^9.0.0","@angular/platform-browser-dynamic":"^9.0.0","@angular/router":"^9.0.0","@skyux/animations":"*","@skyux/assets":"*","@skyux/config":"*","@skyux/core":"*","@skyux/errors":"*","@skyux/forms":"*","@skyux/http":"*","@skyux/i18n":"*","@skyux/indicators":"*","@skyux/layout":"*","@skyux/modals":"*","@skyux/popovers":"*","@skyux/router":"*","@skyux/theme":"*","core-js":"2",rxjs:"^6.0.0","rxjs-compat":"^6.0.0",tslib:"~1.14.1","zone.js":"~0.11.4"},t=Object.assign({},n,e.packageDependencies);return{files:this.parseStackBlitzFiles(e.sourceCode,t,e.theme),title:"SKY UX Demo",description:"SKY UX Demo",template:"angular-cli",dependencies:t,settings:{compile:{clearConsole:!1}}}},n.prototype.parseStackBlitzFiles=function(n,t,o){var i=this,s="/**\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 ",r=["import {\n  Component,\n  NgModule\n} from '@angular/core';","import {\n  FormsModule,\n  ReactiveFormsModule\n} from '@angular/forms';","import {\n  platformBrowserDynamic\n} from '@angular/platform-browser-dynamic';","import {\n  BrowserModule\n} from '@angular/platform-browser';","import {\n  RouterModule\n} from '@angular/router';","import {\n  SkyAppLocaleProvider\n} from '@skyux/i18n';","import {\n  SkyThemeService\n} from '@skyux/theme';","import {\n  of as observableOf\n} from 'rxjs';","import {\n  AppComponent\n} from './app.component';"],a=["BrowserModule","FormsModule","ReactiveFormsModule","RouterModule.forRoot([])"],c={},d="";return n.forEach((function(e){if(c["src/app/"+e.fileName]=e.rawContents,e.fileName.indexOf(".module.ts")>-1){var t=i.getModuleName(e.rawContents),o="./"+i.getFilenameNoExtension(e.fileName),s=i.getExportedComponent(e.rawContents),p=i.getComponentSelector(s,n);d+="<"+p+"></"+p+">",a.push(t),r.push("import {\n  "+t+"\n} from '"+o+"';")}})),c["src/app/app.component.ts"]=s+"\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: '"+d+"'\n})\nexport class AppComponent {\n\n  constructor(\n    themeSvc: SkyThemeService,\n    renderer?: Renderer2\n  ) {\n      const themeSettings = new SkyThemeSettings(\n        SkyTheme.presets['"+(o===e.SkyDocsCodeExampleTheme.Modern?"modern":"default")+"'],\n        SkyThemeMode.presets.light\n      );\n\n      themeSvc.init(\n        document.body,\n        renderer,\n        themeSettings\n      );\n  }\n\n}",c["src/app/app.module.ts"]=r.join("\n\n")+"\n\n@NgModule({\n  imports: [\n    "+a.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",c["src/index.html"]='\x3c!--\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--\x3e\n<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />'+(o===e.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>",c["src/main.ts"]=s+"\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",c["src/polyfills.ts"]=s+"\nimport 'core-js/es6/reflect';\nimport 'core-js/es7/reflect';\nimport 'zone.js/dist/zone';\n",c["src/styles.scss"]="@import '~@skyux/theme/css/sky';\n"+(o===e.SkyDocsCodeExampleTheme.Modern?"@import '~@skyux/theme/css/themes/modern/styles';":"")+"\nbody {\n  background-color: #fff;\n  margin: 15px;\n}",c["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}',c["package.json"]=JSON.stringify({dependencies:t},void 0,2),c["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}',c},n.prototype.getModuleName=function(e){return e.split("export class ")[1].split(" {")[0]},n.prototype.getFilenameNoExtension=function(e){var n=e.split(".").pop();return e.replace("."+n,"")},n.prototype.getExportedComponent=function(e){var n=e.replace(/\s/g,"").split("exports:[")[1];if(!n)throw"You must export a component from the code example module!";var t=(n=n.split("]")[0]).split(",");if(t.length>1)throw"You may only export a single component from the code example module(we found "+t.length+": "+t.join(", ")+").Is it possible to create a new code example with the extra components?";return t[0]},n.prototype.getComponentSelector=function(e,n){return n.find((function(n){return n.rawContents.indexOf(e)>-1})).rawContents.replace(/\s/g,"").split("selector:'")[1].split("'")[0]},n=O([t.Injectable()],n)}(),q=function(){function e(e,n){this.editorService=e,this.sourceCodeService=n,this.codeExamples=[]}return Object.defineProperty(e.prototype,"packageDependencies",{get:function(){return this._packageDependencies||{}},set:function(e){this._packageDependencies=e},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){var e=this;this.codeExampleComponents.forEach((function(n){var t=n.sourceCodePath;"/"!==t.slice(-1)&&(t+="/");var o=e.sourceCodeService.getSourceCode(t);o.length?e.codeExamples.push({heading:n.heading,packageDependencies:e.packageDependencies,sourceCode:o,theme:n.theme}):console.warn('Source code not found at location "'+t+'" for "'+n.heading+'"!')}))},e.prototype.launchEditor=function(e){this.editorService.launchEditor(e)},e.prototype.parseCodeLanguageType=function(e){var n=e.split(".").pop().toLowerCase();switch(n){case"ts":return"typescript";case"html":return"markup";default:return n}},e.ctorParameters=function(){return[{type:_},{type:B}]},O([t.Input()],e.prototype,"packageDependencies",null),O([t.ContentChildren(U)],e.prototype,"codeExampleComponents",void 0),e=O([t.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:t.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}"]})],e)}(),z=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,s.SkyCodeBlockModule,H,R,r.SkyIconModule,a.SkyRepeaterModule,c.SkyVerticalTabsetModule],declarations:[U,q],exports:[U,q],providers:[_]})],e)}(),W=function(){function e(e){this.changeDetector=e,this.disabled=!1,this.selectionChange=new l.Subject,this.initialState={}}return Object.defineProperty(e.prototype,"checked",{get:function(){return this._checked||!1},set:function(e){void 0!==e&&void 0===this._checked&&(this.initialState.checked=e),this._checked=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;setTimeout((function(){e.initialState.checked=e.checked,e.notifyChange()}))},e.prototype.ngOnDestroy=function(){this.selectionChange.complete()},e.prototype.onModelChange=function(){this.notifyChange()},e.prototype.resetState=function(){this.initialState.checked!==this.checked&&(this.checked=!!this.initialState.checked,this.notifyChange(),this.changeDetector.markForCheck())},e.prototype.notifyChange=function(){var e;this.selectionChange.next(((e={})[this.propertyName]=this.checked,e))},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},O([t.Input()],e.prototype,"checked",null),O([t.Input()],e.prototype,"disabled",void 0),O([t.Input()],e.prototype,"label",void 0),O([t.Input()],e.prototype,"propertyName",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush})],e)}(),$=function(){function e(e){this.changeDetector=e,this.disabled=!1,this.selectionChange=new l.Subject}return e.prototype.ngOnInit=function(){this.value=this.cloneValue(this.initialValue)},e.prototype.ngOnDestroy=function(){this.selectionChange.complete()},e.prototype.onModelChange=function(e){var n;this.value=e,this.selectionChange.next(((n={})[this.propertyName]=this.value,n))},e.prototype.resetValue=function(){this.value=this.cloneValue(this.initialValue),this.changeDetector.markForCheck()},e.prototype.cloneValue=function(e){return"object"==typeof e?JSON.parse(JSON.stringify(e)):e},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},O([t.Input()],e.prototype,"choices",void 0),O([t.Input()],e.prototype,"disabled",void 0),O([t.Input()],e.prototype,"heading",void 0),O([t.Input()],e.prototype,"initialValue",void 0),O([t.Input()],e.prototype,"propertyName",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:[".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}"]})],e)}(),G=function(){function e(){this.supportsTheming=new l.BehaviorSubject(!1),this.themeSettings=new l.BehaviorSubject(void 0)}return e=O([t.Injectable()],e)}(),K=function(){function e(e){this.demoThemeSvc=e,this.reset=new t.EventEmitter,this.selectionChange=new t.EventEmitter,this.ngUnsubscribe=new l.Subject}return e.prototype.ngAfterContentInit=function(){var e=this;this.addEventListeners(),l.merge(this.checkboxes.changes,this.radioGroups.changes).pipe(u.takeUntil(this.ngUnsubscribe)).subscribe((function(){e.addEventListeners()}))},e.prototype.ngOnDestroy=function(){this.reset.complete(),this.selectionChange.complete(),this.ngUnsubscribe.next(),this.ngUnsubscribe.complete()},e.prototype.onResetButtonClick=function(){this.radioGroups.forEach((function(e){e.resetValue()})),this.checkboxes.forEach((function(e){e.resetState()})),this.reset.emit()},e.prototype.onThemeSettingsChange=function(e){this.demoThemeSvc.themeSettings.next(e)},e.prototype.addEventListeners=function(){var e=this;this.eventListeners&&this.eventListeners.unsubscribe(),this.eventListeners=l.merge.apply(void 0,function(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(E(arguments[n]));return e}(this.checkboxes.map((function(e){return e.selectionChange})),this.radioGroups.map((function(e){return e.selectionChange})))).pipe(u.takeUntil(this.ngUnsubscribe)).subscribe((function(n){e.selectionChange.next(n)}))},e.ctorParameters=function(){return[{type:G}]},O([t.Output()],e.prototype,"reset",void 0),O([t.Output()],e.prototype,"selectionChange",void 0),O([t.ContentChildren($,{descendants:!0})],e.prototype,"radioGroups",void 0),O([t.ContentChildren(W,{descendants:!0})],e.prototype,"checkboxes",void 0),e=O([t.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:t.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}"]})],e)}(),Y=function(){function e(e){this.demoThemeSvc=e,this.areOptionsVisible=!1}return Object.defineProperty(e.prototype,"alignContents",{get:function(){return this._alignContents||"left"},set:function(e){this._alignContents=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"supportsTheming",{set:function(e){this.demoThemeSvc.supportsTheming.next(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasOptions",{get:function(){return this.supportsTheming||this.controlPanels&&this.controlPanels.length>0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"toggleOptionsButtonIcon",{get:function(){return this.areOptionsVisible?"chevron-up":"chevron-down"},enumerable:!0,configurable:!0}),e.prototype.onToggleOptionsButtonClick=function(){this.areOptionsVisible=!this.areOptionsVisible},e.ctorParameters=function(){return[{type:G}]},O([t.Input()],e.prototype,"alignContents",null),O([t.Input()],e.prototype,"heading",void 0),O([t.Input()],e.prototype,"supportsTheming",null),O([t.ContentChildren(K,{read:t.ElementRef})],e.prototype,"controlPanels",void 0),e=O([t.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:[G],changeDetection:t.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}"]})],e)}(),Q=function(){function e(){}return e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:[".sky-demo-control-panel-section{padding-right:20px}"]})],e)}(),X=function(){function e(e,n){var o=this;this.changeDetector=e,this.themeSvc=n,this.themeSettingsChange=new t.EventEmitter,this.ngUnsubscribe=new l.Subject,this._mode="light",this._theme="default",this.themeSvc&&this.themeSvc.settingsChange.pipe(u.takeUntil(this.ngUnsubscribe)).subscribe((function(e){e.currentSettings.theme.name!==o.theme&&(o.theme=e.currentSettings.theme.name),e.currentSettings.mode.name!==o.mode&&(o.mode=e.currentSettings.mode.name),o.changeDetector.markForCheck()}))}return Object.defineProperty(e.prototype,"mode",{get:function(){return this._mode},set:function(e){this._mode=e,this.updateTheme()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"theme",{get:function(){return this._theme},set:function(e){this._theme=e,this.updateModesForTheme(),this.updateTheme()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.themeOptions=Object.keys(p.SkyTheme.presets).map((function(n){return e.createRadioItem(n)})),this.updateModesForTheme(),this.updateTheme()},e.prototype.ngOnDestroy=function(){this.ngUnsubscribe.next(),this.ngUnsubscribe.complete()},e.prototype.updateModesForTheme=function(){var e=this,n=this.getThemeByName(this.theme);this.modeOptions=n.supportedModes.map((function(n){return e.createRadioItem(n.name)})),this.modeOptions.some((function(n){return n.value===e.mode}))||(this.mode=this.modeOptions[0].value)},e.prototype.createRadioItem=function(e){return{label:this.capitalize(e),value:e}},e.prototype.capitalize=function(e){return e.charAt(0).toUpperCase()+e.substr(1)},e.prototype.getThemeSettings=function(){return new p.SkyThemeSettings(this.getThemeByName(this.theme),this.getModeByName(this.mode))},e.prototype.getThemeByName=function(e){return p.SkyTheme.presets[e]},e.prototype.getModeByName=function(e){return p.SkyThemeMode.presets[e]},e.prototype.updateTheme=function(){this.themeSettingsChange.emit(this.getThemeSettings())},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:p.SkyThemeService,decorators:[{type:t.Optional}]}]},O([t.Output()],e.prototype,"themeSettingsChange",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:["ul{margin:0}"]}),M(1,t.Optional())],e)}(),J=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,g.FormsModule,y.SkyCheckboxModule,R,r.SkyIconModule,y.SkyRadioModule,h.SkyRestrictedViewModule,p.SkyThemeModule],declarations:[Y,W,K,$,Q,X],exports:[Y,W,K,$,Q,X]})],e)}(),Z=function(){function e(){this.headingLevel="2"}return O([t.Input()],e.prototype,"anchorId",void 0),O([t.Input()],e.prototype,"headingLevel",void 0),e=O([t.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:t.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}']})],e)}(),ee=function(){function e(){}return e=O([t.NgModule({declarations:[Z],imports:[n.CommonModule,k.RouterModule,r.SkyIconModule],exports:[Z]})],e)}(),ne=function(){function e(){}return e.prototype.transform=function(e){return e?b(e):""},e=O([t.Pipe({name:"skyDocsMarkdown"})],e)}(),te=function(){function e(){}return e=O([t.NgModule({declarations:[ne],providers:[ne],exports:[ne]})],e)}(),oe=function(){},ie=function(){function e(e){this.options=e}return Object.defineProperty(e.prototype,"gitRepoUrl",{get:function(){return this._gitRepoUrl||this.options&&this.options.gitRepoUrl},set:function(e){this._gitRepoUrl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"packageName",{get:function(){return this._packageName||this.options&&this.options.packageName},set:function(e){this._packageName=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"packageUrl",{get:function(){return this._packageUrl?this._packageUrl:this.packageName?"https://npmjs.org/package/"+this.packageName:""},set:function(e){this._packageUrl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"externalLinks",{get:function(){var e=[];return this.packageName&&e.push({url:this.packageUrl,label:"View in NPM"}),this.gitRepoUrl&&e.push({url:this.gitRepoUrl,label:"View in GitHub"}),e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"installationCommand",{get:function(){return this.packageName?"npm install --save-exact "+this.packageName:""},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:oe,decorators:[{type:t.Optional}]}]},O([t.Input()],e.prototype,"gitRepoUrl",null),O([t.Input()],e.prototype,"moduleName",void 0),O([t.Input()],e.prototype,"packageName",null),O([t.Input()],e.prototype,"packageUrl",null),e=O([t.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:t.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}"]}),M(0,t.Optional())],e)}(),se=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,s.SkyCodeModule,v.SkyClipboardModule,i.SkyDefinitionListModule,r.SkyHelpInlineModule,x.SkyPopoverModule],declarations:[ie],exports:[ie]})],e)}(),re=function(){function e(e){this.domSanitizer=e}return e.prototype.getTrustedHtml=function(e){return this.domSanitizer.bypassSecurityTrustHtml(e)},e.ctorParameters=function(){return[{type:C.DomSanitizer}]},O([t.Input()],e.prototype,"innerHtml",void 0),e=O([t.Component({selector:"sky-docs-safe-html",template:'<div\n  class="sky-docs-safe-html"\n  [innerHtml]="getTrustedHtml(innerHtml)"\n></div>',changeDetection:t.ChangeDetectionStrategy.OnPush})],e)}(),ae=function(){function e(){}return e=O([t.NgModule({declarations:[re],imports:[n.CommonModule],exports:[re]})],e)}(),ce=function(){function e(){}return e=O([t.Injectable()],e)}();var de=function(){function e(e){this.anchorIds=e.anchorIds}return e.prototype.applyTypeAnchorLinks=function(e,n){var t=this;return this.anchorIds&&e?(n||(n={applyCodeFormatting:!0}),e=this.removeDoubleSquareBrackets(e),Object.keys(this.anchorIds).forEach((function(o){var i;e=t.removeBackticks(o,e);var s=0,r=new RegExp("(^|[^a-zA-Z0-9>.[/])("+o+")(\\.\\w+)?(?=[^a-zA-Z0-9<]+|$)","g");do{if(i=r.exec(e)){var a='<a class="sky-docs-anchor-link" href="#'+t.anchorIds[o]+'">'+o+"</a>",c=i[3]?i[3]:"",d=void 0;d=n.applyCodeFormatting?"<code>"+a+c+"</code>":a+c;var p=i[0].substr(0,o.length)===o,l=p?i.index:i.index+1,u=p?i[0].length:i[0].length-1,m=e.substr(0,l)+d+e.substr(l+u);e=m,s++}}while(null!==i&&s<100)})),e):e},e.prototype.removeDoubleSquareBrackets=function(e){var n=e.match(/\[\[.*\]\]/);if(n){var t=n[0].replace(/\[\[/g,"").replace(/\]\]/g,"");e=e.replace(n[0],t)}return e},e.prototype.removeBackticks=function(e,n){var t=new RegExp("`("+e+")`","g");return n.replace(t,e)},e.ctorParameters=function(){return[{type:ce}]},e=O([t.Injectable()],e)}(),pe=function(){function e(){}return e.prototype.getInterfaceSourceCode=function(e){var n=this.getFormattedTypeParameters(e.typeParameters),t="interface "+e.name+n+" {";return t+=this.getFormattedInterfaceProperties(e,{escapeSpecialCharacters:!1}),t+="\n}"},e.prototype.getMethodSourceCode=function(e){var n=this,t={escapeSpecialCharacters:!1},o=this.getFormattedTypeArguments(e.type,t),i=e.type.callSignature,s=this.getFormattedType(i.returnType,t),r="";return i.parameters&&(r+=i.parameters.map((function(e){return n.getFormattedParameterName(e,t)})).join(", ")),"public "+e.name+o+"("+r+"): "+s},e.prototype.getTypeAliasSourceCode=function(e){var n=this.getFormattedTypeParameters(e.typeParameters),t="type "+e.name+n+" = ";if(e.type.callSignature)t+=this.getFormattedCallSignature(e.type.callSignature,{escapeSpecialCharacters:!1});else if(e.type.indexSignature){var o=e.type.indexSignature,i=this.getFormattedType(o.type,{escapeSpecialCharacters:!1});t+="{\n  ["+o.key.name+": string]: "+i+";\n}"}else"union"===e.type.type&&(t+=this.getFormattedUnion(e.type,{escapeSpecialCharacters:!1}));return t},e.prototype.getFormattedParameterName=function(e,n){void 0===n&&(n={escapeSpecialCharacters:!0});var t=e.isOptional?"?":"",o=this.getFormattedType(e.type,n),i=""+e.name+t+": "+o;return n.escapeSpecialCharacters&&(i=this.escapeSpecialCharacters(i)),i},e.prototype.getFormattedPropertyName=function(e){var n,t,o="";(null===(n=e.decorator)||void 0===n?void 0:n.name)&&(o+="@"+e.decorator.name+"()<br>");var i,s=null===(t=e.type)||void 0===t?void 0:t.indexSignature;return i=s?"["+s.key.name+": "+this.getFormattedType(s.key.type)+"]":e.name,void 0!==e.deprecationWarning?o+="<strike>"+i+"</strike>":o+=i,e.isOptional&&!s&&(o+="?"),s?o+=": "+this.getFormattedType(s.type):e.type&&(o+=": "+this.getFormattedType(e.type)),o},e.prototype.getFormattedMethodName=function(e){var n="";return void 0!==e.deprecationWarning?n+="<strike>"+e.name+"</strike>":n+=e.name,n+"()"},e.prototype.getFormattedType=function(e,n){void 0===n&&(n={escapeSpecialCharacters:!0});var t="any";if(!e)return t;if(e.callSignature)return this.getFormattedCallSignature(e.callSignature,n);if(e.unionTypes)return this.getFormattedUnion(e,n);(e.name&&(t=e.name),e.typeArguments&&(t+=this.getFormattedTypeArguments(e,n)),"array"===e.type&&(t+="[]"),e.typeLiteral)&&(t="{"+this.getFormattedInterfaceProperties(e.typeLiteral,n).replace(/\n/g," ").replace(/\s\s+/g," ")+" }");return n.escapeSpecialCharacters?this.escapeSpecialCharacters(t):t},e.prototype.escapeSpecialCharacters=function(e){return e.replace(/</g,"&lt;").replace(/>/g,"&gt;")},e.prototype.getFormattedCallSignature=function(e,n){var t=this;void 0===n&&(n={escapeSpecialCharacters:!0});var o=this.getFormattedType(e.returnType,n);return e.parameters?"("+e.parameters.map((function(e){return t.getFormattedParameterName(e,n)})).join(", ")+") => "+o:"() => "+o},e.prototype.getFormattedUnion=function(e,n){var t=this;return e.unionTypes.map((function(e){return t.getFormattedType(e,n)})).join(" | ")},e.prototype.getFormattedTypeArguments=function(e,n){var t=this;return e.typeArguments?"<"+e.typeArguments.map((function(e){return"array"===e.type?e.name+"[]":e.unionTypes?t.getFormattedUnion(e,n):e.name})).join(", ")+">":""},e.prototype.getFormattedTypeParameters=function(e){return e?"<"+e.map((function(e){var n=e.name;return e.type&&"reference"===e.type.type&&(n+=" extends "+e.type.name),n})).join(", ")+">":""},e.prototype.getFormattedInterfaceProperties=function(e,n){var t=this,o="";return e.properties.forEach((function(e){var i,s=e.type.indexSignature,r=e.isOptional&&!s?"?":"",a=t.getFormattedType(e.type,n);i=s?"["+s.key.name+": string]":e.name,o+="\n  "+i+r+": "+a+";"})),o},e=O([t.Injectable()],e)}(),le=function(){function e(e){this.formatService=e}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.updateView=function(){var e,n,t,o=this;this.parameters=null===(n=null===(e=this.config)||void 0===e?void 0:e.parameters)||void 0===n?void 0:n.map((function(e){return{defaultValue:e.defaultValue,description:e.description,formattedName:o.formatService.getFormattedParameterName(e),isOptional:e.isOptional}})),this.returnTypeFormatted=this.formatService.getFormattedType(null===(t=this.config)||void 0===t?void 0:t.returnType)},e.ctorParameters=function(){return[{type:pe}]},O([t.Input()],e.prototype,"config",null),e=O([t.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:t.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}']})],e)}(),ue=function(){function e(){}return O([t.Input()],e.prototype,"config",void 0),e=O([t.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:t.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}']})],e)}(),me=function(){function e(){}return O([t.Input()],e.prototype,"config",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush})],e)}(),ge=function(){function e(e){this.formatService=e}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.updateView=function(){this.sourceCode=this.config?this.formatService.getInterfaceSourceCode(this.config):void 0},e.ctorParameters=function(){return[{type:pe}]},O([t.Input()],e.prototype,"config",null),e=O([t.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:t.ChangeDetectionStrategy.OnPush})],e)}(),ye=function(){function e(e,n,t){this.changeDetector=e,this.formatService=n,this.mediaQueryService=t,this.deprecationWarningPrefix='<span class="sky-text-warning"></span>**Deprecated.** ',this.isMobile=!0}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config||{}},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.mediaQueryService.subscribe((function(n){e.isMobile=n<=S.SkyMediaBreakpoints.sm,e.changeDetector.markForCheck()}))},e.prototype.updateView=function(){var e,n,t=this;this.methods=null===(n=null===(e=this.config)||void 0===e?void 0:e.methods)||void 0===n?void 0:n.map((function(e){return{callSignature:e.type.callSignature,codeExample:e.codeExample,codeExampleLanguage:e.codeExampleLanguage,deprecationWarning:e.deprecationWarning,description:e.description,formattedName:t.formatService.getFormattedMethodName(e),sourceCode:t.formatService.getMethodSourceCode(e)}}))},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:pe},{type:S.SkyMediaQueryService}]},O([t.Input()],e.prototype,"config",null),e=O([t.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:t.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}"]})],e)}(),he=function(){function e(){}return O([t.Input()],e.prototype,"config",void 0),e=O([t.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:t.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}']})],e)}(),fe=function(){function e(e,n,t){this.changeDetector=e,this.formatService=n,this.mediaQueryService=t,this.propertyType="Property",this.showOptionalStatus=!0,this.deprecationWarningPrefix='<span class="sky-text-warning"></span>**Deprecated.** ',this.isMobile=!0,this.properties=[]}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config||{}},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.mediaQueryService.subscribe((function(n){e.isMobile=n<=S.SkyMediaBreakpoints.sm,e.changeDetector.markForCheck()}))},e.prototype.updateView=function(){var e,n,t=this;this.properties=null===(n=null===(e=this.config)||void 0===e?void 0:e.properties)||void 0===n?void 0:n.map((function(e){var n;return{callSignature:null===(n=e.type)||void 0===n?void 0:n.callSignature,defaultValue:t.formatService.escapeSpecialCharacters(e.defaultValue||""),deprecationWarning:e.deprecationWarning,description:e.description,formattedName:t.formatService.getFormattedPropertyName(e),isOptional:e.isOptional}}))},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:pe},{type:S.SkyMediaQueryService}]},O([t.Input()],e.prototype,"config",null),O([t.Input()],e.prototype,"propertyType",void 0),O([t.Input()],e.prototype,"showOptionalStatus",void 0),e=O([t.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:t.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}"]})],e)}(),ke=function(){function e(){}return O([t.Input()],e.prototype,"config",void 0),e=O([t.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:t.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}']})],e)}(),be=function(){function e(e){this.formatService=e}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.updateView=function(){this.sourceCode=this.config?this.formatService.getTypeAliasSourceCode(this.config):void 0},e.ctorParameters=function(){return[{type:pe}]},O([t.Input()],e.prototype,"config",null),e=O([t.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:t.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}']})],e)}(),ve=function(){function e(e){this.typeDefinitionsProvider=e}return e.prototype.toClassDefinition=function(e){var n={anchorId:this.getAnchorId(e),name:e.name},t=this.getCommentTags(e.comment);this.applyCommentTagValues(n,t);var o=this.getClassMethods(e);o.length&&(n.methods=o);var i=this.getClassProperties(e);return i.length&&(n.properties=i),n},e.prototype.toDirectiveDefinition=function(e){var n={anchorId:this.getAnchorId(e),name:e.name,selector:this.getSelector(e)},t=this.getCommentTags(e.comment);this.applyCommentTagValues(n,t);var o=this.getClassProperties(e),i=o.filter((function(e){var n;return"Output"===(null===(n=e.decorator)||void 0===n?void 0:n.name)}));i.length&&(n.eventProperties=i);var s=o.filter((function(e){var n;return"Input"===(null===(n=e.decorator)||void 0===n?void 0:n.name)}));return s.length&&(n.inputProperties=s),n},e.prototype.toEnumerationDefinition=function(e){var n=this.getEnumerationMembers(e),t={anchorId:this.getAnchorId(e),members:n,name:e.name},o=this.getCommentTags(e.comment);return this.applyCommentTagValues(t,o),t},e.prototype.toInterfaceDefinition=function(e){var n=this.getInterfaceProperties(e),t={anchorId:this.getAnchorId(e),name:e.name,properties:n},o=this.getCommentTags(e.comment);this.applyCommentTagValues(t,o);var i=this.getTypeParameterDefinitions(e.typeParameter);return i.length&&(t.typeParameters=i),t},e.prototype.toPipeDefinition=function(e){var n=this.getClassMethods(e).find((function(e){return"transform"===e.name})),t={anchorId:this.getAnchorId(e),name:e.name,transformMethod:n},o=this.getCommentTags(e.comment);return this.applyCommentTagValues(t,o),t},e.prototype.toTypeAliasDefinition=function(e){var n={anchorId:this.getAnchorId(e),name:e.name,type:this.getTypeDefinition({comment:e.comment,type:e.type})},t=this.getCommentTags(e.comment);this.applyCommentTagValues(n,t);var o=this.getTypeParameterDefinitions(e.typeParameter);return o.length&&(n.typeParameters=o),n},e.prototype.getSelector=function(e){var n=e.decorators[0].arguments.obj;return n.indexOf("selector: `")>-1?n.split("selector: `")[1].split("`")[0].replace(/\s\s+/g," "):n.split("selector: '")[1].split("'")[0]},e.prototype.getClassProperties=function(e){var n=this;if(!e.children)return[];var t=e.children.filter((function(e){return"Property"===e.kindString||"Accessor"===e.kindString})).map((function(e){var t=n.getCommentTags(e.comment),o={isOptional:!t.extras.required,name:n.getPropertyName(e),type:n.getTypeDefinition(e)};n.applyCommentTagValues(o,t);var i=n.getDecorator(e);i&&(o.decorator=i);var s=n.getDefaultValue(e,t);return s&&(o.defaultValue=s),o}));return T(t,["isOptional","name"],["asc","asc"])},e.prototype.getClassMethods=function(e){var n=this;if(!e.children)return[];var t=e.children.filter((function(e){return"Method"===e.kindString&&!1===/^ng/.test(e.name)})).map((function(e){var t={name:n.getPropertyName(e),type:n.getTypeDefinition(e)},o=e.signatures[0].comment,i=n.getCommentTags(o);n.applyCommentTagValues(t,i);var s=n.getTypeParameterDefinitions(e.signatures[0].typeParameter);return s.length&&(t.typeParameters=s),t}));return T(t,["name"],["asc"])},e.prototype.getInterfaceProperties=function(e){var n,t=this;if(!e.children&&!e.indexSignature)return[];var o=(null===(n=e.children)||void 0===n?void 0:n.map((function(e){var n,o=t.getCommentTags(e.comment),i={isOptional:!o.extras.required&&!!(null===(n=e.flags)||void 0===n?void 0:n.isOptional),name:t.getPropertyName(e),type:t.getTypeDefinition(e)};return t.applyCommentTagValues(i,o),i})))||[],i=T(o,["isOptional","name"],["asc","asc"]);if(e.indexSignature){var s=e.indexSignature[0],r={isOptional:!0,name:s.name,type:{indexSignature:this.getIndexSignatureDefinition(s)}},a=this.getCommentTags(s.comment);this.applyCommentTagValues(r,a),i.push(r)}return i},e.prototype.getEnumerationMembers=function(e){var n=this;return e.children?e.children.map((function(e){var t={name:e.name},o=n.getCommentTags(e.comment);return n.applyCommentTagValues(t,o),t})):[]},e.prototype.getTypeDefinition=function(e){var n,t,o=this;switch(e.kindString){case"Accessor":return e.setSignature?this.getTypeDefinition(e.setSignature[0].parameters[0]):this.getTypeDefinition(e.getSignature[0]);case"Method":return t={callSignature:this.getCallSignatureDefinition(e.signatures[0],this.getCommentTags(e.comment)),name:e.signatures[0].name};default:var i=e.type.name||(null===(n=e.type.elementType)||void 0===n?void 0:n.name)||e.type.value;if(t={type:e.type.type},i&&(t.name=i),e.type.types&&(t.unionTypes=e.type.types.map((function(e){return o.getTypeDefinition({type:e})}))),"reflection"===e.type.type){var s=e.type.declaration;if(s)if(s.signatures)t.callSignature=this.getCallSignatureDefinition(s.signatures[0],this.getCommentTags(e.comment));else if(s.indexSignature){var r=s.indexSignature[0];t.indexSignature=this.getIndexSignatureDefinition(r)}else s.children&&(t.typeLiteral={properties:this.getInterfaceProperties({children:s.children})})}return"typeOperator"===e.type.type&&(t.name=e.type.operator+" "+e.type.target.name),e.type.typeArguments&&(t.typeArguments=this.getTypeArgumentDefinitions(e.type)),t}},e.prototype.getParameterDefinitions=function(e,n){var t=this;return e.parameters?e.parameters.map((function(e){var o,i=t.getParameterCommentTags(e,n),s=t.getDefaultValue(e,i),r=t.getTypeArgumentDefinitions(e.type),a={isOptional:!(!s&&!(null===(o=e.flags)||void 0===o?void 0:o.isOptional)),name:e.name,type:t.getTypeDefinition(e)};return void 0!==s&&(a.defaultValue=s),i.description&&(a.description=i.description),r.length&&(a.typeArguments=r),a})):[]},e.prototype.getTypeArgumentDefinitions=function(e){var n=this;return e&&e.typeArguments?e.typeArguments.map((function(e){return n.getTypeDefinition({type:e})})):[]},e.prototype.getCallSignatureDefinition=function(e,n){var t={returnType:this.getTypeDefinition(e)},o=this.getParameterDefinitions(e,n);return o.length&&(t.parameters=o),t},e.prototype.getIndexSignatureDefinition=function(e){return{key:{name:e.parameters[0].name,type:this.getTypeDefinition(e.parameters[0])},type:this.getTypeDefinition(e)}},e.prototype.getTypeParameterDefinitions=function(e){var n=this;return e?e.map((function(e){var t={name:e.name};return e.type&&(t.type=n.getTypeDefinition({type:e.type})),t})):[]},e.prototype.getCommentTags=function(e){var n,t,o,i,s="markup",r="",a={};return e&&(e.tags&&e.tags.forEach((function(e){switch(e.tag){case"deprecated":t=e.text.trim();break;case"default":case"defaultValue":o=e.text.trim();break;case"example":var r=(n=e.text.trim().split("```")[1].trim()).split("\n")[0];"markup"!==r&&"typescript"!==r||(n=n.slice(r.length).trim(),s=r);break;case"param":(i=i||[]).push({name:e.param,description:e.text.trim()});break;default:a[e.tag]=e.text}})),r=(e.shortText||e.text||"").trim()),{codeExample:n,codeExampleLanguage:s,defaultValue:o,deprecationWarning:t,description:r,extras:a,parameters:i}},e.prototype.getParameterCommentTags=function(e,n){var t=this.getCommentTags(e.comment),o=n.parameters,i=o?o.find((function(n){return n.name===e.name})):void 0;return i&&i.description?P(P({},t),{description:i.description}):t},e.prototype.applyCommentTagValues=function(e,n){n.codeExample&&(e.codeExample=n.codeExample,e.codeExampleLanguage=n.codeExampleLanguage),void 0!==n.deprecationWarning&&(e.deprecationWarning=n.deprecationWarning),n.description&&(e.description=n.description)},e.prototype.getDecorator=function(e){var n=e.decorators&&e.decorators[0]&&e.decorators[0].name;if(n)return{name:n}},e.prototype.getPropertyName=function(e){var n,t=e.decorators&&e.decorators[0];return(null===(n=null==t?void 0:t.arguments)||void 0===n?void 0:n.bindingPropertyName)?t.arguments.bindingPropertyName.replace(/(\'|\")/g,""):e.name},e.prototype.getDefaultValue=function(e,n){return n.defaultValue||e.defaultValue||void 0},e.prototype.getAnchorId=function(e){var n;return e.anchorId||(null===(n=this.typeDefinitionsProvider)||void 0===n?void 0:n.anchorIds[e.name])||""},e.ctorParameters=function(){return[{type:ce,decorators:[{type:t.Optional}]}]},e=O([t.Injectable(),M(0,t.Optional())],e)}(),xe=function(){function e(e,n){this.typeDefinitionsProvider=e,this.adapter=n}return e.prototype.getTypeDefinitions=function(e){var n=this;if("/"!==e.charAt(e.length-1))throw new Error("The source code path must end with a forward slash (`/`).");var t=this.typeDefinitionsProvider.typeDefinitions,o=e.replace(/src\/app\/public\//,"").replace(/^\//,""),i={classes:[],components:[],directives:[],enumerations:[],interfaces:[],pipes:[],services:[],typeAliases:[]};if(!t)return console.warn("No types were found for this project!"),i;var s=t.filter((function(e){return e.sources[0].fileName.match(o)}));return 0===s.length&&console.warn("Type definitions were not found for location: "+o),s.forEach((function(e){var t=e.decorators&&e.decorators[0].name,o=e.kindString;switch(t){case"Component":i.components.push(n.adapter.toDirectiveDefinition(e));break;case"Directive":i.directives.push(n.adapter.toDirectiveDefinition(e));break;case"Injectable":i.services.push(n.adapter.toClassDefinition(e));break;case"NgModule":break;case"Pipe":i.pipes.push(n.adapter.toPipeDefinition(e));break;default:switch(o){case"Class":i.classes.push(n.adapter.toClassDefinition(e));break;case"Interface":i.interfaces.push(n.adapter.toInterfaceDefinition(e));break;case"Enumeration":i.enumerations.push(n.adapter.toEnumerationDefinition(e));break;case"Type alias":i.typeAliases.push(n.adapter.toTypeAliasDefinition(e))}}})),i},e.ctorParameters=function(){return[{type:ce},{type:ve}]},e=O([t.Injectable()],e)}(),Se=function(){function e(e){this.anchorLinkService=e}return e.prototype.transform=function(e,n){var t={applyCodeFormatting:"no-code-tags"!==n};return this.anchorLinkService.applyTypeAnchorLinks(e,t)},e.ctorParameters=function(){return[{type:de}]},e=O([t.Pipe({name:"skyDocsTypeAnchorLinks",pure:!0})],e)}(),Ce=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,k.RouterModule,s.SkyCodeBlockModule,s.SkyCodeModule,i.SkyDefinitionListModule,ee,te,ae,r.SkyIconModule,S.SkyMediaQueryModule],declarations:[le,ke,ue,me,ge,ye,he,fe,be,Se],exports:[le,ke,ue,me,ge,ye,he,fe,be,Se],providers:[de,Se,pe,ce,xe,ve]})],e)}(),Te=function(){function e(){}return Object.defineProperty(e.prototype,"anchorId",{get:function(){return"section-"+this.getSanitizedName(this.heading)},enumerable:!0,configurable:!0}),e.prototype.getSanitizedName=function(e){if(e)return e.toLowerCase().replace(/[\_\~\`\@\!\#\$\%\^\&\*\(\)\[\]\{\}\;\:\'\/\\\<\>\,\.\?\=\+\|"]/g,"").replace(/\s/g,"-").replace(/--/g,"-")},O([t.Input()],e.prototype,"heading",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:[".sky-docs-demo-page-section{margin-bottom:50px}"]})],e)}(),Ie=function(){function e(){}return e=O([t.Component({selector:"sky-docs-demo-page-summary",template:'<div class="sky-docs-demo-page-summary">\n  <ng-content></ng-content>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".sky-docs-demo-page-summary{margin-bottom:20px}"]})],e)}(),De=function(){function e(e){this.title=e}return e.prototype.setTitle=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var t="SKY UX";e&&e.length>0&&(e.push(t),t=e.join(" - ")),this.title.setTitle(t)},e.ctorParameters=function(){return[{type:C.Title}]},e=O([t.Injectable()],e)}(),we=function(){function e(){}return e=O([t.Component({selector:"sky-docs-design-guidelines",template:'<div class="sky-docs-design-guidelines">\n  <ng-content></ng-content>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush})],e)}(),Pe=function(){function e(e){this.http=e}return e.prototype.getComponentsInfo=function(){return this.http.get("https://sky-pusa01.app.blackbaud.net/skysp/v1/docs/components-info").pipe(u.map((function(e){return e.components})),u.share())},e.ctorParameters=function(){return[{type:D.HttpClient}]},e=O([t.Injectable()],e)}(),Oe=function(){function e(e){var n=this;this.windowRef=e,this._anchorLinkClick=new l.Subject,this.eventListener=function(e){e.preventDefault(),n._anchorLinkClick.next({href:e.target.href})}}return Object.defineProperty(e.prototype,"anchorLinks",{get:function(){return document.querySelectorAll("a.sky-docs-anchor-link")},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"currentUrl",{get:function(){return this.windowRef.nativeWindow.location.href.split("#")[0]},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.removeClickEventListeners()},e.prototype.setupAnchorLinks=function(){for(var e=0;e<this.anchorLinks.length;e++){var n=this.anchorLinks[e],t=n.href.split("#")[1],o=this.currentUrl+"#"+t;n.href=o}},Object.defineProperty(e.prototype,"anchorLinkClick",{get:function(){return 0===this._anchorLinkClick.observers.length?this.addClickEventListeners():this.removeClickEventListeners(),this._anchorLinkClick},enumerable:!0,configurable:!0}),e.prototype.scrollToFragment=function(e){var n=this;this.windowRef.nativeWindow.setTimeout((function(){var t=document.getElementById(e);t&&n.windowRef.nativeWindow.scrollTo(0,t.offsetTop)}),250)},e.prototype.addClickEventListeners=function(){var e=this;this.windowRef.nativeWindow.setTimeout((function(){for(var n=0;n<e.anchorLinks.length;n++){e.anchorLinks[n].addEventListener("click",e.eventListener)}}))},e.prototype.removeClickEventListeners=function(){for(var e=0;e<this.anchorLinks.length;e++){this.anchorLinks[e].removeEventListener("click",this.eventListener)}},e.ctorParameters=function(){return[{type:S.SkyAppWindowRef}]},e=O([t.Injectable()],e)}(),Me=function(){function e(e,n,t,o,i,s,r){this.activatedRoute=e,this.changeDetector=n,this.router=t,this.skyAppConfig=o,this.domAdapter=i,this.supportalService=s,this.titleService=r,this.enableCodeExamples=!1,this.enableTabLayout=!1}return e.prototype.ngOnInit=function(){var e=this,n=this.skyAppConfig.skyux.host.url+"/"+this.skyAppConfig.skyux.name;this.updateTitle(),this.supportalService.getComponentsInfo().subscribe((function(t){e.sidebarRoutes=[{name:"Components",path:"https://developer.blackbaud.com/skyux/components",children:t.map((function(t){return{name:t.name,path:e.getPath(t.url,n)}}))}],e.changeDetector.markForCheck()}))},e.prototype.ngAfterContentInit=function(){this.enableCodeExamples=this.codeExampleComponents.length>0,this.enableTabLayout=!!this.designGuidelinesComponent},e.prototype.ngAfterViewInit=function(){var e=this;this.activatedRoute.fragment.subscribe((function(n){e.domAdapter.scrollToFragment(n)})),this.activatedRoute.queryParams.subscribe((function(){e.domAdapter.setupAnchorLinks()})),this.domAdapter.anchorLinkClick.subscribe((function(n){var t=n.href.split("#")[1];e.router.navigate([],{fragment:t,queryParamsHandling:"merge"}),e.activatedRoute.snapshot.fragment===t&&e.domAdapter.scrollToFragment(t)}))},e.prototype.updateTitle=function(){this.pageTitle&&this.titleService.setTitle(this.pageTitle,"Components")},e.prototype.getPath=function(e,n){return e.indexOf(n)>-1?e.replace(n,"").split("?")[0]:e},e.ctorParameters=function(){return[{type:k.ActivatedRoute},{type:t.ChangeDetectorRef},{type:k.Router},{type:I.SkyAppConfig},{type:Oe},{type:Pe},{type:De}]},O([t.Input()],e.prototype,"gitRepoUrl",void 0),O([t.Input()],e.prototype,"moduleName",void 0),O([t.Input()],e.prototype,"moduleSourceCodePath",void 0),O([t.Input()],e.prototype,"packageName",void 0),O([t.Input()],e.prototype,"packageUrl",void 0),O([t.Input()],e.prototype,"pageTitle",void 0),O([t.ContentChild(we)],e.prototype,"designGuidelinesComponent",void 0),O([t.ContentChildren(q)],e.prototype,"codeExampleComponents",void 0),e=O([t.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:[Oe],changeDetection:t.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}"]})],e)}(),Ee=function(){function e(){}return e=O([t.Component({selector:"sky-docs-demo-page-module-info",template:"<ng-content></ng-content>"})],e)}(),Le=function(){function e(e){this.typeDefinitionService=e}return e.prototype.ngOnInit=function(){this.moduleSourceCodePath&&(this.types=this.typeDefinitionService.getTypeDefinitions(this.moduleSourceCodePath))},e.ctorParameters=function(){return[{type:xe}]},O([t.Input()],e.prototype,"moduleSourceCodePath",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush})],e)}(),Ae=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,k.RouterModule,s.SkyCodeBlockModule,s.SkyCodeModule,J,ee,te,se,Ce,c.SkyTabsModule,f.StachePageSummaryModule,f.StacheWrapperModule],declarations:[Me,Ee,Te,Ie,Le],exports:[Me,Ee,Te,Ie,Le],providers:[De]})],e)}(),Ne=function(){function e(){this.showBorder=!1}return O([t.Input()],e.prototype,"caption",void 0),O([t.Input()],e.prototype,"captionType",void 0),O([t.Input()],e.prototype,"imageAlt",void 0),O([t.Input()],e.prototype,"imageSource",void 0),O([t.Input()],e.prototype,"showBorder",void 0),O([t.Input()],e.prototype,"videoSource",void 0),e=O([t.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:t.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}"]})],e)}(),je=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,o.SkyImageModule],exports:[Ne],declarations:[Ne]})],e)}(),Fe=function(){function e(){this.showBorder=!1}return O([t.Input()],e.prototype,"caption",void 0),O([t.Input()],e.prototype,"captionType",void 0),O([t.Input()],e.prototype,"imageAlt",void 0),O([t.Input()],e.prototype,"imageSource",void 0),O([t.Input()],e.prototype,"videoSource",void 0),O([t.Input()],e.prototype,"showBorder",void 0),e=O([t.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:t.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}"]})],e)}(),Re=function(){function e(){this.headingStyle="default",this.hasThumbnails=!1}return Object.defineProperty(e.prototype,"classNames",{get:function(){var e=[];return e.push("sky-text-"+this.headingStyle),e.join(" ")},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){this.hasThumbnails=!!this.thumbnails.length},O([t.Input()],e.prototype,"heading",void 0),O([t.Input()],e.prototype,"headingStyle",void 0),O([t.ContentChildren(Fe)],e.prototype,"thumbnails",void 0),e=O([t.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:t.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}']})],e)}(),Ve=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,je,i.SkyFluidGridModule],declarations:[Re,Fe,we],exports:[Re,Fe,we]})],e)}(),Be=function(){function e(){}return e=O([t.NgModule({exports:[w.SkyAuthHttpClientModule,j,z,J,Ae,Ve],providers:[Pe]})],e)}();e.SkyDocsAnatomyModule=j,e.SkyDocsCodeExamplesModule=z,e.SkyDocsDemoModule=J,e.SkyDocsDemoPageModule=Ae,e.SkyDocsDesignGuidelinesModule=Ve,e.SkyDocsHeadingAnchorModule=ee,e.SkyDocsMarkdownModule=te,e.SkyDocsMarkdownPipe=ne,e.SkyDocsModuleInfoModule=se,e.SkyDocsSourceCodeProvider=V,e.SkyDocsSupportalService=Pe,e.SkyDocsThumbnailModule=je,e.SkyDocsToolsModule=Be,e.SkyDocsToolsOptions=oe,e.SkyDocsTypeDefinitionsModule=Ce,e.SkyDocsTypeDefinitionsProvider=ce,e.SkyDocsTypeDefinitionsService=xe,e.ɵa=N,e.ɵb=A,e.ɵba=ye,e.ɵbb=he,e.ɵbc=fe,e.ɵbd=be,e.ɵbe=Se,e.ɵbf=de,e.ɵbg=ve,e.ɵbh=Me,e.ɵbi=Oe,e.ɵbj=we,e.ɵbk=De,e.ɵbl=Ee,e.ɵbm=Te,e.ɵbn=Ie,e.ɵbo=Le,e.ɵbp=Ne,e.ɵbq=Re,e.ɵbr=Fe,e.ɵc=H,e.ɵd=B,e.ɵe=R,e.ɵf=F,e.ɵg=U,e.ɵh=q,e.ɵi=_,e.ɵj=Y,e.ɵk=G,e.ɵl=K,e.ɵm=$,e.ɵn=W,e.ɵo=Q,e.ɵp=X,e.ɵq=Z,e.ɵr=ie,e.ɵs=ae,e.ɵt=re,e.ɵu=le,e.ɵv=pe,e.ɵw=ke,e.ɵx=ue,e.ɵy=me,e.ɵz=ge,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(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")):"function"==typeof define&&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"],n):n(((e=e||self).skyux=e.skyux||{},e.skyux["docs-tools"]={}),e.ng.common,e.ng.core,e.skyuxLibMedia,e.layout,e.skyuxLibCodeBlock,e.indicators,e.lists,e.tabs,e.i18n,e.theme,e.rxjs,e.rxjs.operators,e.StackBlitzSDK,e.ng.forms,e.forms$1,e.skyuxLibRestrictedView,e.skyuxLibStache,e.ng.router,e.marked,e.skyuxLibClipboard,e.popovers,e.core$1,e.ng.platformBrowser,e.orderBy,e.config,e.ng.common.http,e.http$1)}(this,(function(e,n,t,o,i,s,r,a,c,d,p,l,u,m,g,y,h,f,k,b,v,x,S,C,T,I,D,w){"use strict";m=m&&Object.prototype.hasOwnProperty.call(m,"default")?m.default:m,b=b&&Object.prototype.hasOwnProperty.call(b,"default")?b.default:b,T=T&&Object.prototype.hasOwnProperty.call(T,"default")?T.default:T;var P=function(){return(P=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e}).apply(this,arguments)};function O(e,n,t,o){var i,s=arguments.length,r=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,t,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(s<3?i(r):s>3?i(n,t,r):i(n,t))||r);return s>3&&r&&Object.defineProperty(n,t,r),r}function M(e,n){return function(t,o){n(t,o,e)}}function E(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,i,s=t.call(e),r=[];try{for(;(void 0===n||n-- >0)&&!(o=s.next()).done;)r.push(o.value)}catch(e){i={error:e}}finally{try{o&&!o.done&&(t=s.return)&&t.call(s)}finally{if(i)throw i.error}}return r}var L,A=function(){function e(){this.isOptional=!1}return O([t.Input()],e.prototype,"isOptional",void 0),e=O([t.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:t.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}"]})],e)}(),N=function(){function e(){}return e.prototype.ngAfterContentInit=function(){this.anatomyItems.forEach((function(e,n){e.marker=(n+1).toString()}))},O([t.Input()],e.prototype,"imagePath",void 0),O([t.ContentChildren(A)],e.prototype,"anatomyItems",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:[""]})],e)}(),j=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,i.SkyFluidGridModule,o.SkyImageModule],declarations:[N,A],exports:[N,A]})],e)}(),F=function(){function e(){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"}}}return e.prototype.getString=function(e,n){return d.getStringForLocale(this.resources,e.locale,n)},e=O([t.Injectable()],e)}(),R=function(){function e(){}return e=O([t.NgModule({providers:[{provide:d.SKY_LIB_RESOURCES_PROVIDERS,useClass:F,multi:!0}],exports:[d.SkyI18nModule]})],e)}(),V=function(){function e(){}return e=O([t.Injectable()],e)}(),B=function(){function e(e){this.sourceCodeProvider=e}return e.prototype.getSourceCode=function(e){var n=this.sourceCodeProvider.sourceCode;return n&&n.length?n.filter((function(n){return 0===n.filePath.indexOf(e)})).map((function(e){var n;try{(n=decodeURIComponent(e.rawContents))!==e.rawContents&&(e.rawContents=n)}catch(e){}return e})):[]},e.ctorParameters=function(){return[{type:V}]},e=O([t.Injectable()],e)}(),H=function(){function e(){}return e=O([t.NgModule({providers:[V,B]})],e)}();(L=e.SkyDocsCodeExampleTheme||(e.SkyDocsCodeExampleTheme={})).Default="default",L.Modern="modern";var U=function(){function n(n){var t=this;this.ngUnsubscribe=new l.Subject,!this._theme&&n&&n.settingsChange.pipe(u.takeUntil(this.ngUnsubscribe)).subscribe((function(n){"modern"===n.currentSettings.theme.name?t.theme=e.SkyDocsCodeExampleTheme.Modern:"default"===n.currentSettings.theme.name&&(t.theme=e.SkyDocsCodeExampleTheme.Default)}))}return Object.defineProperty(n.prototype,"theme",{get:function(){return this._theme||e.SkyDocsCodeExampleTheme.Default},set:function(e){this._theme=e},enumerable:!0,configurable:!0}),n.prototype.ngOnDestroy=function(){this.ngUnsubscribe.next(),this.ngUnsubscribe.complete()},n.ctorParameters=function(){return[{type:p.SkyThemeService,decorators:[{type:t.Optional}]}]},O([t.Input()],n.prototype,"heading",void 0),O([t.Input()],n.prototype,"sourceCodePath",void 0),O([t.Input()],n.prototype,"theme",null),n=O([t.Component({selector:"sky-docs-code-example",template:"",changeDetection:t.ChangeDetectionStrategy.OnPush}),M(0,t.Optional())],n)}(),_=function(){function n(){}return n.prototype.launchEditor=function(e){var n=this.getPayload(e);m.openProject(n,{})},n.prototype.getPayload=function(e){var n={"@angular/animations":"^9.0.0","@angular/common":"^9.0.0","@angular/compiler":"^9.0.0","@angular/core":"^9.0.0","@angular/forms":"^9.0.0","@angular/platform-browser":"^9.0.0","@angular/platform-browser-dynamic":"^9.0.0","@angular/router":"^9.0.0","@skyux/animations":"^4","@skyux/assets":"^4","@skyux/config":"^4","@skyux/core":"^4","@skyux/errors":"^4","@skyux/forms":"^4","@skyux/http":"^4","@skyux/i18n":"^4","@skyux/indicators":"^4","@skyux/layout":"^4","@skyux/modals":"^4","@skyux/popovers":"^4","@skyux/router":"^4","@skyux/theme":"^4","core-js":"2",rxjs:"^6.0.0","rxjs-compat":"^6.0.0",tslib:"~1.14.1","zone.js":"~0.11.4"},t=Object.assign({},n,e.packageDependencies);for(var o in t){if(t.hasOwnProperty(o))"*"===t[o]&&/^(@blackbaud\/skyux-lib-|@skyux)/.test(o)&&(t[o]="^4")}return{files:this.parseStackBlitzFiles(e.sourceCode,t,e.theme),title:"SKY UX Demo",description:"SKY UX Demo",template:"angular-cli",dependencies:t,settings:{compile:{clearConsole:!1}}}},n.prototype.parseStackBlitzFiles=function(n,t,o){var i=this,s="/**\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 ",r=["import {\n  Component,\n  NgModule\n} from '@angular/core';","import {\n  FormsModule,\n  ReactiveFormsModule\n} from '@angular/forms';","import {\n  platformBrowserDynamic\n} from '@angular/platform-browser-dynamic';","import {\n  BrowserModule\n} from '@angular/platform-browser';","import {\n  RouterModule\n} from '@angular/router';","import {\n  SkyAppLocaleProvider\n} from '@skyux/i18n';","import {\n  SkyThemeService\n} from '@skyux/theme';","import {\n  of as observableOf\n} from 'rxjs';","import {\n  AppComponent\n} from './app.component';"],a=["BrowserModule","FormsModule","ReactiveFormsModule","RouterModule.forRoot([])"],c={},d="";return n.forEach((function(e){if(c["src/app/"+e.fileName]=e.rawContents,e.fileName.indexOf(".module.ts")>-1){var t=i.getModuleName(e.rawContents),o="./"+i.getFilenameNoExtension(e.fileName),s=i.getExportedComponent(e.rawContents),p=i.getComponentSelector(s,n);d+="<"+p+"></"+p+">",a.push(t),r.push("import {\n  "+t+"\n} from '"+o+"';")}})),c["src/app/app.component.ts"]=s+"\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: '"+d+"'\n})\nexport class AppComponent {\n\n  constructor(\n    themeSvc: SkyThemeService,\n    renderer?: Renderer2\n  ) {\n      const themeSettings = new SkyThemeSettings(\n        SkyTheme.presets['"+(o===e.SkyDocsCodeExampleTheme.Modern?"modern":"default")+"'],\n        SkyThemeMode.presets.light\n      );\n\n      themeSvc.init(\n        document.body,\n        renderer,\n        themeSettings\n      );\n  }\n\n}",c["src/app/app.module.ts"]=r.join("\n\n")+"\n\n@NgModule({\n  imports: [\n    "+a.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",c["src/index.html"]='\x3c!--\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--\x3e\n<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />'+(o===e.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>",c["src/main.ts"]=s+"\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",c["src/polyfills.ts"]=s+"\nimport 'core-js/es6/reflect';\nimport 'core-js/es7/reflect';\nimport 'zone.js/dist/zone';\n",c["src/styles.scss"]="@import '~@skyux/theme/css/sky';\n"+(o===e.SkyDocsCodeExampleTheme.Modern?"@import '~@skyux/theme/css/themes/modern/styles';":"")+"\nbody {\n  background-color: #fff;\n  margin: 15px;\n}",c["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}',c["package.json"]=JSON.stringify({dependencies:t},void 0,2),c["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}',c},n.prototype.getModuleName=function(e){return e.split("export class ")[1].split(" {")[0]},n.prototype.getFilenameNoExtension=function(e){var n=e.split(".").pop();return e.replace("."+n,"")},n.prototype.getExportedComponent=function(e){var n=e.replace(/\s/g,"").split("exports:[")[1];if(!n)throw"You must export a component from the code example module!";var t=(n=n.split("]")[0]).split(",");if(t.length>1)throw"You may only export a single component from the code example module(we found "+t.length+": "+t.join(", ")+").Is it possible to create a new code example with the extra components?";return t[0]},n.prototype.getComponentSelector=function(e,n){return n.find((function(n){return n.rawContents.indexOf(e)>-1})).rawContents.replace(/\s/g,"").split("selector:'")[1].split("'")[0]},n=O([t.Injectable()],n)}(),q=function(){function e(e,n){this.editorService=e,this.sourceCodeService=n,this.codeExamples=[]}return Object.defineProperty(e.prototype,"packageDependencies",{get:function(){return this._packageDependencies||{}},set:function(e){this._packageDependencies=e},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){var e=this;this.codeExampleComponents.forEach((function(n){var t=n.sourceCodePath;"/"!==t.slice(-1)&&(t+="/");var o=e.sourceCodeService.getSourceCode(t);o.length?e.codeExamples.push({heading:n.heading,packageDependencies:e.packageDependencies,sourceCode:o,theme:n.theme}):console.warn('Source code not found at location "'+t+'" for "'+n.heading+'"!')}))},e.prototype.launchEditor=function(e){this.editorService.launchEditor(e)},e.prototype.parseCodeLanguageType=function(e){var n=e.split(".").pop().toLowerCase();switch(n){case"ts":return"typescript";case"html":return"markup";default:return n}},e.ctorParameters=function(){return[{type:_},{type:B}]},O([t.Input()],e.prototype,"packageDependencies",null),O([t.ContentChildren(U)],e.prototype,"codeExampleComponents",void 0),e=O([t.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:t.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}"]})],e)}(),z=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,s.SkyCodeBlockModule,H,R,r.SkyIconModule,a.SkyRepeaterModule,c.SkyVerticalTabsetModule],declarations:[U,q],exports:[U,q],providers:[_]})],e)}(),W=function(){function e(e){this.changeDetector=e,this.disabled=!1,this.selectionChange=new l.Subject,this.initialState={}}return Object.defineProperty(e.prototype,"checked",{get:function(){return this._checked||!1},set:function(e){void 0!==e&&void 0===this._checked&&(this.initialState.checked=e),this._checked=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;setTimeout((function(){e.initialState.checked=e.checked,e.notifyChange()}))},e.prototype.ngOnDestroy=function(){this.selectionChange.complete()},e.prototype.onModelChange=function(){this.notifyChange()},e.prototype.resetState=function(){this.initialState.checked!==this.checked&&(this.checked=!!this.initialState.checked,this.notifyChange(),this.changeDetector.markForCheck())},e.prototype.notifyChange=function(){var e;this.selectionChange.next(((e={})[this.propertyName]=this.checked,e))},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},O([t.Input()],e.prototype,"checked",null),O([t.Input()],e.prototype,"disabled",void 0),O([t.Input()],e.prototype,"label",void 0),O([t.Input()],e.prototype,"propertyName",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush})],e)}(),$=function(){function e(e){this.changeDetector=e,this.disabled=!1,this.selectionChange=new l.Subject}return e.prototype.ngOnInit=function(){this.value=this.cloneValue(this.initialValue)},e.prototype.ngOnDestroy=function(){this.selectionChange.complete()},e.prototype.onModelChange=function(e){var n;this.value=e,this.selectionChange.next(((n={})[this.propertyName]=this.value,n))},e.prototype.resetValue=function(){this.value=this.cloneValue(this.initialValue),this.changeDetector.markForCheck()},e.prototype.cloneValue=function(e){return"object"==typeof e?JSON.parse(JSON.stringify(e)):e},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},O([t.Input()],e.prototype,"choices",void 0),O([t.Input()],e.prototype,"disabled",void 0),O([t.Input()],e.prototype,"heading",void 0),O([t.Input()],e.prototype,"initialValue",void 0),O([t.Input()],e.prototype,"propertyName",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:[".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}"]})],e)}(),G=function(){function e(){this.supportsTheming=new l.BehaviorSubject(!1),this.themeSettings=new l.BehaviorSubject(void 0)}return e=O([t.Injectable()],e)}(),K=function(){function e(e){this.demoThemeSvc=e,this.reset=new t.EventEmitter,this.selectionChange=new t.EventEmitter,this.ngUnsubscribe=new l.Subject}return e.prototype.ngAfterContentInit=function(){var e=this;this.addEventListeners(),l.merge(this.checkboxes.changes,this.radioGroups.changes).pipe(u.takeUntil(this.ngUnsubscribe)).subscribe((function(){e.addEventListeners()}))},e.prototype.ngOnDestroy=function(){this.reset.complete(),this.selectionChange.complete(),this.ngUnsubscribe.next(),this.ngUnsubscribe.complete()},e.prototype.onResetButtonClick=function(){this.radioGroups.forEach((function(e){e.resetValue()})),this.checkboxes.forEach((function(e){e.resetState()})),this.reset.emit()},e.prototype.onThemeSettingsChange=function(e){this.demoThemeSvc.themeSettings.next(e)},e.prototype.addEventListeners=function(){var e=this;this.eventListeners&&this.eventListeners.unsubscribe(),this.eventListeners=l.merge.apply(void 0,function(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(E(arguments[n]));return e}(this.checkboxes.map((function(e){return e.selectionChange})),this.radioGroups.map((function(e){return e.selectionChange})))).pipe(u.takeUntil(this.ngUnsubscribe)).subscribe((function(n){e.selectionChange.next(n)}))},e.ctorParameters=function(){return[{type:G}]},O([t.Output()],e.prototype,"reset",void 0),O([t.Output()],e.prototype,"selectionChange",void 0),O([t.ContentChildren($,{descendants:!0})],e.prototype,"radioGroups",void 0),O([t.ContentChildren(W,{descendants:!0})],e.prototype,"checkboxes",void 0),e=O([t.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:t.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}"]})],e)}(),Y=function(){function e(e){this.demoThemeSvc=e,this.areOptionsVisible=!1}return Object.defineProperty(e.prototype,"alignContents",{get:function(){return this._alignContents||"left"},set:function(e){this._alignContents=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"supportsTheming",{set:function(e){this.demoThemeSvc.supportsTheming.next(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasOptions",{get:function(){return this.supportsTheming||this.controlPanels&&this.controlPanels.length>0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"toggleOptionsButtonIcon",{get:function(){return this.areOptionsVisible?"chevron-up":"chevron-down"},enumerable:!0,configurable:!0}),e.prototype.onToggleOptionsButtonClick=function(){this.areOptionsVisible=!this.areOptionsVisible},e.ctorParameters=function(){return[{type:G}]},O([t.Input()],e.prototype,"alignContents",null),O([t.Input()],e.prototype,"heading",void 0),O([t.Input()],e.prototype,"supportsTheming",null),O([t.ContentChildren(K,{read:t.ElementRef})],e.prototype,"controlPanels",void 0),e=O([t.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:[G],changeDetection:t.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}"]})],e)}(),Q=function(){function e(){}return e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:[".sky-demo-control-panel-section{padding-right:20px}"]})],e)}(),X=function(){function e(e,n){var o=this;this.changeDetector=e,this.themeSvc=n,this.themeSettingsChange=new t.EventEmitter,this.ngUnsubscribe=new l.Subject,this._mode="light",this._theme="default",this.themeSvc&&this.themeSvc.settingsChange.pipe(u.takeUntil(this.ngUnsubscribe)).subscribe((function(e){e.currentSettings.theme.name!==o.theme&&(o.theme=e.currentSettings.theme.name),e.currentSettings.mode.name!==o.mode&&(o.mode=e.currentSettings.mode.name),o.changeDetector.markForCheck()}))}return Object.defineProperty(e.prototype,"mode",{get:function(){return this._mode},set:function(e){this._mode=e,this.updateTheme()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"theme",{get:function(){return this._theme},set:function(e){this._theme=e,this.updateModesForTheme(),this.updateTheme()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.themeOptions=Object.keys(p.SkyTheme.presets).map((function(n){return e.createRadioItem(n)})),this.updateModesForTheme(),this.updateTheme()},e.prototype.ngOnDestroy=function(){this.ngUnsubscribe.next(),this.ngUnsubscribe.complete()},e.prototype.updateModesForTheme=function(){var e=this,n=this.getThemeByName(this.theme);this.modeOptions=n.supportedModes.map((function(n){return e.createRadioItem(n.name)})),this.modeOptions.some((function(n){return n.value===e.mode}))||(this.mode=this.modeOptions[0].value)},e.prototype.createRadioItem=function(e){return{label:this.capitalize(e),value:e}},e.prototype.capitalize=function(e){return e.charAt(0).toUpperCase()+e.substr(1)},e.prototype.getThemeSettings=function(){return new p.SkyThemeSettings(this.getThemeByName(this.theme),this.getModeByName(this.mode))},e.prototype.getThemeByName=function(e){return p.SkyTheme.presets[e]},e.prototype.getModeByName=function(e){return p.SkyThemeMode.presets[e]},e.prototype.updateTheme=function(){this.themeSettingsChange.emit(this.getThemeSettings())},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:p.SkyThemeService,decorators:[{type:t.Optional}]}]},O([t.Output()],e.prototype,"themeSettingsChange",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:["ul{margin:0}"]}),M(1,t.Optional())],e)}(),J=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,g.FormsModule,y.SkyCheckboxModule,R,r.SkyIconModule,y.SkyRadioModule,h.SkyRestrictedViewModule,p.SkyThemeModule],declarations:[Y,W,K,$,Q,X],exports:[Y,W,K,$,Q,X]})],e)}(),Z=function(){function e(){this.headingLevel="2"}return O([t.Input()],e.prototype,"anchorId",void 0),O([t.Input()],e.prototype,"headingLevel",void 0),e=O([t.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:t.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}']})],e)}(),ee=function(){function e(){}return e=O([t.NgModule({declarations:[Z],imports:[n.CommonModule,k.RouterModule,r.SkyIconModule],exports:[Z]})],e)}(),ne=function(){function e(){}return e.prototype.transform=function(e){return e?b(e):""},e=O([t.Pipe({name:"skyDocsMarkdown"})],e)}(),te=function(){function e(){}return e=O([t.NgModule({declarations:[ne],providers:[ne],exports:[ne]})],e)}(),oe=function(){},ie=function(){function e(e){this.options=e}return Object.defineProperty(e.prototype,"gitRepoUrl",{get:function(){return this._gitRepoUrl||this.options&&this.options.gitRepoUrl},set:function(e){this._gitRepoUrl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"packageName",{get:function(){return this._packageName||this.options&&this.options.packageName},set:function(e){this._packageName=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"packageUrl",{get:function(){return this._packageUrl?this._packageUrl:this.packageName?"https://npmjs.org/package/"+this.packageName:""},set:function(e){this._packageUrl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"externalLinks",{get:function(){var e=[];return this.packageName&&e.push({url:this.packageUrl,label:"View in NPM"}),this.gitRepoUrl&&e.push({url:this.gitRepoUrl,label:"View in GitHub"}),e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"installationCommand",{get:function(){return this.packageName?"npm install --save-exact "+this.packageName:""},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:oe,decorators:[{type:t.Optional}]}]},O([t.Input()],e.prototype,"gitRepoUrl",null),O([t.Input()],e.prototype,"moduleName",void 0),O([t.Input()],e.prototype,"packageName",null),O([t.Input()],e.prototype,"packageUrl",null),e=O([t.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:t.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}"]}),M(0,t.Optional())],e)}(),se=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,s.SkyCodeModule,v.SkyClipboardModule,i.SkyDefinitionListModule,r.SkyHelpInlineModule,x.SkyPopoverModule],declarations:[ie],exports:[ie]})],e)}(),re=function(){function e(e){this.domSanitizer=e}return e.prototype.getTrustedHtml=function(e){return this.domSanitizer.bypassSecurityTrustHtml(e)},e.ctorParameters=function(){return[{type:C.DomSanitizer}]},O([t.Input()],e.prototype,"innerHtml",void 0),e=O([t.Component({selector:"sky-docs-safe-html",template:'<div\n  class="sky-docs-safe-html"\n  [innerHtml]="getTrustedHtml(innerHtml)"\n></div>',changeDetection:t.ChangeDetectionStrategy.OnPush})],e)}(),ae=function(){function e(){}return e=O([t.NgModule({declarations:[re],imports:[n.CommonModule],exports:[re]})],e)}(),ce=function(){function e(){}return e=O([t.Injectable()],e)}();var de=function(){function e(e){this.anchorIds=e.anchorIds}return e.prototype.applyTypeAnchorLinks=function(e,n){var t=this;return this.anchorIds&&e?(n||(n={applyCodeFormatting:!0}),e=this.removeDoubleSquareBrackets(e),Object.keys(this.anchorIds).forEach((function(o){var i;e=t.removeBackticks(o,e);var s=0,r=new RegExp("(^|[^a-zA-Z0-9>.[/])("+o+")(\\.\\w+)?(?=[^a-zA-Z0-9<]+|$)","g");do{if(i=r.exec(e)){var a='<a class="sky-docs-anchor-link" href="#'+t.anchorIds[o]+'">'+o+"</a>",c=i[3]?i[3]:"",d=void 0;d=n.applyCodeFormatting?"<code>"+a+c+"</code>":a+c;var p=i[0].substr(0,o.length)===o,l=p?i.index:i.index+1,u=p?i[0].length:i[0].length-1,m=e.substr(0,l)+d+e.substr(l+u);e=m,s++}}while(null!==i&&s<100)})),e):e},e.prototype.removeDoubleSquareBrackets=function(e){var n=e.match(/\[\[.*\]\]/);if(n){var t=n[0].replace(/\[\[/g,"").replace(/\]\]/g,"");e=e.replace(n[0],t)}return e},e.prototype.removeBackticks=function(e,n){var t=new RegExp("`("+e+")`","g");return n.replace(t,e)},e.ctorParameters=function(){return[{type:ce}]},e=O([t.Injectable()],e)}(),pe=function(){function e(){}return e.prototype.getInterfaceSourceCode=function(e){var n=this.getFormattedTypeParameters(e.typeParameters),t="interface "+e.name+n+" {";return t+=this.getFormattedInterfaceProperties(e,{escapeSpecialCharacters:!1}),t+="\n}"},e.prototype.getMethodSourceCode=function(e){var n=this,t={escapeSpecialCharacters:!1},o=this.getFormattedTypeArguments(e.type,t),i=e.type.callSignature,s=this.getFormattedType(i.returnType,t),r="";return i.parameters&&(r+=i.parameters.map((function(e){return n.getFormattedParameterName(e,t)})).join(", ")),"public "+e.name+o+"("+r+"): "+s},e.prototype.getTypeAliasSourceCode=function(e){var n=this.getFormattedTypeParameters(e.typeParameters),t="type "+e.name+n+" = ";if(e.type.callSignature)t+=this.getFormattedCallSignature(e.type.callSignature,{escapeSpecialCharacters:!1});else if(e.type.indexSignature){var o=e.type.indexSignature,i=this.getFormattedType(o.type,{escapeSpecialCharacters:!1});t+="{\n  ["+o.key.name+": string]: "+i+";\n}"}else"union"===e.type.type&&(t+=this.getFormattedUnion(e.type,{escapeSpecialCharacters:!1}));return t},e.prototype.getFormattedParameterName=function(e,n){void 0===n&&(n={escapeSpecialCharacters:!0});var t=e.isOptional?"?":"",o=this.getFormattedType(e.type,n),i=""+e.name+t+": "+o;return n.escapeSpecialCharacters&&(i=this.escapeSpecialCharacters(i)),i},e.prototype.getFormattedPropertyName=function(e){var n,t,o="";(null===(n=e.decorator)||void 0===n?void 0:n.name)&&(o+="@"+e.decorator.name+"()<br>");var i,s=null===(t=e.type)||void 0===t?void 0:t.indexSignature;return i=s?"["+s.key.name+": "+this.getFormattedType(s.key.type)+"]":e.name,void 0!==e.deprecationWarning?o+="<strike>"+i+"</strike>":o+=i,e.isOptional&&!s&&(o+="?"),s?o+=": "+this.getFormattedType(s.type):e.type&&(o+=": "+this.getFormattedType(e.type)),o},e.prototype.getFormattedMethodName=function(e){var n="";return void 0!==e.deprecationWarning?n+="<strike>"+e.name+"</strike>":n+=e.name,n+"()"},e.prototype.getFormattedType=function(e,n){void 0===n&&(n={escapeSpecialCharacters:!0});var t="any";if(!e)return t;if(e.callSignature)return this.getFormattedCallSignature(e.callSignature,n);if(e.unionTypes)return this.getFormattedUnion(e,n);(e.name&&(t=e.name),e.typeArguments&&(t+=this.getFormattedTypeArguments(e,n)),"array"===e.type&&(t+="[]"),e.typeLiteral)&&(t="{"+this.getFormattedInterfaceProperties(e.typeLiteral,n).replace(/\n/g," ").replace(/\s\s+/g," ")+" }");return n.escapeSpecialCharacters?this.escapeSpecialCharacters(t):t},e.prototype.escapeSpecialCharacters=function(e){return e.replace(/</g,"&lt;").replace(/>/g,"&gt;")},e.prototype.getFormattedCallSignature=function(e,n){var t=this;void 0===n&&(n={escapeSpecialCharacters:!0});var o=this.getFormattedType(e.returnType,n);return e.parameters?"("+e.parameters.map((function(e){return t.getFormattedParameterName(e,n)})).join(", ")+") => "+o:"() => "+o},e.prototype.getFormattedUnion=function(e,n){var t=this;return e.unionTypes.map((function(e){return t.getFormattedType(e,n)})).join(" | ")},e.prototype.getFormattedTypeArguments=function(e,n){var t=this;return e.typeArguments?"<"+e.typeArguments.map((function(e){return"array"===e.type?e.name+"[]":e.unionTypes?t.getFormattedUnion(e,n):e.name})).join(", ")+">":""},e.prototype.getFormattedTypeParameters=function(e){return e?"<"+e.map((function(e){var n=e.name;return e.type&&"reference"===e.type.type&&(n+=" extends "+e.type.name),n})).join(", ")+">":""},e.prototype.getFormattedInterfaceProperties=function(e,n){var t=this,o="";return e.properties.forEach((function(e){var i,s=e.type.indexSignature,r=e.isOptional&&!s?"?":"",a=t.getFormattedType(e.type,n);i=s?"["+s.key.name+": string]":e.name,o+="\n  "+i+r+": "+a+";"})),o},e=O([t.Injectable()],e)}(),le=function(){function e(e){this.formatService=e}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.updateView=function(){var e,n,t,o=this;this.parameters=null===(n=null===(e=this.config)||void 0===e?void 0:e.parameters)||void 0===n?void 0:n.map((function(e){return{defaultValue:e.defaultValue,description:e.description,formattedName:o.formatService.getFormattedParameterName(e),isOptional:e.isOptional}})),this.returnTypeFormatted=this.formatService.getFormattedType(null===(t=this.config)||void 0===t?void 0:t.returnType)},e.ctorParameters=function(){return[{type:pe}]},O([t.Input()],e.prototype,"config",null),e=O([t.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:t.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}']})],e)}(),ue=function(){function e(){}return O([t.Input()],e.prototype,"config",void 0),e=O([t.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:t.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}']})],e)}(),me=function(){function e(){}return O([t.Input()],e.prototype,"config",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush})],e)}(),ge=function(){function e(e){this.formatService=e}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.updateView=function(){this.sourceCode=this.config?this.formatService.getInterfaceSourceCode(this.config):void 0},e.ctorParameters=function(){return[{type:pe}]},O([t.Input()],e.prototype,"config",null),e=O([t.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:t.ChangeDetectionStrategy.OnPush})],e)}(),ye=function(){function e(e,n,t){this.changeDetector=e,this.formatService=n,this.mediaQueryService=t,this.deprecationWarningPrefix='<span class="sky-text-warning"></span>**Deprecated.** ',this.isMobile=!0}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config||{}},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.mediaQueryService.subscribe((function(n){e.isMobile=n<=S.SkyMediaBreakpoints.sm,e.changeDetector.markForCheck()}))},e.prototype.updateView=function(){var e,n,t=this;this.methods=null===(n=null===(e=this.config)||void 0===e?void 0:e.methods)||void 0===n?void 0:n.map((function(e){return{callSignature:e.type.callSignature,codeExample:e.codeExample,codeExampleLanguage:e.codeExampleLanguage,deprecationWarning:e.deprecationWarning,description:e.description,formattedName:t.formatService.getFormattedMethodName(e),sourceCode:t.formatService.getMethodSourceCode(e)}}))},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:pe},{type:S.SkyMediaQueryService}]},O([t.Input()],e.prototype,"config",null),e=O([t.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:t.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}"]})],e)}(),he=function(){function e(){}return O([t.Input()],e.prototype,"config",void 0),e=O([t.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:t.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}']})],e)}(),fe=function(){function e(e,n,t){this.changeDetector=e,this.formatService=n,this.mediaQueryService=t,this.propertyType="Property",this.showOptionalStatus=!0,this.deprecationWarningPrefix='<span class="sky-text-warning"></span>**Deprecated.** ',this.isMobile=!0,this.properties=[]}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config||{}},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.mediaQueryService.subscribe((function(n){e.isMobile=n<=S.SkyMediaBreakpoints.sm,e.changeDetector.markForCheck()}))},e.prototype.updateView=function(){var e,n,t=this;this.properties=null===(n=null===(e=this.config)||void 0===e?void 0:e.properties)||void 0===n?void 0:n.map((function(e){var n;return{callSignature:null===(n=e.type)||void 0===n?void 0:n.callSignature,defaultValue:t.formatService.escapeSpecialCharacters(e.defaultValue||""),deprecationWarning:e.deprecationWarning,description:e.description,formattedName:t.formatService.getFormattedPropertyName(e),isOptional:e.isOptional}}))},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:pe},{type:S.SkyMediaQueryService}]},O([t.Input()],e.prototype,"config",null),O([t.Input()],e.prototype,"propertyType",void 0),O([t.Input()],e.prototype,"showOptionalStatus",void 0),e=O([t.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:t.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}"]})],e)}(),ke=function(){function e(){}return O([t.Input()],e.prototype,"config",void 0),e=O([t.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:t.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}']})],e)}(),be=function(){function e(e){this.formatService=e}return Object.defineProperty(e.prototype,"config",{get:function(){return this._config},set:function(e){this._config=e,this.updateView()},enumerable:!0,configurable:!0}),e.prototype.updateView=function(){this.sourceCode=this.config?this.formatService.getTypeAliasSourceCode(this.config):void 0},e.ctorParameters=function(){return[{type:pe}]},O([t.Input()],e.prototype,"config",null),e=O([t.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:t.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}']})],e)}(),ve=function(){function e(e){this.typeDefinitionsProvider=e}return e.prototype.toClassDefinition=function(e){var n={anchorId:this.getAnchorId(e),name:e.name},t=this.getCommentTags(e.comment);this.applyCommentTagValues(n,t);var o=this.getClassMethods(e);o.length&&(n.methods=o);var i=this.getClassProperties(e);return i.length&&(n.properties=i),n},e.prototype.toDirectiveDefinition=function(e){var n={anchorId:this.getAnchorId(e),name:e.name,selector:this.getSelector(e)},t=this.getCommentTags(e.comment);this.applyCommentTagValues(n,t);var o=this.getClassProperties(e),i=o.filter((function(e){var n;return"Output"===(null===(n=e.decorator)||void 0===n?void 0:n.name)}));i.length&&(n.eventProperties=i);var s=o.filter((function(e){var n;return"Input"===(null===(n=e.decorator)||void 0===n?void 0:n.name)}));return s.length&&(n.inputProperties=s),n},e.prototype.toEnumerationDefinition=function(e){var n=this.getEnumerationMembers(e),t={anchorId:this.getAnchorId(e),members:n,name:e.name},o=this.getCommentTags(e.comment);return this.applyCommentTagValues(t,o),t},e.prototype.toInterfaceDefinition=function(e){var n=this.getInterfaceProperties(e),t={anchorId:this.getAnchorId(e),name:e.name,properties:n},o=this.getCommentTags(e.comment);this.applyCommentTagValues(t,o);var i=this.getTypeParameterDefinitions(e.typeParameter);return i.length&&(t.typeParameters=i),t},e.prototype.toPipeDefinition=function(e){var n=this.getClassMethods(e).find((function(e){return"transform"===e.name})),t={anchorId:this.getAnchorId(e),name:e.name,transformMethod:n},o=this.getCommentTags(e.comment);return this.applyCommentTagValues(t,o),t},e.prototype.toTypeAliasDefinition=function(e){var n={anchorId:this.getAnchorId(e),name:e.name,type:this.getTypeDefinition({comment:e.comment,type:e.type})},t=this.getCommentTags(e.comment);this.applyCommentTagValues(n,t);var o=this.getTypeParameterDefinitions(e.typeParameter);return o.length&&(n.typeParameters=o),n},e.prototype.getSelector=function(e){var n=e.decorators[0].arguments.obj;return n.indexOf("selector: `")>-1?n.split("selector: `")[1].split("`")[0].replace(/\s\s+/g," "):n.split("selector: '")[1].split("'")[0]},e.prototype.getClassProperties=function(e){var n=this;if(!e.children)return[];var t=e.children.filter((function(e){return"Property"===e.kindString||"Accessor"===e.kindString})).map((function(e){var t=n.getCommentTags(e.comment),o={isOptional:!t.extras.required,name:n.getPropertyName(e),type:n.getTypeDefinition(e)};n.applyCommentTagValues(o,t);var i=n.getDecorator(e);i&&(o.decorator=i);var s=n.getDefaultValue(e,t);return s&&(o.defaultValue=s),o}));return T(t,["isOptional","name"],["asc","asc"])},e.prototype.getClassMethods=function(e){var n=this;if(!e.children)return[];var t=e.children.filter((function(e){return"Method"===e.kindString&&!1===/^ng/.test(e.name)})).map((function(e){var t={name:n.getPropertyName(e),type:n.getTypeDefinition(e)},o=e.signatures[0].comment,i=n.getCommentTags(o);n.applyCommentTagValues(t,i);var s=n.getTypeParameterDefinitions(e.signatures[0].typeParameter);return s.length&&(t.typeParameters=s),t}));return T(t,["name"],["asc"])},e.prototype.getInterfaceProperties=function(e){var n,t=this;if(!e.children&&!e.indexSignature)return[];var o=(null===(n=e.children)||void 0===n?void 0:n.map((function(e){var n,o=t.getCommentTags(e.comment),i={isOptional:!o.extras.required&&!!(null===(n=e.flags)||void 0===n?void 0:n.isOptional),name:t.getPropertyName(e),type:t.getTypeDefinition(e)};return t.applyCommentTagValues(i,o),i})))||[],i=T(o,["isOptional","name"],["asc","asc"]);if(e.indexSignature){var s=e.indexSignature[0],r={isOptional:!0,name:s.name,type:{indexSignature:this.getIndexSignatureDefinition(s)}},a=this.getCommentTags(s.comment);this.applyCommentTagValues(r,a),i.push(r)}return i},e.prototype.getEnumerationMembers=function(e){var n=this;return e.children?e.children.map((function(e){var t={name:e.name},o=n.getCommentTags(e.comment);return n.applyCommentTagValues(t,o),t})):[]},e.prototype.getTypeDefinition=function(e){var n,t,o=this;switch(e.kindString){case"Accessor":return e.setSignature?this.getTypeDefinition(e.setSignature[0].parameters[0]):this.getTypeDefinition(e.getSignature[0]);case"Method":return t={callSignature:this.getCallSignatureDefinition(e.signatures[0],this.getCommentTags(e.comment)),name:e.signatures[0].name};default:var i=e.type.name||(null===(n=e.type.elementType)||void 0===n?void 0:n.name)||e.type.value;if(t={type:e.type.type},i&&(t.name=i),e.type.types&&(t.unionTypes=e.type.types.map((function(e){return o.getTypeDefinition({type:e})}))),"reflection"===e.type.type){var s=e.type.declaration;if(s)if(s.signatures)t.callSignature=this.getCallSignatureDefinition(s.signatures[0],this.getCommentTags(e.comment));else if(s.indexSignature){var r=s.indexSignature[0];t.indexSignature=this.getIndexSignatureDefinition(r)}else s.children&&(t.typeLiteral={properties:this.getInterfaceProperties({children:s.children})})}return"typeOperator"===e.type.type&&(t.name=e.type.operator+" "+e.type.target.name),e.type.typeArguments&&(t.typeArguments=this.getTypeArgumentDefinitions(e.type)),t}},e.prototype.getParameterDefinitions=function(e,n){var t=this;return e.parameters?e.parameters.map((function(e){var o,i=t.getParameterCommentTags(e,n),s=t.getDefaultValue(e,i),r=t.getTypeArgumentDefinitions(e.type),a={isOptional:!(!s&&!(null===(o=e.flags)||void 0===o?void 0:o.isOptional)),name:e.name,type:t.getTypeDefinition(e)};return void 0!==s&&(a.defaultValue=s),i.description&&(a.description=i.description),r.length&&(a.typeArguments=r),a})):[]},e.prototype.getTypeArgumentDefinitions=function(e){var n=this;return e&&e.typeArguments?e.typeArguments.map((function(e){return n.getTypeDefinition({type:e})})):[]},e.prototype.getCallSignatureDefinition=function(e,n){var t={returnType:this.getTypeDefinition(e)},o=this.getParameterDefinitions(e,n);return o.length&&(t.parameters=o),t},e.prototype.getIndexSignatureDefinition=function(e){return{key:{name:e.parameters[0].name,type:this.getTypeDefinition(e.parameters[0])},type:this.getTypeDefinition(e)}},e.prototype.getTypeParameterDefinitions=function(e){var n=this;return e?e.map((function(e){var t={name:e.name};return e.type&&(t.type=n.getTypeDefinition({type:e.type})),t})):[]},e.prototype.getCommentTags=function(e){var n,t,o,i,s="markup",r="",a={};return e&&(e.tags&&e.tags.forEach((function(e){switch(e.tag){case"deprecated":t=e.text.trim();break;case"default":case"defaultValue":o=e.text.trim();break;case"example":var r=(n=e.text.trim().split("```")[1].trim()).split("\n")[0];"markup"!==r&&"typescript"!==r||(n=n.slice(r.length).trim(),s=r);break;case"param":(i=i||[]).push({name:e.param,description:e.text.trim()});break;default:a[e.tag]=e.text}})),r=(e.shortText||e.text||"").trim()),{codeExample:n,codeExampleLanguage:s,defaultValue:o,deprecationWarning:t,description:r,extras:a,parameters:i}},e.prototype.getParameterCommentTags=function(e,n){var t=this.getCommentTags(e.comment),o=n.parameters,i=o?o.find((function(n){return n.name===e.name})):void 0;return i&&i.description?P(P({},t),{description:i.description}):t},e.prototype.applyCommentTagValues=function(e,n){n.codeExample&&(e.codeExample=n.codeExample,e.codeExampleLanguage=n.codeExampleLanguage),void 0!==n.deprecationWarning&&(e.deprecationWarning=n.deprecationWarning),n.description&&(e.description=n.description)},e.prototype.getDecorator=function(e){var n=e.decorators&&e.decorators[0]&&e.decorators[0].name;if(n)return{name:n}},e.prototype.getPropertyName=function(e){var n,t=e.decorators&&e.decorators[0];return(null===(n=null==t?void 0:t.arguments)||void 0===n?void 0:n.bindingPropertyName)?t.arguments.bindingPropertyName.replace(/(\'|\")/g,""):e.name},e.prototype.getDefaultValue=function(e,n){return n.defaultValue?n.defaultValue:"..."!==e.defaultValue?e.defaultValue:void 0},e.prototype.getAnchorId=function(e){var n;return e.anchorId||(null===(n=this.typeDefinitionsProvider)||void 0===n?void 0:n.anchorIds[e.name])||""},e.ctorParameters=function(){return[{type:ce,decorators:[{type:t.Optional}]}]},e=O([t.Injectable(),M(0,t.Optional())],e)}(),xe=function(){function e(e,n){this.typeDefinitionsProvider=e,this.adapter=n}return e.prototype.getTypeDefinitions=function(e){var n=this;if("/"!==e.charAt(e.length-1))throw new Error("The source code path must end with a forward slash (`/`).");var t=this.typeDefinitionsProvider.typeDefinitions,o=e.replace(/src\/app\/public\//,"").replace(/^\//,""),i={classes:[],components:[],directives:[],enumerations:[],interfaces:[],pipes:[],services:[],typeAliases:[]};if(!t)return console.warn("No types were found for this project!"),i;var s=t.filter((function(e){return e.sources[0].fileName.match(o)}));return 0===s.length&&console.warn("Type definitions were not found for location: "+o),s.forEach((function(e){var t=e.decorators&&e.decorators[0].name,o=e.kindString;switch(t){case"Component":i.components.push(n.adapter.toDirectiveDefinition(e));break;case"Directive":i.directives.push(n.adapter.toDirectiveDefinition(e));break;case"Injectable":i.services.push(n.adapter.toClassDefinition(e));break;case"NgModule":break;case"Pipe":i.pipes.push(n.adapter.toPipeDefinition(e));break;default:switch(o){case"Class":i.classes.push(n.adapter.toClassDefinition(e));break;case"Interface":i.interfaces.push(n.adapter.toInterfaceDefinition(e));break;case"Enumeration":i.enumerations.push(n.adapter.toEnumerationDefinition(e));break;case"Type alias":i.typeAliases.push(n.adapter.toTypeAliasDefinition(e))}}})),i},e.ctorParameters=function(){return[{type:ce},{type:ve}]},e=O([t.Injectable()],e)}(),Se=function(){function e(e){this.anchorLinkService=e}return e.prototype.transform=function(e,n){var t={applyCodeFormatting:"no-code-tags"!==n};return this.anchorLinkService.applyTypeAnchorLinks(e,t)},e.ctorParameters=function(){return[{type:de}]},e=O([t.Pipe({name:"skyDocsTypeAnchorLinks",pure:!0})],e)}(),Ce=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,k.RouterModule,s.SkyCodeBlockModule,s.SkyCodeModule,i.SkyDefinitionListModule,ee,te,ae,r.SkyIconModule,S.SkyMediaQueryModule],declarations:[le,ke,ue,me,ge,ye,he,fe,be,Se],exports:[le,ke,ue,me,ge,ye,he,fe,be,Se],providers:[de,Se,pe,ce,xe,ve]})],e)}(),Te=function(){function e(){}return Object.defineProperty(e.prototype,"anchorId",{get:function(){return"section-"+this.getSanitizedName(this.heading)},enumerable:!0,configurable:!0}),e.prototype.getSanitizedName=function(e){if(e)return e.toLowerCase().replace(/[\_\~\`\@\!\#\$\%\^\&\*\(\)\[\]\{\}\;\:\'\/\\\<\>\,\.\?\=\+\|"]/g,"").replace(/\s/g,"-").replace(/--/g,"-")},O([t.Input()],e.prototype,"heading",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush,styles:[".sky-docs-demo-page-section{margin-bottom:50px}"]})],e)}(),Ie=function(){function e(){}return e=O([t.Component({selector:"sky-docs-demo-page-summary",template:'<div class="sky-docs-demo-page-summary">\n  <ng-content></ng-content>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".sky-docs-demo-page-summary{margin-bottom:20px}"]})],e)}(),De=function(){function e(e){this.title=e}return e.prototype.setTitle=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var t="SKY UX";e&&e.length>0&&(e.push(t),t=e.join(" - ")),this.title.setTitle(t)},e.ctorParameters=function(){return[{type:C.Title}]},e=O([t.Injectable()],e)}(),we=function(){function e(){}return e=O([t.Component({selector:"sky-docs-design-guidelines",template:'<div class="sky-docs-design-guidelines">\n  <ng-content></ng-content>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush})],e)}(),Pe=function(){function e(e){this.http=e}return e.prototype.getComponentsInfo=function(){return this.http.get("https://sky-pusa01.app.blackbaud.net/skysp/v1/docs/components-info").pipe(u.map((function(e){return e.components})),u.share())},e.ctorParameters=function(){return[{type:D.HttpClient}]},e=O([t.Injectable()],e)}(),Oe=function(){function e(e){var n=this;this.windowRef=e,this._anchorLinkClick=new l.Subject,this.eventListener=function(e){e.preventDefault(),n._anchorLinkClick.next({href:e.target.href})}}return Object.defineProperty(e.prototype,"anchorLinks",{get:function(){return document.querySelectorAll("a.sky-docs-anchor-link")},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"currentUrl",{get:function(){return this.windowRef.nativeWindow.location.href.split("#")[0]},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.removeClickEventListeners()},e.prototype.setupAnchorLinks=function(){for(var e=0;e<this.anchorLinks.length;e++){var n=this.anchorLinks[e],t=n.href.split("#")[1],o=this.currentUrl+"#"+t;n.href=o}},Object.defineProperty(e.prototype,"anchorLinkClick",{get:function(){return 0===this._anchorLinkClick.observers.length?this.addClickEventListeners():this.removeClickEventListeners(),this._anchorLinkClick},enumerable:!0,configurable:!0}),e.prototype.scrollToFragment=function(e){var n=this;this.windowRef.nativeWindow.setTimeout((function(){var t=document.getElementById(e);t&&n.windowRef.nativeWindow.scrollTo(0,t.offsetTop)}),250)},e.prototype.addClickEventListeners=function(){var e=this;this.windowRef.nativeWindow.setTimeout((function(){for(var n=0;n<e.anchorLinks.length;n++){e.anchorLinks[n].addEventListener("click",e.eventListener)}}))},e.prototype.removeClickEventListeners=function(){for(var e=0;e<this.anchorLinks.length;e++){this.anchorLinks[e].removeEventListener("click",this.eventListener)}},e.ctorParameters=function(){return[{type:S.SkyAppWindowRef}]},e=O([t.Injectable()],e)}(),Me=function(){function e(e,n,t,o,i,s,r){this.activatedRoute=e,this.changeDetector=n,this.router=t,this.skyAppConfig=o,this.domAdapter=i,this.supportalService=s,this.titleService=r,this.enableCodeExamples=!1,this.enableTabLayout=!1}return e.prototype.ngOnInit=function(){var e=this,n=this.skyAppConfig.skyux.host.url+"/"+this.skyAppConfig.skyux.name;this.updateTitle(),this.supportalService.getComponentsInfo().subscribe((function(t){e.sidebarRoutes=[{name:"Components",path:"https://developer.blackbaud.com/skyux/components",children:t.map((function(t){return{name:t.name,path:e.getPath(t.url,n)}}))}],e.changeDetector.markForCheck()}))},e.prototype.ngAfterContentInit=function(){this.enableCodeExamples=this.codeExampleComponents.length>0,this.enableTabLayout=!!this.designGuidelinesComponent},e.prototype.ngAfterViewInit=function(){var e=this;this.activatedRoute.fragment.subscribe((function(n){e.domAdapter.scrollToFragment(n)})),this.activatedRoute.queryParams.subscribe((function(){e.domAdapter.setupAnchorLinks()})),this.domAdapter.anchorLinkClick.subscribe((function(n){var t=n.href.split("#")[1];e.router.navigate([],{fragment:t,queryParamsHandling:"merge"}),e.activatedRoute.snapshot.fragment===t&&e.domAdapter.scrollToFragment(t)}))},e.prototype.updateTitle=function(){this.pageTitle&&this.titleService.setTitle(this.pageTitle,"Components")},e.prototype.getPath=function(e,n){return e.indexOf(n)>-1?e.replace(n,"").split("?")[0]:e},e.ctorParameters=function(){return[{type:k.ActivatedRoute},{type:t.ChangeDetectorRef},{type:k.Router},{type:I.SkyAppConfig},{type:Oe},{type:Pe},{type:De}]},O([t.Input()],e.prototype,"gitRepoUrl",void 0),O([t.Input()],e.prototype,"moduleName",void 0),O([t.Input()],e.prototype,"moduleSourceCodePath",void 0),O([t.Input()],e.prototype,"packageName",void 0),O([t.Input()],e.prototype,"packageUrl",void 0),O([t.Input()],e.prototype,"pageTitle",void 0),O([t.ContentChild(we)],e.prototype,"designGuidelinesComponent",void 0),O([t.ContentChildren(q)],e.prototype,"codeExampleComponents",void 0),e=O([t.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:[Oe],changeDetection:t.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}"]})],e)}(),Ee=function(){function e(){}return e=O([t.Component({selector:"sky-docs-demo-page-module-info",template:"<ng-content></ng-content>"})],e)}(),Le=function(){function e(e){this.typeDefinitionService=e}return e.prototype.ngOnInit=function(){this.moduleSourceCodePath&&(this.types=this.typeDefinitionService.getTypeDefinitions(this.moduleSourceCodePath))},e.ctorParameters=function(){return[{type:xe}]},O([t.Input()],e.prototype,"moduleSourceCodePath",void 0),e=O([t.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:t.ChangeDetectionStrategy.OnPush})],e)}(),Ae=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,k.RouterModule,s.SkyCodeBlockModule,s.SkyCodeModule,J,ee,te,se,Ce,c.SkyTabsModule,f.StachePageSummaryModule,f.StacheWrapperModule],declarations:[Me,Ee,Te,Ie,Le],exports:[Me,Ee,Te,Ie,Le],providers:[De]})],e)}(),Ne=function(){function e(){this.showBorder=!1}return O([t.Input()],e.prototype,"caption",void 0),O([t.Input()],e.prototype,"captionType",void 0),O([t.Input()],e.prototype,"imageAlt",void 0),O([t.Input()],e.prototype,"imageSource",void 0),O([t.Input()],e.prototype,"showBorder",void 0),O([t.Input()],e.prototype,"videoSource",void 0),e=O([t.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:t.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}"]})],e)}(),je=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,o.SkyImageModule],exports:[Ne],declarations:[Ne]})],e)}(),Fe=function(){function e(){this.showBorder=!1}return O([t.Input()],e.prototype,"caption",void 0),O([t.Input()],e.prototype,"captionType",void 0),O([t.Input()],e.prototype,"imageAlt",void 0),O([t.Input()],e.prototype,"imageSource",void 0),O([t.Input()],e.prototype,"videoSource",void 0),O([t.Input()],e.prototype,"showBorder",void 0),e=O([t.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:t.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}"]})],e)}(),Re=function(){function e(){this.headingStyle="default",this.hasThumbnails=!1}return Object.defineProperty(e.prototype,"classNames",{get:function(){var e=[];return e.push("sky-text-"+this.headingStyle),e.join(" ")},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){this.hasThumbnails=!!this.thumbnails.length},O([t.Input()],e.prototype,"heading",void 0),O([t.Input()],e.prototype,"headingStyle",void 0),O([t.ContentChildren(Fe)],e.prototype,"thumbnails",void 0),e=O([t.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:t.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}']})],e)}(),Ve=function(){function e(){}return e=O([t.NgModule({imports:[n.CommonModule,je,i.SkyFluidGridModule],declarations:[Re,Fe,we],exports:[Re,Fe,we]})],e)}(),Be=function(){function e(){}return e=O([t.NgModule({exports:[w.SkyAuthHttpClientModule,j,z,J,Ae,Ve],providers:[Pe]})],e)}();e.SkyDocsAnatomyModule=j,e.SkyDocsCodeExamplesModule=z,e.SkyDocsDemoModule=J,e.SkyDocsDemoPageModule=Ae,e.SkyDocsDesignGuidelinesModule=Ve,e.SkyDocsHeadingAnchorModule=ee,e.SkyDocsMarkdownModule=te,e.SkyDocsMarkdownPipe=ne,e.SkyDocsModuleInfoModule=se,e.SkyDocsSourceCodeProvider=V,e.SkyDocsSupportalService=Pe,e.SkyDocsThumbnailModule=je,e.SkyDocsToolsModule=Be,e.SkyDocsToolsOptions=oe,e.SkyDocsTypeDefinitionsModule=Ce,e.SkyDocsTypeDefinitionsProvider=ce,e.SkyDocsTypeDefinitionsService=xe,e.ɵa=N,e.ɵb=A,e.ɵba=ye,e.ɵbb=he,e.ɵbc=fe,e.ɵbd=be,e.ɵbe=Se,e.ɵbf=de,e.ɵbg=ve,e.ɵbh=Me,e.ɵbi=Oe,e.ɵbj=we,e.ɵbk=De,e.ɵbl=Ee,e.ɵbm=Te,e.ɵbn=Ie,e.ɵbo=Le,e.ɵbp=Ne,e.ɵbq=Re,e.ɵbr=Fe,e.ɵc=H,e.ɵd=B,e.ɵe=R,e.ɵf=F,e.ɵg=U,e.ɵh=q,e.ɵi=_,e.ɵj=Y,e.ɵk=G,e.ɵl=K,e.ɵm=$,e.ɵn=W,e.ɵo=Q,e.ɵp=X,e.ɵq=Z,e.ɵr=ie,e.ɵs=ae,e.ɵt=re,e.ɵu=le,e.ɵv=pe,e.ɵw=ke,e.ɵx=ue,e.ɵy=me,e.ɵz=ge,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=skyux-docs-tools.umd.min.js.map