@skyux/docs-tools 5.0.0-beta.9 → 6.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/README.md +8 -0
  2. package/esm2020/docs-tools.module.mjs +40 -0
  3. package/esm2020/modules/anatomy/anatomy-item.component.mjs +17 -0
  4. package/esm2020/modules/anatomy/anatomy.component.mjs +24 -0
  5. package/esm2020/modules/anatomy/anatomy.module.mjs +21 -0
  6. package/{esm2015/modules/code-examples/code-example-module-dependencies.js → esm2020/modules/code-examples/code-example-module-dependencies.mjs} +0 -0
  7. package/{esm2015/modules/code-examples/code-example-theme.js → esm2020/modules/code-examples/code-example-theme.mjs} +1 -1
  8. package/esm2020/modules/code-examples/code-example.component.mjs +68 -0
  9. package/esm2020/modules/code-examples/code-example.mjs +2 -0
  10. package/esm2020/modules/code-examples/code-examples-editor.service.mjs +295 -0
  11. package/esm2020/modules/code-examples/code-examples.component.mjs +97 -0
  12. package/esm2020/modules/code-examples/code-examples.module.mjs +43 -0
  13. package/{esm2015/modules/demo/demo-content-alignment.js → esm2020/modules/demo/demo-content-alignment.mjs} +0 -0
  14. package/{esm2015/modules/demo/demo-control-panel-change.js → esm2020/modules/demo/demo-control-panel-change.mjs} +0 -0
  15. package/esm2020/modules/demo/demo-control-panel-checkbox.component.mjs +80 -0
  16. package/{esm2015/modules/demo/demo-control-panel-radio-choice.js → esm2020/modules/demo/demo-control-panel-radio-choice.mjs} +1 -1
  17. package/esm2020/modules/demo/demo-control-panel-radio-group.component.mjs +75 -0
  18. package/esm2020/modules/demo/demo-control-panel-section.component.mjs +22 -0
  19. package/esm2020/modules/demo/demo-control-panel.component.mjs +85 -0
  20. package/esm2020/modules/demo/demo.component.mjs +53 -0
  21. package/esm2020/modules/demo/demo.module.mjs +69 -0
  22. package/esm2020/modules/demo-page/demo-page-dom-adapter.service.mjs +75 -0
  23. package/{esm2015/modules/demo-page/demo-page-module-info.component.js → esm2020/modules/demo-page/demo-page-module-info.component.mjs} +5 -5
  24. package/esm2020/modules/demo-page/demo-page-section.component.mjs +43 -0
  25. package/esm2020/modules/demo-page/demo-page-summary.component.mjs +21 -0
  26. package/esm2020/modules/demo-page/demo-page-title.service.mjs +28 -0
  27. package/esm2020/modules/demo-page/demo-page-type-definitions.component.mjs +35 -0
  28. package/esm2020/modules/demo-page/demo-page.component.mjs +134 -0
  29. package/esm2020/modules/demo-page/demo-page.module.mjs +88 -0
  30. package/esm2020/modules/design-guidelines/design-guideline-thumbnail.component.mjs +27 -0
  31. package/esm2020/modules/design-guidelines/design-guideline.component.mjs +33 -0
  32. package/esm2020/modules/design-guidelines/design-guidelines.component.mjs +11 -0
  33. package/esm2020/modules/design-guidelines/design-guidelines.module.mjs +34 -0
  34. package/esm2020/modules/heading-anchor/heading-anchor.component.mjs +21 -0
  35. package/esm2020/modules/heading-anchor/heading-anchor.module.mjs +20 -0
  36. package/esm2020/modules/markdown/markdown.module.mjs +17 -0
  37. package/esm2020/modules/markdown/markdown.pipe.mjs +20 -0
  38. package/esm2020/modules/module-info/module-info.component.mjs +77 -0
  39. package/esm2020/modules/module-info/module-info.module.mjs +42 -0
  40. package/esm2020/modules/safe-html/safe-html.component.mjs +20 -0
  41. package/esm2020/modules/safe-html/safe-html.module.mjs +18 -0
  42. package/{esm2015/modules/shared/docs-tools-component-info.js → esm2020/modules/shared/docs-tools-component-info.mjs} +0 -0
  43. package/{esm2015/modules/shared/docs-tools-options.js → esm2020/modules/shared/docs-tools-options.mjs} +1 -1
  44. package/esm2020/modules/shared/docs-tools-supportal.service.mjs +23 -0
  45. package/esm2020/modules/shared/sky-docs-tools-resources.module.mjs +53 -0
  46. package/{esm2015/modules/source-code/source-code-file.js → esm2020/modules/source-code/source-code-file.mjs} +1 -1
  47. package/{esm2015/modules/source-code/source-code-provider.js → esm2020/modules/source-code/source-code-provider.mjs} +5 -5
  48. package/esm2020/modules/source-code/source-code.service.mjs +42 -0
  49. package/esm2020/modules/thumbnail/thumbnail.component.mjs +28 -0
  50. package/esm2020/modules/thumbnail/thumbnail.module.mjs +19 -0
  51. package/{esm2015/modules/type-definitions/anchor-link-service-config.js → esm2020/modules/type-definitions/anchor-link-service-config.mjs} +0 -0
  52. package/{esm2015/modules/type-definitions/anchor-link-service-format.js → esm2020/modules/type-definitions/anchor-link-service-format.mjs} +0 -0
  53. package/{esm2015/modules/type-definitions/anchor-link.js → esm2020/modules/type-definitions/anchor-link.mjs} +0 -0
  54. package/esm2020/modules/type-definitions/anchor-link.service.mjs +106 -0
  55. package/esm2020/modules/type-definitions/call-signature-definition.component.mjs +45 -0
  56. package/esm2020/modules/type-definitions/call-signature-definition.mjs +2 -0
  57. package/esm2020/modules/type-definitions/class-definition.component.mjs +20 -0
  58. package/esm2020/modules/type-definitions/class-definition.mjs +2 -0
  59. package/esm2020/modules/type-definitions/comment-tags.mjs +2 -0
  60. package/esm2020/modules/type-definitions/directive-definition.component.mjs +20 -0
  61. package/esm2020/modules/type-definitions/directive-definition.mjs +2 -0
  62. package/esm2020/modules/type-definitions/entry-child-definition.mjs +2 -0
  63. package/{esm2015/modules/type-definitions/entry-definition.js → esm2020/modules/type-definitions/entry-definition.mjs} +1 -1
  64. package/esm2020/modules/type-definitions/enumeration-definition.component.mjs +19 -0
  65. package/esm2020/modules/type-definitions/enumeration-definition.mjs +2 -0
  66. package/{esm2015/modules/type-definitions/enumeration-member-definition.js → esm2020/modules/type-definitions/enumeration-member-definition.mjs} +1 -1
  67. package/esm2020/modules/type-definitions/index-signature-definition.mjs +2 -0
  68. package/esm2020/modules/type-definitions/interface-definition.component.mjs +36 -0
  69. package/esm2020/modules/type-definitions/interface-definition.mjs +2 -0
  70. package/esm2020/modules/type-definitions/interface-property-definition.mjs +2 -0
  71. package/esm2020/modules/type-definitions/method-definition.mjs +2 -0
  72. package/esm2020/modules/type-definitions/method-definitions.component.mjs +56 -0
  73. package/esm2020/modules/type-definitions/parameter-definition.mjs +2 -0
  74. package/esm2020/modules/type-definitions/pipe-definition.component.mjs +20 -0
  75. package/esm2020/modules/type-definitions/pipe-definition.mjs +2 -0
  76. package/{esm2015/modules/type-definitions/property-decorator.js → esm2020/modules/type-definitions/property-decorator.mjs} +1 -1
  77. package/esm2020/modules/type-definitions/property-definition.mjs +2 -0
  78. package/esm2020/modules/type-definitions/property-definitions.component.mjs +62 -0
  79. package/esm2020/modules/type-definitions/type-alias-definition.component.mjs +36 -0
  80. package/esm2020/modules/type-definitions/type-alias-definition.mjs +2 -0
  81. package/esm2020/modules/type-definitions/type-anchor-links.pipe.mjs +27 -0
  82. package/esm2020/modules/type-definitions/type-definition.mjs +2 -0
  83. package/esm2020/modules/type-definitions/type-definitions-format.service.mjs +242 -0
  84. package/{esm2015/modules/type-definitions/type-definitions-provider.js → esm2020/modules/type-definitions/type-definitions-provider.mjs} +4 -4
  85. package/esm2020/modules/type-definitions/type-definitions.mjs +2 -0
  86. package/esm2020/modules/type-definitions/type-definitions.module.mjs +102 -0
  87. package/esm2020/modules/type-definitions/type-definitions.service.mjs +103 -0
  88. package/esm2020/modules/type-definitions/type-parameter-definition.mjs +2 -0
  89. package/esm2020/modules/type-definitions/typedoc-adapter.service.mjs +522 -0
  90. package/esm2020/modules/type-definitions/typedoc-types.mjs +2 -0
  91. package/{esm2015/public-api.js → esm2020/public-api.mjs} +1 -1
  92. package/{esm2015/skyux-docs-tools.js → esm2020/skyux-docs-tools.mjs} +0 -0
  93. package/fesm2015/skyux-docs-tools.mjs +3091 -0
  94. package/fesm2015/skyux-docs-tools.mjs.map +1 -0
  95. package/fesm2020/skyux-docs-tools.mjs +3074 -0
  96. package/fesm2020/skyux-docs-tools.mjs.map +1 -0
  97. package/modules/type-definitions/method-definition.d.ts +1 -0
  98. package/modules/type-definitions/typedoc-types.d.ts +6 -3
  99. package/package.json +39 -26
  100. package/bundles/skyux-docs-tools.umd.js +0 -3705
  101. package/bundles/skyux-docs-tools.umd.js.map +0 -1
  102. package/documentation.json +0 -10784
  103. package/esm2015/docs-tools.module.js +0 -40
  104. package/esm2015/modules/anatomy/anatomy-item.component.js +0 -22
  105. package/esm2015/modules/anatomy/anatomy.component.js +0 -29
  106. package/esm2015/modules/anatomy/anatomy.module.js +0 -39
  107. package/esm2015/modules/code-examples/code-example.component.js +0 -68
  108. package/esm2015/modules/code-examples/code-example.js +0 -2
  109. package/esm2015/modules/code-examples/code-examples-editor.service.js +0 -289
  110. package/esm2015/modules/code-examples/code-examples.component.js +0 -102
  111. package/esm2015/modules/code-examples/code-examples.module.js +0 -51
  112. package/esm2015/modules/demo/demo-control-panel-checkbox.component.js +0 -84
  113. package/esm2015/modules/demo/demo-control-panel-radio-group.component.js +0 -80
  114. package/esm2015/modules/demo/demo-control-panel-section.component.js +0 -27
  115. package/esm2015/modules/demo/demo-control-panel.component.js +0 -86
  116. package/esm2015/modules/demo/demo.component.js +0 -58
  117. package/esm2015/modules/demo/demo.module.js +0 -69
  118. package/esm2015/modules/demo-page/demo-page-dom-adapter.service.js +0 -75
  119. package/esm2015/modules/demo-page/demo-page-section.component.js +0 -47
  120. package/esm2015/modules/demo-page/demo-page-summary.component.js +0 -26
  121. package/esm2015/modules/demo-page/demo-page-title.service.js +0 -28
  122. package/esm2015/modules/demo-page/demo-page-type-definitions.component.js +0 -39
  123. package/esm2015/modules/demo-page/demo-page.component.js +0 -142
  124. package/esm2015/modules/demo-page/demo-page.module.js +0 -88
  125. package/esm2015/modules/design-guidelines/design-guideline-thumbnail.component.js +0 -32
  126. package/esm2015/modules/design-guidelines/design-guideline.component.js +0 -38
  127. package/esm2015/modules/design-guidelines/design-guidelines.component.js +0 -15
  128. package/esm2015/modules/design-guidelines/design-guidelines.module.js +0 -44
  129. package/esm2015/modules/heading-anchor/heading-anchor.component.js +0 -26
  130. package/esm2015/modules/heading-anchor/heading-anchor.module.js +0 -34
  131. package/esm2015/modules/markdown/markdown.module.js +0 -25
  132. package/esm2015/modules/markdown/markdown.pipe.js +0 -20
  133. package/esm2015/modules/module-info/module-info.component.js +0 -82
  134. package/esm2015/modules/module-info/module-info.module.js +0 -46
  135. package/esm2015/modules/safe-html/safe-html.component.js +0 -24
  136. package/esm2015/modules/safe-html/safe-html.module.js +0 -26
  137. package/esm2015/modules/shared/docs-tools-supportal.service.js +0 -23
  138. package/esm2015/modules/shared/sky-docs-tools-resources.module.js +0 -41
  139. package/esm2015/modules/source-code/source-code.service.js +0 -42
  140. package/esm2015/modules/thumbnail/thumbnail.component.js +0 -33
  141. package/esm2015/modules/thumbnail/thumbnail.module.js +0 -30
  142. package/esm2015/modules/type-definitions/anchor-link.service.js +0 -98
  143. package/esm2015/modules/type-definitions/call-signature-definition.component.js +0 -51
  144. package/esm2015/modules/type-definitions/call-signature-definition.js +0 -2
  145. package/esm2015/modules/type-definitions/class-definition.component.js +0 -25
  146. package/esm2015/modules/type-definitions/class-definition.js +0 -2
  147. package/esm2015/modules/type-definitions/comment-tags.js +0 -2
  148. package/esm2015/modules/type-definitions/directive-definition.component.js +0 -25
  149. package/esm2015/modules/type-definitions/directive-definition.js +0 -2
  150. package/esm2015/modules/type-definitions/entry-child-definition.js +0 -2
  151. package/esm2015/modules/type-definitions/enumeration-definition.component.js +0 -23
  152. package/esm2015/modules/type-definitions/enumeration-definition.js +0 -2
  153. package/esm2015/modules/type-definitions/index-signature-definition.js +0 -2
  154. package/esm2015/modules/type-definitions/interface-definition.component.js +0 -38
  155. package/esm2015/modules/type-definitions/interface-definition.js +0 -2
  156. package/esm2015/modules/type-definitions/interface-property-definition.js +0 -2
  157. package/esm2015/modules/type-definitions/method-definition.js +0 -2
  158. package/esm2015/modules/type-definitions/method-definitions.component.js +0 -62
  159. package/esm2015/modules/type-definitions/parameter-definition.js +0 -2
  160. package/esm2015/modules/type-definitions/pipe-definition.component.js +0 -25
  161. package/esm2015/modules/type-definitions/pipe-definition.js +0 -2
  162. package/esm2015/modules/type-definitions/property-definition.js +0 -2
  163. package/esm2015/modules/type-definitions/property-definitions.component.js +0 -69
  164. package/esm2015/modules/type-definitions/type-alias-definition.component.js +0 -39
  165. package/esm2015/modules/type-definitions/type-alias-definition.js +0 -2
  166. package/esm2015/modules/type-definitions/type-anchor-links.pipe.js +0 -27
  167. package/esm2015/modules/type-definitions/type-definition.js +0 -2
  168. package/esm2015/modules/type-definitions/type-definitions-format.service.js +0 -241
  169. package/esm2015/modules/type-definitions/type-definitions.js +0 -2
  170. package/esm2015/modules/type-definitions/type-definitions.module.js +0 -102
  171. package/esm2015/modules/type-definitions/type-definitions.service.js +0 -103
  172. package/esm2015/modules/type-definitions/type-parameter-definition.js +0 -2
  173. package/esm2015/modules/type-definitions/typedoc-adapter.service.js +0 -477
  174. package/esm2015/modules/type-definitions/typedoc-types.js +0 -2
  175. package/fesm2015/skyux-docs-tools.js +0 -3215
  176. package/fesm2015/skyux-docs-tools.js.map +0 -1
@@ -1,3215 +0,0 @@
1
- import * as i2 from '@angular/common';
2
- import { CommonModule } from '@angular/common';
3
- import * as i0 from '@angular/core';
4
- import { Component, ChangeDetectionStrategy, Input, ContentChildren, NgModule, Optional, Injectable, EventEmitter, Output, ElementRef, Pipe, ContentChild } from '@angular/core';
5
- import * as i2$2 from '@blackbaud/skyux-lib-media';
6
- import { SkyImageModule } from '@blackbaud/skyux-lib-media';
7
- import * as i2$1 from '@skyux/layout';
8
- import { SkyFluidGridModule, SkyDefinitionListModule } from '@skyux/layout';
9
- import * as i3$1 from '@blackbaud/skyux-lib-code-block';
10
- import { SkyCodeBlockModule, SkyCodeModule } from '@blackbaud/skyux-lib-code-block';
11
- import * as i1$1 from '@skyux/indicators';
12
- import { SkyIconModule, SkyHelpInlineModule } from '@skyux/indicators';
13
- import * as i3 from '@skyux/lists';
14
- import { SkyRepeaterModule } from '@skyux/lists';
15
- import * as i4 from '@skyux/tabs';
16
- import { SkyVerticalTabsetModule, SkyTabsModule } from '@skyux/tabs';
17
- import * as i8 from '@skyux/i18n';
18
- import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
19
- import { Subject, merge } from 'rxjs';
20
- import { takeUntil, map, share } from 'rxjs/operators';
21
- import * as i1 from '@skyux/theme';
22
- import { SkyThemeModule } from '@skyux/theme';
23
- import StackBlitzSDK from '@stackblitz/sdk';
24
- import * as i2$3 from '@angular/forms';
25
- import { FormsModule } from '@angular/forms';
26
- import * as i1$2 from '@skyux/forms';
27
- import { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';
28
- import * as i6$1 from '@blackbaud/skyux-lib-stache';
29
- import { StachePageSummaryModule, StacheWrapperModule } from '@blackbaud/skyux-lib-stache';
30
- import * as i1$3 from '@angular/router';
31
- import { RouterModule } from '@angular/router';
32
- import marked from 'marked';
33
- import * as i6 from '@blackbaud/skyux-lib-clipboard';
34
- import { SkyClipboardModule } from '@blackbaud/skyux-lib-clipboard';
35
- import * as i5 from '@skyux/popovers';
36
- import { SkyPopoverModule } from '@skyux/popovers';
37
- import * as i1$4 from '@angular/platform-browser';
38
- import * as i2$4 from '@skyux/core';
39
- import { SkyMediaBreakpoints } from '@skyux/core';
40
- import * as i2$5 from '@skyux/config';
41
- import * as i1$5 from '@angular/common/http';
42
- import orderBy from 'lodash.orderby';
43
- import { SkyAuthHttpClientModule } from '@skyux/http';
44
-
45
- class SkyDocsAnatomyItemComponent {
46
- constructor() {
47
- this.isOptional = false;
48
- }
49
- }
50
- SkyDocsAnatomyItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnatomyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
51
- SkyDocsAnatomyItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsAnatomyItemComponent, selector: "sky-docs-anatomy-item", inputs: { isOptional: "isOptional" }, ngImport: i0, template: "<div\n class=\"sky-docs-anatomy-item\"\n [ngClass]=\"{\n 'sky-docs-anatomy-item-optional': isOptional\n }\"\n>\n <div class=\"sky-docs-anatomy-item-marker\">\n {{ marker }}\n </div>\n <div class=\"sky-docs-anatomy-item-description\">\n <ng-content></ng-content>\n <span *ngIf=\"isOptional\"\n class=\"sky-deemphasized\"\n >&nbsp;(optional)</span>\n </div>\n</div>", styles: [".sky-docs-anatomy-item-marker{display:flex;width:22px;height:22px;border-radius:50%;justify-content:center;align-items:center;margin-right:5px;color:#fff;background-color:#4d842d}.sky-docs-anatomy-item{margin-bottom:10px;display:flex;align-items:center}.sky-docs-anatomy-item.sky-docs-anatomy-item-optional .sky-docs-anatomy-item-marker{background-color:#b7da9b;color:#212327}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnatomyItemComponent, decorators: [{
53
- type: Component,
54
- args: [{
55
- selector: 'sky-docs-anatomy-item',
56
- templateUrl: './anatomy-item.component.html',
57
- styleUrls: ['./anatomy-item.component.scss'],
58
- changeDetection: ChangeDetectionStrategy.OnPush
59
- }]
60
- }], propDecorators: { isOptional: [{
61
- type: Input
62
- }] } });
63
-
64
- class SkyDocsAnatomyComponent {
65
- ngAfterContentInit() {
66
- this.anatomyItems.forEach((item, i) => {
67
- item.marker = (i + 1).toString();
68
- });
69
- }
70
- }
71
- SkyDocsAnatomyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnatomyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
72
- SkyDocsAnatomyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsAnatomyComponent, selector: "sky-docs-anatomy", inputs: { imagePath: "imagePath" }, queries: [{ propertyName: "anatomyItems", predicate: SkyDocsAnatomyItemComponent }], ngImport: i0, template: "<div class=\"sky-docs-anatomy\">\n <sky-row>\n <sky-column\n screenSmall=\"6\"\n screenMedium=\"5\"\n screenLarge=\"4\"\n >\n <ng-content select=\"sky-docs-anatomy-item\"></ng-content>\n </sky-column>\n <sky-column\n screenSmall=\"6\"\n screenMedium=\"7\"\n screenLarge=\"8\"\n >\n <sky-image\n [imageSource]=\"imagePath\"\n ></sky-image>\n </sky-column>\n </sky-row>\n</div>", styles: [""], components: [{ type: i2$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i2$2.λ4, selector: "sky-image", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "showCaptionPrefix"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
73
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnatomyComponent, decorators: [{
74
- type: Component,
75
- args: [{
76
- selector: 'sky-docs-anatomy',
77
- templateUrl: './anatomy.component.html',
78
- styleUrls: ['./anatomy.component.scss'],
79
- changeDetection: ChangeDetectionStrategy.OnPush
80
- }]
81
- }], propDecorators: { imagePath: [{
82
- type: Input
83
- }], anatomyItems: [{
84
- type: ContentChildren,
85
- args: [SkyDocsAnatomyItemComponent]
86
- }] } });
87
-
88
- class SkyDocsAnatomyModule {
89
- }
90
- SkyDocsAnatomyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnatomyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
91
- SkyDocsAnatomyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnatomyModule, declarations: [SkyDocsAnatomyComponent,
92
- SkyDocsAnatomyItemComponent], imports: [CommonModule,
93
- SkyFluidGridModule,
94
- SkyImageModule], exports: [SkyDocsAnatomyComponent,
95
- SkyDocsAnatomyItemComponent] });
96
- SkyDocsAnatomyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnatomyModule, imports: [[
97
- CommonModule,
98
- SkyFluidGridModule,
99
- SkyImageModule
100
- ]] });
101
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnatomyModule, decorators: [{
102
- type: NgModule,
103
- args: [{
104
- imports: [
105
- CommonModule,
106
- SkyFluidGridModule,
107
- SkyImageModule
108
- ],
109
- declarations: [
110
- SkyDocsAnatomyComponent,
111
- SkyDocsAnatomyItemComponent
112
- ],
113
- exports: [
114
- SkyDocsAnatomyComponent,
115
- SkyDocsAnatomyItemComponent
116
- ]
117
- }]
118
- }] });
119
-
120
- /**
121
- * NOTICE: DO NOT MODIFY THIS FILE!
122
- * The contents of this file were automatically generated by
123
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-docs-tools' schematic.
124
- * To update this file, simply rerun the command.
125
- */
126
- const RESOURCES = {
127
- 'EN-US': { "sky-docs-demo-heading": { "message": "Demo" }, "sky-docs-demo-toggle-button-on": { "message": "Show options" }, "sky-docs-demo-toggle-button-off": { "message": "Hide options" }, "sky-docs-code-example-launch-button-label": { "message": "Run in StackBlitz" }, "sky-docs-demo-control-panel-reset-button-label": { "message": "Reset" } },
128
- };
129
- class SkyDocsToolsResourcesProvider {
130
- getString(localeInfo, name) {
131
- return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
132
- }
133
- }
134
- /**
135
- * Import into any component library module that needs to use resource strings.
136
- */
137
- class SkyDocsToolsResourcesModule {
138
- }
139
- SkyDocsToolsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsToolsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
140
- SkyDocsToolsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsToolsResourcesModule, exports: [SkyI18nModule] });
141
- SkyDocsToolsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsToolsResourcesModule, providers: [{
142
- provide: SKY_LIB_RESOURCES_PROVIDERS,
143
- useClass: SkyDocsToolsResourcesProvider,
144
- multi: true
145
- }], imports: [SkyI18nModule] });
146
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsToolsResourcesModule, decorators: [{
147
- type: NgModule,
148
- args: [{
149
- exports: [SkyI18nModule],
150
- providers: [{
151
- provide: SKY_LIB_RESOURCES_PROVIDERS,
152
- useClass: SkyDocsToolsResourcesProvider,
153
- multi: true
154
- }]
155
- }]
156
- }] });
157
-
158
- var SkyDocsCodeExampleTheme;
159
- (function (SkyDocsCodeExampleTheme) {
160
- SkyDocsCodeExampleTheme["Default"] = "default";
161
- SkyDocsCodeExampleTheme["Modern"] = "modern";
162
- })(SkyDocsCodeExampleTheme || (SkyDocsCodeExampleTheme = {}));
163
-
164
- /**
165
- * Renders a single code example.
166
- * @example
167
- * ```
168
- * <sky-docs-code-example
169
- * heading="My code example"
170
- * sourceCodePath="src/app/public/plugin-resources/foobar"
171
- * >
172
- * </sky-docs-code-example>
173
- * ```
174
- */
175
- class SkyDocsCodeExampleComponent {
176
- constructor(themeSvc) {
177
- this.ngUnsubscribe = new Subject();
178
- // Update theme property with SkyThemeService if it has not been set.
179
- if (!this._theme && themeSvc) {
180
- themeSvc.settingsChange
181
- .pipe(takeUntil(this.ngUnsubscribe))
182
- .subscribe(change => {
183
- if (change.currentSettings.theme.name === 'modern') {
184
- this.theme = SkyDocsCodeExampleTheme.Modern;
185
- }
186
- else if (change.currentSettings.theme.name === 'default') {
187
- this.theme = SkyDocsCodeExampleTheme.Default;
188
- }
189
- });
190
- }
191
- }
192
- /**
193
- * Specifies if the editor service should show the example in modern theme.
194
- * The value will be gleaned from `SkyThemeService` first, then fallback to 'default' if the service is not found.
195
- */
196
- set theme(value) {
197
- this._theme = value;
198
- }
199
- get theme() {
200
- return this._theme || SkyDocsCodeExampleTheme.Default;
201
- }
202
- ngOnDestroy() {
203
- this.ngUnsubscribe.next();
204
- this.ngUnsubscribe.complete();
205
- }
206
- }
207
- SkyDocsCodeExampleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExampleComponent, deps: [{ token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
208
- SkyDocsCodeExampleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsCodeExampleComponent, selector: "sky-docs-code-example", inputs: { heading: "heading", sourceCodePath: "sourceCodePath", theme: "theme" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
209
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExampleComponent, decorators: [{
210
- type: Component,
211
- args: [{
212
- selector: 'sky-docs-code-example',
213
- template: '',
214
- changeDetection: ChangeDetectionStrategy.OnPush
215
- }]
216
- }], ctorParameters: function () { return [{ type: i1.SkyThemeService, decorators: [{
217
- type: Optional
218
- }] }]; }, propDecorators: { heading: [{
219
- type: Input
220
- }], sourceCodePath: [{
221
- type: Input
222
- }], theme: [{
223
- type: Input
224
- }] } });
225
-
226
- /**
227
- * @internal
228
- */
229
- class SkyDocsCodeExamplesEditorService {
230
- launchEditor(codeExample) {
231
- const project = this.getPayload(codeExample);
232
- const options = {};
233
- StackBlitzSDK.openProject(project, options);
234
- }
235
- getPayload(codeExample) {
236
- const angularVersion = '^12.2.0';
237
- const skyuxVersion = '^5.0.0-0';
238
- const defaultDependencies = {
239
- '@angular/animations': angularVersion,
240
- '@angular/common': angularVersion,
241
- '@angular/compiler': angularVersion,
242
- '@angular/core': angularVersion,
243
- '@angular/forms': angularVersion,
244
- '@angular/platform-browser': angularVersion,
245
- '@angular/platform-browser-dynamic': angularVersion,
246
- '@angular/router': angularVersion,
247
- '@skyux/animations': skyuxVersion,
248
- '@skyux/assets': skyuxVersion,
249
- '@skyux/config': skyuxVersion,
250
- '@skyux/core': skyuxVersion,
251
- '@skyux/errors': skyuxVersion,
252
- '@skyux/forms': skyuxVersion,
253
- '@skyux/http': skyuxVersion,
254
- '@skyux/i18n': skyuxVersion,
255
- '@skyux/indicators': skyuxVersion,
256
- '@skyux/layout': skyuxVersion,
257
- '@skyux/modals': skyuxVersion,
258
- '@skyux/popovers': skyuxVersion,
259
- '@skyux/router': skyuxVersion,
260
- '@skyux/theme': skyuxVersion,
261
- 'rxjs': '^6.6.0',
262
- 'tslib': '^2.3.0',
263
- 'zone.js': '~0.11.4'
264
- };
265
- const mergedDependencies = Object.assign({}, defaultDependencies, codeExample.packageDependencies);
266
- // Ensure any @skyux dependencies list the correct version of SKY UX.
267
- // e.g. `"@skyux/core": "*"` --> `"@skyux/core": "5.0.0"`
268
- for (const packageName in mergedDependencies) {
269
- /*istanbul ignore else*/
270
- if (mergedDependencies.hasOwnProperty(packageName)) {
271
- const version = mergedDependencies[packageName];
272
- if (version === '*' && /^(@blackbaud\/skyux-lib-|@skyux)/.test(packageName)) {
273
- mergedDependencies[packageName] = skyuxVersion;
274
- }
275
- }
276
- }
277
- const files = this.parseStackBlitzFiles(codeExample.sourceCode, mergedDependencies, codeExample.theme, codeExample.stylesheets);
278
- return {
279
- files,
280
- title: 'SKY UX Demo',
281
- description: 'SKY UX Demo',
282
- template: 'angular-cli',
283
- dependencies: mergedDependencies,
284
- settings: {
285
- compile: {
286
- clearConsole: false
287
- }
288
- }
289
- };
290
- }
291
- parseStackBlitzFiles(sourceCode, dependencies, theme, stylesheets = []) {
292
- const srcPath = 'src/';
293
- const appPath = `${srcPath}app/`;
294
- const banner = `/**
295
- * This file is needed for the StackBlitz demo only.
296
- * It is automatically provided when using the Angular CLI.
297
- **/
298
- `;
299
- const moduleImportStatements = [
300
- `import {\n NgModule\n} from '@angular/core';`,
301
- `import {\n FormsModule,\n ReactiveFormsModule\n} from '@angular/forms';`,
302
- `import {\n BrowserAnimationsModule\n} from '@angular/platform-browser/animations';`,
303
- `import {\n RouterModule\n} from '@angular/router';`,
304
- `import {\n SkyAppLocaleProvider\n} from '@skyux/i18n';`,
305
- `import {\n SkyThemeService\n} from '@skyux/theme';`,
306
- `import {\n of as observableOf\n} from 'rxjs';`,
307
- `import {\n AppComponent\n} from './app.component';`
308
- ];
309
- const moduleImports = [
310
- 'BrowserAnimationsModule',
311
- 'FormsModule',
312
- 'ReactiveFormsModule',
313
- 'RouterModule.forRoot([])'
314
- ];
315
- const files = {};
316
- let appComponentTemplate = '';
317
- sourceCode.forEach((file) => {
318
- files[`${appPath}${file.fileName}`] = file.rawContents;
319
- // Setup module imports and component selectors.
320
- if (file.fileName.indexOf('.module.ts') > -1) {
321
- const moduleName = this.getModuleName(file.rawContents);
322
- const importPath = `./${this.getFilenameNoExtension(file.fileName)}`;
323
- const exportedComponent = this.getExportedComponent(file.rawContents);
324
- const componentSelector = this.getComponentSelector(exportedComponent, sourceCode);
325
- appComponentTemplate += `<${componentSelector}></${componentSelector}>`;
326
- moduleImports.push(moduleName);
327
- moduleImportStatements.push(`import {\n ${moduleName}\n} from '${importPath}';`);
328
- }
329
- });
330
- files[`${appPath}app.component.ts`] = `${banner}
331
- import {
332
- Component,
333
- Renderer2
334
- } from '@angular/core';
335
-
336
- import {
337
- SkyTheme,
338
- SkyThemeMode,
339
- SkyThemeService,
340
- SkyThemeSettings
341
- } from '@skyux/theme';
342
-
343
- @Component({
344
- selector: 'sky-demo-app',
345
- template: '${appComponentTemplate}'
346
- })
347
- export class AppComponent {
348
-
349
- constructor(
350
- themeSvc: SkyThemeService,
351
- renderer?: Renderer2
352
- ) {
353
- const themeSettings = new SkyThemeSettings(
354
- SkyTheme.presets['${theme === SkyDocsCodeExampleTheme.Modern ? 'modern' : 'default'}'],
355
- SkyThemeMode.presets.light
356
- );
357
-
358
- themeSvc.init(
359
- document.body,
360
- renderer,
361
- themeSettings
362
- );
363
- }
364
-
365
- }`;
366
- files[`${appPath}app.module.ts`] = `${moduleImportStatements.join('\n\n')}
367
-
368
- @NgModule({
369
- imports: [
370
- ${moduleImports.join(',\n ')}
371
- ],
372
- declarations: [
373
- AppComponent
374
- ],
375
- bootstrap: [
376
- AppComponent
377
- ],
378
- providers: [
379
- SkyThemeService,
380
- {
381
- provide: SkyAppLocaleProvider,
382
- useValue: {
383
- getLocaleInfo: () => observableOf({
384
- locale: 'en-US'
385
- })
386
- }
387
- }
388
- ]
389
- })
390
- export class AppModule { }
391
- `;
392
- files[`${srcPath}index.html`] = `<!--
393
- The CSS links are needed for the StackBlitz demo only.
394
- This is a workaround for a known bug that prevents external imports in CSS.
395
- https://github.com/stackblitz/core/issues/133
396
- -->
397
- <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />${theme === SkyDocsCodeExampleTheme.Modern ? `<link rel="stylesheet" type="text/css" href="https://sky.blackbaudcdn.net/static/skyux-icons/5.0.0/assets/css/skyux-icons.min.css" />` : ``}
398
-
399
- <sky-demo-app>
400
- Loading...
401
- </sky-demo-app>`;
402
- files[`${srcPath}main.ts`] = `${banner}
403
- import './polyfills';
404
-
405
- import {
406
- platformBrowserDynamic
407
- } from '@angular/platform-browser-dynamic';
408
-
409
- import {
410
- AppModule
411
- } from './app/app.module';
412
-
413
- platformBrowserDynamic().bootstrapModule(AppModule).then(ref => {
414
- if (window['ngRef']) {
415
- window['ngRef'].destroy();
416
- }
417
-
418
- window['ngRef'] = ref;
419
- }).catch(err => console.error(err));
420
- `;
421
- files[`${srcPath}polyfills.ts`] = `${banner}
422
- import 'zone.js';
423
- `;
424
- files[`${srcPath}styles.scss`] = `@import '~@skyux/theme/css/sky';
425
- ${theme === SkyDocsCodeExampleTheme.Modern ? `@import '~@skyux/theme/css/themes/modern/styles';` : ``}
426
- body {
427
- background-color: #fff;
428
- margin: 15px;
429
- }`;
430
- stylesheets.push("src/styles.scss");
431
- files['angular.json'] = `{
432
- "projects": {
433
- "demo": {
434
- "architect": {
435
- "build": {
436
- "options": {
437
- "index": "src/index.html",
438
- "styles": ${JSON.stringify(stylesheets)}
439
- }
440
- }
441
- }
442
- }
443
- }
444
- }`;
445
- files['package.json'] = JSON.stringify({
446
- dependencies
447
- }, undefined, 2);
448
- files['tsconfig.json'] = `{
449
- "compilerOptions": {
450
- "target": "es2017",
451
- "module": "es2020",
452
- "moduleResolution": "node",
453
- "emitDecoratorMetadata": true,
454
- "experimentalDecorators": true,
455
- "importHelpers": true,
456
- "typeRoots": ["node_modules/@types"],
457
- "lib": [
458
- "es2018",
459
- "dom"
460
- ]
461
- },
462
- "angularCompilerOptions": {
463
- "fullTemplateTypeCheck": true,
464
- "strictInjectionParameters": true,
465
- "strictInputAccessModifiers": true,
466
- "strictTemplates": true,
467
- "enableIvy": false
468
- }
469
- }`;
470
- return files;
471
- }
472
- getModuleName(contents) {
473
- return contents.split('export class ')[1].split(' {')[0];
474
- }
475
- getFilenameNoExtension(fileName) {
476
- const extension = fileName.split('.').pop();
477
- return fileName.replace(`.${extension}`, '');
478
- }
479
- getExportedComponent(contents) {
480
- const trimmed = contents.replace(/\s/g, '');
481
- let fragment = trimmed.split('exports:[')[1];
482
- if (!fragment) {
483
- throw 'You must export a component from the code example module!';
484
- }
485
- fragment = fragment.split(']')[0];
486
- const components = fragment.split(',').filter(x => x);
487
- if (components.length > 1) {
488
- throw 'You may only export a single component from the code example module' +
489
- `(we found ${components.length}: ${components.join(', ')}).` +
490
- 'Is it possible to create a new code example with the extra components?';
491
- }
492
- return components[0];
493
- }
494
- getComponentSelector(componentClassName, sourceCode) {
495
- const found = sourceCode.find((file) => {
496
- return (file.rawContents.indexOf(componentClassName) > -1);
497
- });
498
- const trimmed = found.rawContents.replace(/\s/g, '');
499
- return trimmed.split(`selector:'`)[1].split(`'`)[0];
500
- }
501
- }
502
- SkyDocsCodeExamplesEditorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
503
- SkyDocsCodeExamplesEditorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesEditorService, providedIn: 'root' });
504
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesEditorService, decorators: [{
505
- type: Injectable,
506
- args: [{
507
- providedIn: 'root'
508
- }]
509
- }] });
510
-
511
- class SkyDocsSourceCodeProvider {
512
- }
513
- SkyDocsSourceCodeProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSourceCodeProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
514
- SkyDocsSourceCodeProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSourceCodeProvider, providedIn: 'any' });
515
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSourceCodeProvider, decorators: [{
516
- type: Injectable,
517
- args: [{
518
- providedIn: 'any'
519
- }]
520
- }] });
521
-
522
- class SkyDocsSourceCodeService {
523
- constructor(sourceCodeProvider) {
524
- this.sourceCodeProvider = sourceCodeProvider;
525
- }
526
- getSourceCode(path) {
527
- const sourceCode = this.sourceCodeProvider.sourceCode;
528
- if (!sourceCode || !sourceCode.length) {
529
- return [];
530
- }
531
- return sourceCode
532
- .filter(file => file.filePath.indexOf(path) === 0)
533
- .map(file => {
534
- // TODO: Remove decoding after migrating to Angular CLI. Code examples will not be encoded for SKY UX 5 libraries.
535
- // SKY UX 4 libraries will return rawContents encoded, while later libraries will
536
- // return rawContents decoded. Check if the contents need decoded before returning them.
537
- let decodedContents;
538
- try {
539
- decodedContents = decodeURIComponent(file.rawContents);
540
- if (decodedContents !== file.rawContents) {
541
- file.rawContents = decodedContents;
542
- }
543
- }
544
- catch (error) {
545
- // Pre-decoded contents may contain characters like '%' that would throw errors.
546
- // In these cases, pass along the original rawContents.
547
- }
548
- return file;
549
- });
550
- }
551
- }
552
- SkyDocsSourceCodeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSourceCodeService, deps: [{ token: SkyDocsSourceCodeProvider }], target: i0.ɵɵFactoryTarget.Injectable });
553
- SkyDocsSourceCodeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSourceCodeService, providedIn: 'any' });
554
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSourceCodeService, decorators: [{
555
- type: Injectable,
556
- args: [{
557
- providedIn: 'any'
558
- }]
559
- }], ctorParameters: function () { return [{ type: SkyDocsSourceCodeProvider }]; } });
560
-
561
- /**
562
- * Wraps all code examples and handles their configuration and styles.
563
- * @example
564
- * ```
565
- * <sky-docs-code-examples
566
- * [packageDependencies]="{
567
- * "foobar": "*",
568
- * "baz": "1.2.3"
569
- * }"
570
- * >
571
- * <sky-docs-code-example>
572
- * </sky-docs-code-example>
573
- * </sky-docs-code-examples>
574
- * ```
575
- */
576
- class SkyDocsCodeExamplesComponent {
577
- constructor(editorService, sourceCodeService) {
578
- this.editorService = editorService;
579
- this.sourceCodeService = sourceCodeService;
580
- this.stylesheets = [];
581
- this.codeExamples = [];
582
- }
583
- /**
584
- * Any extra NPM package dependencies that are needed for the editor to run the code example.
585
- * @default {}
586
- */
587
- set packageDependencies(value) {
588
- this._packageDependencies = value;
589
- }
590
- get packageDependencies() {
591
- return this._packageDependencies || {};
592
- }
593
- ngAfterContentInit() {
594
- this.codeExampleComponents.forEach((component) => {
595
- // Make sure the source code path ends in a slash, so that similarly named directories aren't included.
596
- let sourceCodePath = component.sourceCodePath;
597
- if (sourceCodePath.slice(-1) !== '/') {
598
- sourceCodePath += '/';
599
- }
600
- const sourceCode = this.sourceCodeService.getSourceCode(sourceCodePath);
601
- if (!sourceCode.length) {
602
- console.warn(`Source code not found at location "${sourceCodePath}" for "${component.heading}"!`);
603
- return;
604
- }
605
- this.codeExamples.push({
606
- heading: component.heading,
607
- packageDependencies: this.packageDependencies,
608
- sourceCode,
609
- stylesheets: this.stylesheets,
610
- theme: component.theme
611
- });
612
- });
613
- }
614
- launchEditor(codeExample) {
615
- this.editorService.launchEditor(codeExample);
616
- }
617
- /**
618
- * Returns a string representing one of PrismJS's supported language types.
619
- * See: https://prismjs.com/#supported-languages
620
- */
621
- parseCodeLanguageType(fileName) {
622
- const extension = fileName.split('.').pop().toLowerCase();
623
- switch (extension) {
624
- case 'ts':
625
- return 'typescript';
626
- case 'html':
627
- return 'markup';
628
- default:
629
- return extension;
630
- }
631
- }
632
- }
633
- SkyDocsCodeExamplesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesComponent, deps: [{ token: SkyDocsCodeExamplesEditorService }, { token: SkyDocsSourceCodeService }], target: i0.ɵɵFactoryTarget.Component });
634
- SkyDocsCodeExamplesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsCodeExamplesComponent, selector: "sky-docs-code-examples", inputs: { packageDependencies: "packageDependencies", stylesheets: "stylesheets" }, queries: [{ propertyName: "codeExampleComponents", predicate: SkyDocsCodeExampleComponent }], ngImport: i0, template: "<div *ngIf=\"codeExamples && codeExamples.length\"\n class=\"sky-docs-code-examples\"\n>\n <sky-repeater *ngIf=\"codeExamples.length > 1 else singleCodeExample\"\n expandMode=\"multiple\"\n >\n <sky-repeater-item *ngFor=\"let codeExample of codeExamples\"\n [isExpanded]=\"false\"\n >\n <sky-repeater-item-title>\n <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExample}\">\n </ng-container>\n </sky-repeater-item-title>\n <sky-repeater-item-content>\n <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExample}\">\n </ng-container>\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n</div>\n\n<ng-template>\n <ng-content\n select=\"sky-docs-code-example\"\n >\n </ng-content>\n</ng-template>\n\n<ng-template\n let-item\n #codeExampleTemplate\n>\n <div class=\"sky-docs-code-example-wrapper\">\n <sky-vertical-tabset *ngIf=\"item.sourceCode && item.sourceCode.length\">\n <sky-vertical-tab *ngFor=\"let file of item.sourceCode; let i = index;\"\n [active]=\"i === 0\"\n [tabHeading]=\"file.fileName\"\n >\n <sky-code-block\n [code]=\"file.rawContents\"\n [languageType]=\"parseCodeLanguageType(file.fileName)\"\n >\n </sky-code-block>\n </sky-vertical-tab>\n </sky-vertical-tabset>\n </div>\n</ng-template>\n\n<ng-template\n #singleCodeExample\n>\n <ng-container *ngTemplateOutlet=\"codeExampleHeaderTemplate; context: {$implicit: codeExamples[0]}\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"codeExampleTemplate; context: {$implicit: codeExamples[0]}\">\n </ng-container>\n</ng-template>\n\n<ng-template\n let-codeExample\n #codeExampleHeaderTemplate\n>\n <div\n class=\"sky-docs-code-example-header\"\n >\n <div\n class=\"sky-docs-code-example-header-title sky-emphasized\"\n >\n {{ codeExample.heading }}\n </div>\n <div\n class=\"sky-docs-code-example-header-controls\"\n >\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"launchEditor(codeExample);$event.stopPropagation();\"\n >\n <sky-icon\n icon=\"pencil\"\n ></sky-icon>\n {{ 'sky-docs-code-example-launch-button-label' | skyLibResources }}\n </button>\n </div>\n </div>\n</ng-template>", styles: [".sky-docs-code-example-header{display:flex;align-items:baseline}.sky-docs-code-example-header-title{flex-grow:1}.sky-docs-code-example-header-controls{flex-grow:0}.sky-docs-code-example-header-controls .sky-btn{font-weight:normal}.sky-docs-code-example-wrapper{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-top:10px}.sky-docs-code-example-wrapper ::ng-deep .sky-vertical-tabset-content{margin:0}.sky-docs-code-example-wrapper ::ng-deep sky-code-block{margin:0!important}.sky-docs-code-example-wrapper ::ng-deep .sky-code-block-header{border:0}.sky-docs-code-example-wrapper ::ng-deep .sky-code-output{border-left:0;border-right:0;border-bottom:0}\n"], components: [{ type: i3.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i3.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i3.λ12, selector: "sky-repeater-item-title" }, { type: i3.λ8, selector: "sky-repeater-item-content" }, { type: i4.λ6, selector: "sky-vertical-tabset", inputs: ["showTabsText", "ariaRole", "maintainTabContent"], outputs: ["activeChange"] }, { type: i4.λ4, selector: "sky-vertical-tab", inputs: ["active", "ariaControls", "ariaInvalid", "ariaRequired", "ariaRole", "disabled", "errorIndicator", "tabHeaderCount", "tabHeading", "showTabRightArrow", "tabId"] }, { type: i3$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i8.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
635
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesComponent, decorators: [{
636
- type: Component,
637
- args: [{
638
- selector: 'sky-docs-code-examples',
639
- templateUrl: './code-examples.component.html',
640
- styleUrls: ['./code-examples.component.scss'],
641
- changeDetection: ChangeDetectionStrategy.OnPush
642
- }]
643
- }], ctorParameters: function () { return [{ type: SkyDocsCodeExamplesEditorService }, { type: SkyDocsSourceCodeService }]; }, propDecorators: { packageDependencies: [{
644
- type: Input
645
- }], stylesheets: [{
646
- type: Input
647
- }], codeExampleComponents: [{
648
- type: ContentChildren,
649
- args: [SkyDocsCodeExampleComponent]
650
- }] } });
651
-
652
- class SkyDocsCodeExamplesModule {
653
- }
654
- SkyDocsCodeExamplesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
655
- SkyDocsCodeExamplesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesModule, declarations: [SkyDocsCodeExampleComponent,
656
- SkyDocsCodeExamplesComponent], imports: [CommonModule,
657
- SkyCodeBlockModule,
658
- SkyDocsToolsResourcesModule,
659
- SkyIconModule,
660
- SkyRepeaterModule,
661
- SkyVerticalTabsetModule], exports: [SkyDocsCodeExampleComponent,
662
- SkyDocsCodeExamplesComponent] });
663
- SkyDocsCodeExamplesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesModule, imports: [[
664
- CommonModule,
665
- SkyCodeBlockModule,
666
- SkyDocsToolsResourcesModule,
667
- SkyIconModule,
668
- SkyRepeaterModule,
669
- SkyVerticalTabsetModule
670
- ]] });
671
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCodeExamplesModule, decorators: [{
672
- type: NgModule,
673
- args: [{
674
- imports: [
675
- CommonModule,
676
- SkyCodeBlockModule,
677
- SkyDocsToolsResourcesModule,
678
- SkyIconModule,
679
- SkyRepeaterModule,
680
- SkyVerticalTabsetModule
681
- ],
682
- declarations: [
683
- SkyDocsCodeExampleComponent,
684
- SkyDocsCodeExamplesComponent
685
- ],
686
- exports: [
687
- SkyDocsCodeExampleComponent,
688
- SkyDocsCodeExamplesComponent
689
- ]
690
- }]
691
- }] });
692
-
693
- /**
694
- * Renders a checkbox control within the control panel.
695
- * @example
696
- * ```markup
697
- * <sky-docs-demo-control-panel-checkbox
698
- * label="Show title"
699
- * [checked]="true"
700
- * [propertyName]="showTitle"
701
- * >
702
- * </sky-docs-demo-control-panel-checkbox>
703
- * ```
704
- */
705
- class SkyDocsDemoControlPanelCheckboxComponent {
706
- constructor(changeDetector) {
707
- this.changeDetector = changeDetector;
708
- /**
709
- * Indicates whether to disable the checkbox.
710
- */
711
- this.disabled = false;
712
- this.selectionChange = new Subject();
713
- this.initialState = {};
714
- }
715
- /**
716
- * The checked status of the checkbox.
717
- * @default false
718
- */
719
- set checked(value) {
720
- if (value !== undefined && this._checked === undefined) {
721
- this.initialState.checked = value;
722
- }
723
- this._checked = value;
724
- }
725
- get checked() {
726
- return this._checked || false;
727
- }
728
- ngOnInit() {
729
- setTimeout(() => {
730
- this.initialState.checked = this.checked;
731
- this.notifyChange();
732
- });
733
- }
734
- ngOnDestroy() {
735
- this.selectionChange.complete();
736
- }
737
- onModelChange() {
738
- this.notifyChange();
739
- }
740
- resetState() {
741
- if (this.initialState.checked !== this.checked) {
742
- this.checked = !!this.initialState.checked;
743
- this.notifyChange();
744
- this.changeDetector.markForCheck();
745
- }
746
- }
747
- notifyChange() {
748
- this.selectionChange.next({
749
- [this.propertyName]: this.checked
750
- });
751
- }
752
- }
753
- SkyDocsDemoControlPanelCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoControlPanelCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
754
- SkyDocsDemoControlPanelCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoControlPanelCheckboxComponent, selector: "sky-docs-demo-control-panel-checkbox", inputs: { checked: "checked", disabled: "disabled", label: "label", propertyName: "propertyName" }, ngImport: i0, template: "<sky-checkbox\n [disabled]=\"disabled\"\n [name]=\"propertyName\"\n [(ngModel)]=\"checked\"\n (change)=\"onModelChange()\"\n>\n <sky-checkbox-label>{{ label }}</sky-checkbox-label>\n</sky-checkbox>\n", components: [{ type: i1$2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1$2.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
755
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoControlPanelCheckboxComponent, decorators: [{
756
- type: Component,
757
- args: [{
758
- selector: 'sky-docs-demo-control-panel-checkbox',
759
- templateUrl: './demo-control-panel-checkbox.component.html',
760
- changeDetection: ChangeDetectionStrategy.OnPush
761
- }]
762
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { checked: [{
763
- type: Input
764
- }], disabled: [{
765
- type: Input
766
- }], label: [{
767
- type: Input
768
- }], propertyName: [{
769
- type: Input
770
- }] } });
771
-
772
- /**
773
- * Renders a radio control group.
774
- * @example
775
- * ```markup
776
- * <sky-docs-demo-control-panel-radio-group
777
- * [choices]="[
778
- * { 'label': 'Red', value: '#f00' },
779
- * { 'label': 'Green', value: '#0f0' },
780
- * { 'label': 'Blue', value: '#00f' }
781
- * ]"
782
- * heading="Choose a color"
783
- * initialValue="Red"
784
- * propertyName="color"
785
- * >
786
- * </sky-docs-demo-control-panel-radio-group>
787
- * ```
788
- */
789
- class SkyDocsDemoControlPanelRadioGroupComponent {
790
- constructor(changeDetector) {
791
- this.changeDetector = changeDetector;
792
- /**
793
- * Indicates whether to disable the radio group.
794
- */
795
- this.disabled = false;
796
- /**
797
- * @internal
798
- */
799
- this.selectionChange = new Subject();
800
- }
801
- ngOnInit() {
802
- this.value = this.cloneValue(this.initialValue);
803
- }
804
- ngOnDestroy() {
805
- this.selectionChange.complete();
806
- }
807
- onModelChange(value) {
808
- this.value = value;
809
- this.selectionChange.next({
810
- [this.propertyName]: this.value
811
- });
812
- }
813
- resetValue() {
814
- this.value = this.cloneValue(this.initialValue);
815
- this.changeDetector.markForCheck();
816
- }
817
- cloneValue(value) {
818
- if (typeof value === 'object') {
819
- return JSON.parse(JSON.stringify(value));
820
- }
821
- return value;
822
- }
823
- }
824
- SkyDocsDemoControlPanelRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoControlPanelRadioGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
825
- SkyDocsDemoControlPanelRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoControlPanelRadioGroupComponent, selector: "sky-docs-demo-control-panel-radio-group", inputs: { choices: "choices", disabled: "disabled", heading: "heading", initialValue: "initialValue", propertyName: "propertyName" }, ngImport: i0, template: "<div\n class=\"sky-demo-control-panel-radio-group\"\n>\n <strong *ngIf=\"heading\">{{ heading }}</strong>\n <sky-radio-group\n [disabled]=\"disabled\"\n [name]=\"propertyName\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event);\"\n >\n <ul\n class=\"sky-list-unstyled\"\n >\n <li *ngFor=\"let choice of choices\">\n <sky-radio\n [value]=\"choice.value\"\n >\n <sky-radio-label>{{ choice.label }}</sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n </sky-radio-group>\n</div>\n", styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"], components: [{ type: i1$2.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i1$2.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1$2.λ12, selector: "sky-radio-label" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
826
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoControlPanelRadioGroupComponent, decorators: [{
827
- type: Component,
828
- args: [{
829
- selector: 'sky-docs-demo-control-panel-radio-group',
830
- templateUrl: './demo-control-panel-radio-group.component.html',
831
- styleUrls: ['./demo-control-panel-radio-group.component.scss'],
832
- changeDetection: ChangeDetectionStrategy.OnPush
833
- }]
834
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { choices: [{
835
- type: Input
836
- }], disabled: [{
837
- type: Input
838
- }], heading: [{
839
- type: Input
840
- }], initialValue: [{
841
- type: Input
842
- }], propertyName: [{
843
- type: Input
844
- }] } });
845
-
846
- /**
847
- * Handles the appearance and configuration of the behavior demo control panel.
848
- * @example
849
- * ```markup
850
- * <sky-docs-demo-control-panel
851
- * (selectionChange)="onSelectionChange($event)"
852
- * >
853
- * Control panel content here.
854
- * </sky-docs-demo-control-panel>
855
- * ```
856
- */
857
- class SkyDocsDemoControlPanelComponent {
858
- constructor() {
859
- /**
860
- * Fires when the user clicks the reset button.
861
- */
862
- this.reset = new EventEmitter();
863
- /**
864
- * Fires when a user makes a selection from one of the controls in the panel.
865
- */
866
- this.selectionChange = new EventEmitter();
867
- this.ngUnsubscribe = new Subject();
868
- }
869
- ngAfterContentInit() {
870
- this.addEventListeners();
871
- merge(this.checkboxes.changes, this.radioGroups.changes)
872
- .pipe(takeUntil(this.ngUnsubscribe))
873
- .subscribe(() => {
874
- this.addEventListeners();
875
- });
876
- }
877
- ngOnDestroy() {
878
- this.reset.complete();
879
- this.selectionChange.complete();
880
- this.ngUnsubscribe.next();
881
- this.ngUnsubscribe.complete();
882
- }
883
- onResetButtonClick() {
884
- this.radioGroups.forEach((radioGroup) => {
885
- radioGroup.resetValue();
886
- });
887
- this.checkboxes.forEach((checkbox) => {
888
- checkbox.resetState();
889
- });
890
- this.reset.emit();
891
- }
892
- addEventListeners() {
893
- if (this.eventListeners) {
894
- this.eventListeners.unsubscribe();
895
- }
896
- this.eventListeners = merge(...this.checkboxes.map(c => c.selectionChange), ...this.radioGroups.map(c => c.selectionChange))
897
- .pipe(takeUntil(this.ngUnsubscribe))
898
- .subscribe((change) => {
899
- this.selectionChange.next(change);
900
- });
901
- }
902
- }
903
- SkyDocsDemoControlPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoControlPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
904
- SkyDocsDemoControlPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoControlPanelComponent, selector: "sky-docs-demo-control-panel", outputs: { reset: "reset", selectionChange: "selectionChange" }, queries: [{ propertyName: "radioGroups", predicate: SkyDocsDemoControlPanelRadioGroupComponent, descendants: true }, { propertyName: "checkboxes", predicate: SkyDocsDemoControlPanelCheckboxComponent, descendants: true }], ngImport: i0, template: "<div class=\"sky-docs-demo-control-panel\">\n <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-sections-column\">\n <ng-content select=\"sky-docs-demo-control-panel-section\"></ng-content>\n </div>\n\n <div class=\"sky-docs-demo-control-panel-column sky-docs-demo-control-panel-button-column\">\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.data-test-selector]=\"'sky-docs-demo-control-panel-reset-button'\"\n (click)=\"onResetButtonClick()\"\n >\n {{ 'sky-docs-demo-control-panel-reset-button-label' | skyLibResources }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".sky-docs-demo-control-panel{margin-bottom:20px;margin-top:-1px;margin-left:-15px}.sky-docs-demo-control-panel-row{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;padding:15px;background-color:#fff;display:inline-flex;min-width:220px}.sky-docs-demo-control-panel-sections-column{display:flex}.sky-docs-demo-control-panel-sections-column ::ng-deep sky-docs-demo-control-panel-section{min-width:120px}.sky-docs-demo-control-panel-button-column{align-self:flex-end}.sky-docs-demo-control-panel-button-column .sky-btn{border:0}\n"], pipes: { "skyLibResources": i8.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
905
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoControlPanelComponent, decorators: [{
906
- type: Component,
907
- args: [{
908
- selector: 'sky-docs-demo-control-panel',
909
- templateUrl: './demo-control-panel.component.html',
910
- styleUrls: ['./demo-control-panel.component.scss'],
911
- changeDetection: ChangeDetectionStrategy.OnPush
912
- }]
913
- }], propDecorators: { reset: [{
914
- type: Output
915
- }], selectionChange: [{
916
- type: Output
917
- }], radioGroups: [{
918
- type: ContentChildren,
919
- args: [SkyDocsDemoControlPanelRadioGroupComponent, { descendants: true }]
920
- }], checkboxes: [{
921
- type: ContentChildren,
922
- args: [SkyDocsDemoControlPanelCheckboxComponent, { descendants: true }]
923
- }] } });
924
-
925
- /**
926
- * Wraps all behavior demo components and handles the configuration and appearance of the behavior demo.
927
- * @example
928
- * ```markup
929
- * <sky-docs-demo>
930
- * Demo content here.
931
- * </sky-docs-demo>
932
- * ```
933
- */
934
- class SkyDocsDemoComponent {
935
- constructor() {
936
- this.areOptionsVisible = false;
937
- }
938
- /**
939
- * Specifies the horizontal alignment of the demo contents.
940
- * @default 'left'
941
- */
942
- set alignContents(value) {
943
- this._alignContents = value;
944
- }
945
- get alignContents() {
946
- return this._alignContents || 'left';
947
- }
948
- get hasOptions() {
949
- return (this.controlPanels && this.controlPanels.length > 0);
950
- }
951
- get toggleOptionsButtonIcon() {
952
- return (this.areOptionsVisible) ? 'chevron-up' : 'chevron-down';
953
- }
954
- onToggleOptionsButtonClick() {
955
- this.areOptionsVisible = !this.areOptionsVisible;
956
- }
957
- }
958
- SkyDocsDemoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
959
- SkyDocsDemoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoComponent, selector: "sky-docs-demo", inputs: { alignContents: "alignContents", heading: "heading" }, queries: [{ propertyName: "controlPanels", predicate: SkyDocsDemoControlPanelComponent, read: ElementRef }], ngImport: i0, template: "<div class=\"sky-docs-demo\">\n <div\n aria-level=\"3\"\n class=\"sky-docs-demo-heading\"\n role=\"heading\"\n >\n <span\n class=\"sky-section-heading\"\n [attr.data-test-selector]=\"'sky-docs-demo-heading-text'\"\n >\n {{ heading || ('sky-docs-demo-heading' | skyLibResources) }}\n </span>\n\n <div\n class=\"sky-docs-demo-control-panel-wrapper\"\n >\n <div\n class=\"sky-docs-demo-control-panel-wrapper-header\"\n >\n <button *ngIf=\"hasOptions\"\n class=\"sky-btn\"\n type=\"button\"\n [attr.data-test-selector]=\"'sky-docs-demo-heading-button'\"\n [ngClass]=\"{\n 'sky-docs-demo-heading-btn-open': areOptionsVisible\n }\"\n (click)=\"onToggleOptionsButtonClick()\"\n >\n <sky-icon\n [icon]=\"toggleOptionsButtonIcon\"\n ></sky-icon>\n <ng-container *ngIf=\"areOptionsVisible\">\n {{ 'sky-docs-demo-toggle-button-off' | skyLibResources }}\n </ng-container>\n <ng-container *ngIf=\"!areOptionsVisible\">\n {{ 'sky-docs-demo-toggle-button-on' | skyLibResources }}\n </ng-container>\n </button>\n </div>\n <div\n class=\"sky-docs-demo-control-panel-wrapper-body\"\n >\n <ng-container *ngIf=\"areOptionsVisible\">\n <ng-container *ngTemplateOutlet=\"controlPanels\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n\n <div\n class=\"sky-docs-demo-viewport\"\n [ngClass]=\"'sky-docs-demo-viewport-align-' + alignContents\"\n >\n <div class=\"sky-docs-demo-viewport-gutter\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n\n<ng-template #controlPanels>\n <ng-content select=\"sky-docs-demo-control-panel\"></ng-content>\n</ng-template>\n", styles: [".sky-docs-demo{margin-bottom:20px}.sky-docs-demo-heading{margin-bottom:10px;display:flex;flex-direction:row}.sky-docs-demo-heading .sky-docs-demo-heading-btn-open{border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}.sky-docs-demo-control-panel-wrapper{display:flex;flex-direction:column}.sky-section-heading{margin-right:10px}.sky-docs-demo-viewport{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-bottom:10px;padding:15px}.sky-docs-demo-viewport-align-center{display:flex;align-items:center;justify-content:center}\n"], components: [{ type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i8.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
960
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoComponent, decorators: [{
961
- type: Component,
962
- args: [{
963
- selector: 'sky-docs-demo',
964
- templateUrl: './demo.component.html',
965
- styleUrls: ['./demo.component.scss'],
966
- changeDetection: ChangeDetectionStrategy.OnPush
967
- }]
968
- }], propDecorators: { alignContents: [{
969
- type: Input
970
- }], heading: [{
971
- type: Input
972
- }], controlPanels: [{
973
- type: ContentChildren,
974
- args: [SkyDocsDemoControlPanelComponent, { read: ElementRef }]
975
- }] } });
976
-
977
- /**
978
- * Renders a section within the control panel.
979
- * @example
980
- * ```markup
981
- * <sky-docs-demo-control-panel>
982
- * <sky-docs-demo-control-panel-section>
983
- * Section content here.
984
- * </sky-docs-demo-control-panel-section>
985
- * </sky-docs-demo-control-panel>
986
- * ```
987
- */
988
- class SkyDocsDemoControlPanelSectionComponent {
989
- }
990
- SkyDocsDemoControlPanelSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoControlPanelSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
991
- SkyDocsDemoControlPanelSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoControlPanelSectionComponent, selector: "sky-docs-demo-control-panel-section", ngImport: i0, template: "<div\n class=\"sky-demo-control-panel-section\"\n>\n <ng-content select=\"sky-docs-demo-control-panel-radio-group\"></ng-content>\n <ng-content select=\"sky-docs-demo-control-panel-checkbox\"></ng-content>\n</div>\n", styles: [".sky-demo-control-panel-section{padding-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
992
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoControlPanelSectionComponent, decorators: [{
993
- type: Component,
994
- args: [{
995
- selector: 'sky-docs-demo-control-panel-section',
996
- templateUrl: './demo-control-panel-section.component.html',
997
- styleUrls: ['./demo-control-panel-section.component.scss'],
998
- changeDetection: ChangeDetectionStrategy.OnPush
999
- }]
1000
- }] });
1001
-
1002
- class SkyDocsDemoModule {
1003
- }
1004
- SkyDocsDemoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1005
- SkyDocsDemoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoModule, declarations: [SkyDocsDemoComponent,
1006
- SkyDocsDemoControlPanelCheckboxComponent,
1007
- SkyDocsDemoControlPanelComponent,
1008
- SkyDocsDemoControlPanelRadioGroupComponent,
1009
- SkyDocsDemoControlPanelSectionComponent], imports: [CommonModule,
1010
- FormsModule,
1011
- SkyCheckboxModule,
1012
- SkyDocsToolsResourcesModule,
1013
- SkyIconModule,
1014
- SkyRadioModule,
1015
- SkyThemeModule], exports: [SkyDocsDemoComponent,
1016
- SkyDocsDemoControlPanelCheckboxComponent,
1017
- SkyDocsDemoControlPanelComponent,
1018
- SkyDocsDemoControlPanelRadioGroupComponent,
1019
- SkyDocsDemoControlPanelSectionComponent] });
1020
- SkyDocsDemoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoModule, imports: [[
1021
- CommonModule,
1022
- FormsModule,
1023
- SkyCheckboxModule,
1024
- SkyDocsToolsResourcesModule,
1025
- SkyIconModule,
1026
- SkyRadioModule,
1027
- SkyThemeModule
1028
- ]] });
1029
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoModule, decorators: [{
1030
- type: NgModule,
1031
- args: [{
1032
- imports: [
1033
- CommonModule,
1034
- FormsModule,
1035
- SkyCheckboxModule,
1036
- SkyDocsToolsResourcesModule,
1037
- SkyIconModule,
1038
- SkyRadioModule,
1039
- SkyThemeModule
1040
- ],
1041
- declarations: [
1042
- SkyDocsDemoComponent,
1043
- SkyDocsDemoControlPanelCheckboxComponent,
1044
- SkyDocsDemoControlPanelComponent,
1045
- SkyDocsDemoControlPanelRadioGroupComponent,
1046
- SkyDocsDemoControlPanelSectionComponent,
1047
- ],
1048
- exports: [
1049
- SkyDocsDemoComponent,
1050
- SkyDocsDemoControlPanelCheckboxComponent,
1051
- SkyDocsDemoControlPanelComponent,
1052
- SkyDocsDemoControlPanelRadioGroupComponent,
1053
- SkyDocsDemoControlPanelSectionComponent,
1054
- ]
1055
- }]
1056
- }] });
1057
-
1058
- class SkyDocsHeadingAnchorComponent {
1059
- constructor() {
1060
- this.headingLevel = '2';
1061
- }
1062
- }
1063
- SkyDocsHeadingAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsHeadingAnchorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1064
- SkyDocsHeadingAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: { anchorId: "anchorId", headingLevel: "headingLevel" }, ngImport: i0, template: "<div\n class=\"sky-docs-heading-anchor\"\n role=\"heading\"\n [ngClass]=\"'sky-docs-tools-heading-anchor-h' + headingLevel\"\n [attr.aria-level]=\"headingLevel\"\n [attr.id]=\"anchorId || null\"\n>\n <ng-content></ng-content>\n <a *ngIf=\"anchorId\"\n aria-hidden=\"true\"\n class=\"sky-docs-heading-anchor\"\n queryParamsHandling=\"merge\"\n [fragment]=\"anchorId\"\n [routerLink]=\"[]\"\n >\n <sky-icon\n class=\"sky-docs-heading-anchor-icon\"\n icon=\"link\"\n ></sky-icon>\n </a>\n</div>", styles: [".sky-docs-heading-anchor{color:#212327}.sky-docs-heading-anchor:hover{text-decoration:none}.sky-docs-heading-anchor:hover .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor:focus .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor-icon{opacity:0;transition:opacity .15s ease-in-out;color:#0974a1;font-weight:normal;font-size:18px}.sky-docs-tools-heading-anchor-h1,.sky-docs-tools-heading-anchor-h2,.sky-docs-tools-heading-anchor-h3,.sky-docs-tools-heading-anchor-h4,.sky-docs-tools-heading-anchor-h5,.sky-docs-tools-heading-anchor-h6{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px}.sky-docs-tools-heading-anchor-h1{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px;font-weight:300;font-size:34px}.sky-docs-tools-heading-anchor-h2{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0;font-weight:300;font-size:26px}.sky-docs-tools-heading-anchor-h3{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-tools-heading-anchor-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"], components: [{ type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1065
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsHeadingAnchorComponent, decorators: [{
1066
- type: Component,
1067
- args: [{
1068
- selector: 'sky-docs-heading-anchor',
1069
- templateUrl: './heading-anchor.component.html',
1070
- styleUrls: ['./heading-anchor.component.scss'],
1071
- changeDetection: ChangeDetectionStrategy.OnPush
1072
- }]
1073
- }], propDecorators: { anchorId: [{
1074
- type: Input
1075
- }], headingLevel: [{
1076
- type: Input
1077
- }] } });
1078
-
1079
- class SkyDocsHeadingAnchorModule {
1080
- }
1081
- SkyDocsHeadingAnchorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsHeadingAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1082
- SkyDocsHeadingAnchorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsHeadingAnchorModule, declarations: [SkyDocsHeadingAnchorComponent], imports: [CommonModule,
1083
- RouterModule,
1084
- SkyIconModule], exports: [SkyDocsHeadingAnchorComponent] });
1085
- SkyDocsHeadingAnchorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsHeadingAnchorModule, imports: [[
1086
- CommonModule,
1087
- RouterModule,
1088
- SkyIconModule
1089
- ]] });
1090
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsHeadingAnchorModule, decorators: [{
1091
- type: NgModule,
1092
- args: [{
1093
- declarations: [
1094
- SkyDocsHeadingAnchorComponent
1095
- ],
1096
- imports: [
1097
- CommonModule,
1098
- RouterModule,
1099
- SkyIconModule
1100
- ],
1101
- exports: [
1102
- SkyDocsHeadingAnchorComponent
1103
- ]
1104
- }]
1105
- }] });
1106
-
1107
- class SkyDocsMarkdownPipe {
1108
- transform(markdown) {
1109
- if (!markdown) {
1110
- return '';
1111
- }
1112
- return marked(markdown);
1113
- }
1114
- }
1115
- SkyDocsMarkdownPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMarkdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
1116
- SkyDocsMarkdownPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMarkdownPipe, name: "skyDocsMarkdown" });
1117
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMarkdownPipe, decorators: [{
1118
- type: Pipe,
1119
- args: [{
1120
- name: 'skyDocsMarkdown'
1121
- }]
1122
- }] });
1123
-
1124
- class SkyDocsMarkdownModule {
1125
- }
1126
- SkyDocsMarkdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMarkdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1127
- SkyDocsMarkdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMarkdownModule, declarations: [SkyDocsMarkdownPipe], exports: [SkyDocsMarkdownPipe] });
1128
- SkyDocsMarkdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMarkdownModule, providers: [
1129
- SkyDocsMarkdownPipe
1130
- ] });
1131
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMarkdownModule, decorators: [{
1132
- type: NgModule,
1133
- args: [{
1134
- declarations: [
1135
- SkyDocsMarkdownPipe
1136
- ],
1137
- providers: [
1138
- SkyDocsMarkdownPipe
1139
- ],
1140
- exports: [
1141
- SkyDocsMarkdownPipe
1142
- ]
1143
- }]
1144
- }] });
1145
-
1146
- class SkyDocsToolsOptions {
1147
- }
1148
-
1149
- class SkyDocsModuleInfoComponent {
1150
- constructor(options) {
1151
- this.options = options;
1152
- }
1153
- set gitRepoUrl(value) {
1154
- this._gitRepoUrl = value;
1155
- }
1156
- get gitRepoUrl() {
1157
- return this._gitRepoUrl || this.options && this.options.gitRepoUrl;
1158
- }
1159
- set packageName(value) {
1160
- this._packageName = value;
1161
- }
1162
- get packageName() {
1163
- return this._packageName || this.options && this.options.packageName;
1164
- }
1165
- set packageUrl(value) {
1166
- this._packageUrl = value;
1167
- }
1168
- get packageUrl() {
1169
- if (this._packageUrl) {
1170
- return this._packageUrl;
1171
- }
1172
- if (this.packageName) {
1173
- return `https://npmjs.org/package/${this.packageName}`;
1174
- }
1175
- return '';
1176
- }
1177
- get externalLinks() {
1178
- const externalLinks = [];
1179
- if (this.packageName) {
1180
- externalLinks.push({
1181
- url: this.packageUrl,
1182
- label: 'View in NPM'
1183
- });
1184
- }
1185
- if (this.gitRepoUrl) {
1186
- externalLinks.push({
1187
- url: this.gitRepoUrl,
1188
- label: 'View in GitHub'
1189
- });
1190
- }
1191
- return externalLinks;
1192
- }
1193
- get installationCommand() {
1194
- if (!this.packageName) {
1195
- return '';
1196
- }
1197
- return `npm install --save-exact ${this.packageName}`;
1198
- }
1199
- }
1200
- SkyDocsModuleInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsModuleInfoComponent, deps: [{ token: SkyDocsToolsOptions, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1201
- SkyDocsModuleInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: { gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", packageName: "packageName", packageUrl: "packageUrl" }, ngImport: i0, template: "<div class=\"sky-docs-module-info\">\n <sky-definition-list\n defaultValue=\"\"\n labelWidth=\"120px\"\n >\n <sky-definition-list-content *ngIf=\"moduleName\">\n <sky-definition-list-label>\n Defined in\n </sky-definition-list-label>\n <sky-definition-list-value>\n <sky-code>{{ moduleName }}</sky-code>\n </sky-definition-list-value>\n </sky-definition-list-content>\n <sky-definition-list-content *ngIf=\"packageName\">\n <sky-definition-list-label>\n NPM package\n </sky-definition-list-label>\n <sky-definition-list-value>\n <span class=\"sky-docs-module-info-package-name\"><sky-code>{{ packageName }}</sky-code></span>\n <ng-container *ngFor=\"let externalLink of externalLinks; let i = index;\">\n <a [attr.href]=\"externalLink.url\">{{ externalLink.label }}</a>\n <ng-container *ngIf=\"i < externalLinks.length - 1\">&nbsp;| </ng-container>\n </ng-container>\n </sky-definition-list-value>\n </sky-definition-list-content>\n\n <sky-definition-list-content *ngIf=\"installationCommand\">\n <sky-definition-list-label>\n Installation\n <sky-help-inline\n [skyPopover]=\"installationCommandPopover\"\n skyPopoverPlacement=\"right\"\n >\n </sky-help-inline>\n </sky-definition-list-label>\n <sky-definition-list-value>\n <sky-popover #installationCommandPopover>\n To use this module, you must install peer dependencies along with its package. Also, after you install the package, you must add the module as an export in your SPA's main module to make exports available to your SPA. If you use the SKY UX SDK, the main module is <sky-code>app-sky.module.ts</sky-code>.\n </sky-popover>\n <div class=\"sky-docs-module-info-installation-command\">\n <span class=\"sky-docs-module-info-installation-command-code\" #copyTarget>\n <sky-code>{{ installationCommand }}</sky-code>\n </span>\n <sky-copy-to-clipboard\n buttonText=\"Copy\"\n [copyTarget]=\"copyTarget\"\n ></sky-copy-to-clipboard>\n </div>\n </sky-definition-list-value>\n </sky-definition-list-content>\n </sky-definition-list>\n\n <div\n class=\"sky-docs-module-info-additional-content\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".sky-docs-module-info-installation-command{display:flex}.sky-docs-module-info-installation-command-code{margin-right:10px}.sky-docs-module-info-package-name{margin-right:10px}\n"], components: [{ type: i2$1.λ13, selector: "sky-definition-list", inputs: ["labelWidth", "defaultValue"] }, { type: i2$1.λ14, selector: "sky-definition-list-content" }, { type: i2$1.λ16, selector: "sky-definition-list-label" }, { type: i2$1.λ17, selector: "sky-definition-list-value" }, { type: i3$1.λ1, selector: "sky-code" }, { type: i1$1.λ3, selector: "sky-help-inline", outputs: ["actionClick"] }, { type: i5.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }, { type: i6.λ1, selector: "sky-copy-to-clipboard", inputs: ["copyTarget", "buttonText", "buttonClickedText"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1202
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsModuleInfoComponent, decorators: [{
1203
- type: Component,
1204
- args: [{
1205
- selector: 'sky-docs-module-info',
1206
- templateUrl: './module-info.component.html',
1207
- styleUrls: ['./module-info.component.scss'],
1208
- changeDetection: ChangeDetectionStrategy.OnPush
1209
- }]
1210
- }], ctorParameters: function () { return [{ type: SkyDocsToolsOptions, decorators: [{
1211
- type: Optional
1212
- }] }]; }, propDecorators: { gitRepoUrl: [{
1213
- type: Input
1214
- }], moduleName: [{
1215
- type: Input
1216
- }], packageName: [{
1217
- type: Input
1218
- }], packageUrl: [{
1219
- type: Input
1220
- }] } });
1221
-
1222
- class SkyDocsModuleInfoModule {
1223
- }
1224
- SkyDocsModuleInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsModuleInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1225
- SkyDocsModuleInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsModuleInfoModule, declarations: [SkyDocsModuleInfoComponent], imports: [CommonModule,
1226
- SkyCodeModule,
1227
- SkyClipboardModule,
1228
- SkyDefinitionListModule,
1229
- SkyHelpInlineModule,
1230
- SkyPopoverModule], exports: [SkyDocsModuleInfoComponent] });
1231
- SkyDocsModuleInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsModuleInfoModule, imports: [[
1232
- CommonModule,
1233
- SkyCodeModule,
1234
- SkyClipboardModule,
1235
- SkyDefinitionListModule,
1236
- SkyHelpInlineModule,
1237
- SkyPopoverModule
1238
- ]] });
1239
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsModuleInfoModule, decorators: [{
1240
- type: NgModule,
1241
- args: [{
1242
- imports: [
1243
- CommonModule,
1244
- SkyCodeModule,
1245
- SkyClipboardModule,
1246
- SkyDefinitionListModule,
1247
- SkyHelpInlineModule,
1248
- SkyPopoverModule
1249
- ],
1250
- declarations: [
1251
- SkyDocsModuleInfoComponent
1252
- ],
1253
- exports: [
1254
- SkyDocsModuleInfoComponent
1255
- ]
1256
- }]
1257
- }] });
1258
-
1259
- class SkyDocsSafeHtmlComponent {
1260
- constructor(domSanitizer) {
1261
- this.domSanitizer = domSanitizer;
1262
- }
1263
- getTrustedHtml(content) {
1264
- return this.domSanitizer.bypassSecurityTrustHtml(content);
1265
- }
1266
- }
1267
- SkyDocsSafeHtmlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSafeHtmlComponent, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
1268
- SkyDocsSafeHtmlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: { innerHtml: "innerHtml" }, ngImport: i0, template: "<div\n class=\"sky-docs-safe-html\"\n [innerHtml]=\"getTrustedHtml(innerHtml)\"\n></div>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
1269
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSafeHtmlComponent, decorators: [{
1270
- type: Component,
1271
- args: [{
1272
- selector: 'sky-docs-safe-html',
1273
- templateUrl: './safe-html.component.html',
1274
- changeDetection: ChangeDetectionStrategy.OnPush
1275
- }]
1276
- }], ctorParameters: function () { return [{ type: i1$4.DomSanitizer }]; }, propDecorators: { innerHtml: [{
1277
- type: Input
1278
- }] } });
1279
-
1280
- class SkyDocsSafeHtmlModule {
1281
- }
1282
- SkyDocsSafeHtmlModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSafeHtmlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1283
- SkyDocsSafeHtmlModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSafeHtmlModule, declarations: [SkyDocsSafeHtmlComponent], imports: [CommonModule], exports: [SkyDocsSafeHtmlComponent] });
1284
- SkyDocsSafeHtmlModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSafeHtmlModule, imports: [[
1285
- CommonModule
1286
- ]] });
1287
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSafeHtmlModule, decorators: [{
1288
- type: NgModule,
1289
- args: [{
1290
- declarations: [
1291
- SkyDocsSafeHtmlComponent
1292
- ],
1293
- imports: [
1294
- CommonModule
1295
- ],
1296
- exports: [
1297
- SkyDocsSafeHtmlComponent
1298
- ]
1299
- }]
1300
- }] });
1301
-
1302
- /**
1303
- * Formats type definitions into HTML-compatible strings.
1304
- */
1305
- class SkyDocsTypeDefinitionsFormatService {
1306
- /**
1307
- * Returns an HTML-formatted representation of the provided interface config.
1308
- */
1309
- getInterfaceSourceCode(definition) {
1310
- const typeParameters = this.getFormattedTypeParameters(definition.typeParameters);
1311
- const config = {
1312
- escapeSpecialCharacters: false
1313
- };
1314
- let signature = `interface ${definition.name}${typeParameters} {`;
1315
- signature += this.getFormattedInterfaceProperties(definition, config);
1316
- signature += '\n}';
1317
- return signature;
1318
- }
1319
- /**
1320
- * Returns an HTML-formatted representation of the provided method config.
1321
- */
1322
- getMethodSourceCode(definition) {
1323
- const config = {
1324
- escapeSpecialCharacters: false
1325
- };
1326
- const typeArguments = this.getFormattedTypeArguments(definition.type, config);
1327
- const callSignature = definition.type.callSignature;
1328
- const returnType = this.getFormattedType(callSignature.returnType, config);
1329
- let params = '';
1330
- if (callSignature.parameters) {
1331
- params += callSignature.parameters
1332
- .map(p => this.getFormattedParameterName(p, config))
1333
- .join(', ');
1334
- }
1335
- return `public ${definition.name}${typeArguments}(${params}): ${returnType}`;
1336
- }
1337
- /**
1338
- * Returns an HTML-formatted representation of the provided type alias config.
1339
- */
1340
- getTypeAliasSourceCode(definition) {
1341
- const config = {
1342
- escapeSpecialCharacters: false
1343
- };
1344
- const typeParameters = this.getFormattedTypeParameters(definition.typeParameters);
1345
- let signature = `type ${definition.name}${typeParameters} = `;
1346
- if (definition.type.callSignature) {
1347
- signature += this.getFormattedCallSignature(definition.type.callSignature, {
1348
- escapeSpecialCharacters: false
1349
- });
1350
- }
1351
- else if (definition.type.indexSignature) {
1352
- const indexSignature = definition.type.indexSignature;
1353
- const type = this.getFormattedType(indexSignature.type, {
1354
- escapeSpecialCharacters: false
1355
- });
1356
- signature += `{\n [${indexSignature.key.name}: string]: ${type};\n}`;
1357
- }
1358
- else {
1359
- /*istanbul ignore else */
1360
- if (definition.type.type === 'union') {
1361
- signature += this.getFormattedUnion(definition.type, config);
1362
- }
1363
- }
1364
- return signature;
1365
- }
1366
- /**
1367
- * Returns a formatted string representing a parameter's name and value. For example: `'foo: string'`.
1368
- */
1369
- getFormattedParameterName(parameter, config = {
1370
- escapeSpecialCharacters: true
1371
- }) {
1372
- const optionalMarker = (parameter.isOptional) ? '?' : '';
1373
- const parameterType = this.getFormattedType(parameter.type, config);
1374
- let signature = `${parameter.name}${optionalMarker}: ${parameterType}`;
1375
- if (config.escapeSpecialCharacters) {
1376
- signature = this.escapeSpecialCharacters(signature);
1377
- }
1378
- return signature;
1379
- }
1380
- /**
1381
- * Returns a formatted string representing a property (or method's) name and value. For example: `'public foo: string'`.
1382
- */
1383
- getFormattedPropertyName(property) {
1384
- var _a, _b;
1385
- let signature = '';
1386
- if ((_a = property.decorator) === null || _a === void 0 ? void 0 : _a.name) {
1387
- signature += `@${property.decorator.name}()<br>`;
1388
- }
1389
- const indexSignature = (_b = property.type) === null || _b === void 0 ? void 0 : _b.indexSignature;
1390
- let name;
1391
- if (indexSignature) {
1392
- name = `[${indexSignature.key.name}: ${this.getFormattedType(indexSignature.key.type)}]`;
1393
- }
1394
- else {
1395
- name = property.name;
1396
- }
1397
- if (property.deprecationWarning !== undefined) {
1398
- signature += `<strike>${name}</strike>`;
1399
- }
1400
- else {
1401
- signature += name;
1402
- }
1403
- if (property.isOptional && !indexSignature) {
1404
- signature += '?';
1405
- }
1406
- if (indexSignature) {
1407
- signature += `: ${this.getFormattedType(indexSignature.type)}`;
1408
- }
1409
- else if (property.type) {
1410
- signature += `: ${this.getFormattedType(property.type)}`;
1411
- }
1412
- return signature;
1413
- }
1414
- /**
1415
- * Returns an HTML-formatted method name to be used on the properties table.
1416
- */
1417
- getFormattedMethodName(definition) {
1418
- let formatted = '';
1419
- if (definition.deprecationWarning !== undefined) {
1420
- formatted += `<strike>${definition.name}</strike>`;
1421
- }
1422
- else {
1423
- formatted += definition.name;
1424
- }
1425
- return `${formatted}()`;
1426
- }
1427
- /**
1428
- * Returns a formatted string representing the provided type.
1429
- */
1430
- getFormattedType(type, config = {
1431
- escapeSpecialCharacters: true
1432
- }) {
1433
- let formatted = 'any';
1434
- if (!type) {
1435
- return formatted;
1436
- }
1437
- if (type.callSignature) {
1438
- return this.getFormattedCallSignature(type.callSignature, config);
1439
- }
1440
- if (type.unionTypes) {
1441
- return this.getFormattedUnion(type, config);
1442
- }
1443
- if (type.name) {
1444
- formatted = type.name;
1445
- }
1446
- if (type.typeArguments) {
1447
- formatted += this.getFormattedTypeArguments(type, config);
1448
- }
1449
- if (type.type === 'array') {
1450
- formatted += '[]';
1451
- }
1452
- if (type.typeLiteral) {
1453
- const formattedTypeLiteral = this.getFormattedInterfaceProperties(type.typeLiteral, config)
1454
- .replace(/\n/g, ' ')
1455
- .replace(/\s\s+/g, ' ');
1456
- formatted = `{${formattedTypeLiteral} }`;
1457
- }
1458
- if (config.escapeSpecialCharacters) {
1459
- return this.escapeSpecialCharacters(formatted);
1460
- }
1461
- return formatted;
1462
- }
1463
- escapeSpecialCharacters(value) {
1464
- return value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
1465
- }
1466
- getFormattedCallSignature(callSignature, config = {
1467
- escapeSpecialCharacters: true
1468
- }) {
1469
- const returnType = this.getFormattedType(callSignature.returnType, config);
1470
- if (!callSignature.parameters) {
1471
- return `() => ${returnType}`;
1472
- }
1473
- const formattedParams = callSignature.parameters
1474
- .map(p => this.getFormattedParameterName(p, config))
1475
- .join(', ');
1476
- return `(${formattedParams}) => ${returnType}`;
1477
- }
1478
- getFormattedUnion(typeConfig, config) {
1479
- return typeConfig.unionTypes.map(t => {
1480
- return this.getFormattedType(t, config);
1481
- }).join(' | ');
1482
- }
1483
- /**
1484
- * Parse any type arguments e.g. `<T, F>`.
1485
- */
1486
- getFormattedTypeArguments(typeConfig, config) {
1487
- if (!typeConfig.typeArguments) {
1488
- return '';
1489
- }
1490
- const typeArguments = typeConfig.typeArguments.map(typeArgument => {
1491
- if (typeArgument.type === 'array') {
1492
- return `${typeArgument.name}[]`;
1493
- }
1494
- if (typeArgument.unionTypes) {
1495
- return this.getFormattedUnion(typeArgument, config);
1496
- }
1497
- return typeArgument.name;
1498
- });
1499
- return `<${typeArguments.join(', ')}>`;
1500
- }
1501
- getFormattedTypeParameters(typeParameters) {
1502
- if (!typeParameters) {
1503
- return '';
1504
- }
1505
- const formatted = typeParameters.map(typeParameter => {
1506
- let result = typeParameter.name;
1507
- if (typeParameter.type && typeParameter.type.type === 'reference') {
1508
- result += ` extends ${typeParameter.type.name}`;
1509
- }
1510
- return result;
1511
- });
1512
- return `<${formatted.join(', ')}>`;
1513
- }
1514
- getFormattedInterfaceProperties(definition, config) {
1515
- let signature = '';
1516
- definition.properties.forEach(property => {
1517
- const indexSignature = property.type.indexSignature;
1518
- const optionalIndicator = (property.isOptional && !indexSignature) ? '?' : '';
1519
- const propertyType = this.getFormattedType(property.type, config);
1520
- let name;
1521
- if (indexSignature) {
1522
- name = `[${indexSignature.key.name}: string]`;
1523
- }
1524
- else {
1525
- name = property.name;
1526
- }
1527
- signature += `\n ${name}${optionalIndicator}: ${propertyType};`;
1528
- });
1529
- return signature;
1530
- }
1531
- }
1532
- SkyDocsTypeDefinitionsFormatService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
1533
- SkyDocsTypeDefinitionsFormatService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsFormatService, providedIn: 'root' });
1534
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsFormatService, decorators: [{
1535
- type: Injectable,
1536
- args: [{
1537
- providedIn: 'root'
1538
- }]
1539
- }] });
1540
-
1541
- class SkyDocsTypeDefinitionsProvider {
1542
- }
1543
- SkyDocsTypeDefinitionsProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
1544
- SkyDocsTypeDefinitionsProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsProvider });
1545
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsProvider, decorators: [{
1546
- type: Injectable
1547
- }] });
1548
-
1549
- /**
1550
- * Finds any type name that is NOT surrounded by alpha-numeric (and '>', '<', '.') characters.
1551
- * (This is to avoid matching types that share similar words, such as `Foo` and `FooUser`.)
1552
- * Notes:
1553
- * - If the type name is surrounded by angle brackets, then it has already been processed as a link.
1554
- * - If the type name starts with a period '.', then it is a sub property of an enumeration, etc. and should not be processed as a link.
1555
- * - If the type name ends with a period followed immediately by any word character, then it is a method or property (Foo.bar).
1556
- * Only the type name should be processed as a link.
1557
- */
1558
- function createRegex(keyword) {
1559
- return new RegExp(`(^|[^a-zA-Z0-9>.[/])(${keyword})(\\.\\w+)?(?=[^a-zA-Z0-9<]+|$)`, 'g');
1560
- }
1561
- class SkyDocsAnchorLinkService {
1562
- constructor(typeDefinitionsProvider) {
1563
- this.anchorIds = typeDefinitionsProvider.anchorIds;
1564
- }
1565
- /**
1566
- * Formats known type names with `<code>` tags and wraps them with anchor tags, linking to the appropriate type.
1567
- * If the content is already contained within a `<code>` tag, set `codeFormat = false` to prevent extra `<code>` tags from being added.
1568
- */
1569
- applyTypeAnchorLinks(content, config) {
1570
- if (!this.anchorIds || !content) {
1571
- return content;
1572
- }
1573
- // Set default for code formatting.
1574
- if (!config) {
1575
- config = {
1576
- applyCodeFormatting: true
1577
- };
1578
- }
1579
- content = this.removeDoubleSquareBrackets(content);
1580
- Object.keys(this.anchorIds).forEach((typeName) => {
1581
- content = this.removeBackticks(typeName, content);
1582
- let matches;
1583
- let counter = 0;
1584
- const max = 100;
1585
- const regex = createRegex(typeName);
1586
- do {
1587
- matches = regex.exec(content);
1588
- if (matches) {
1589
- const anchorId = this.anchorIds[typeName];
1590
- const anchorHtml = '<a class="sky-docs-anchor-link" href="#' + anchorId + '">' + typeName + '</a>';
1591
- // Group 3 of the regex pattern captures type properties like Foo.bar.
1592
- // If these are found, they do not need hyperlinked, but add them to the encapsulating code tag.
1593
- const typeProperty = (matches[3] ? matches[3] : '');
1594
- let replacement;
1595
- if (config.applyCodeFormatting) {
1596
- replacement = '<code>' + anchorHtml + typeProperty + '</code>';
1597
- }
1598
- else {
1599
- replacement = anchorHtml + typeProperty;
1600
- }
1601
- // Regex Positive lookbehinds aren't supported in IE11 and Safari, so we have to check if the match has a starting extra character
1602
- // (usually whitespace " Foo"), and then modify the starting/ending indexes to account for the extra character.
1603
- const isMatchExact = matches[0].substr(0, typeName.length) === typeName;
1604
- const startIndex = isMatchExact ? matches.index : matches.index + 1;
1605
- const endIndex = isMatchExact ? matches[0].length : matches[0].length - 1;
1606
- let contentWithCodeTags = content.substr(0, startIndex) + replacement + content.substr(startIndex + endIndex);
1607
- content = contentWithCodeTags;
1608
- counter++;
1609
- }
1610
- } while (matches !== null && counter < max);
1611
- });
1612
- return content;
1613
- }
1614
- /**
1615
- * For backwards compatibility, we need to remove any double brackets wrapped around types.
1616
- * e.g., `[[SampleType]]`
1617
- */
1618
- removeDoubleSquareBrackets(content) {
1619
- const match = content.match(/\[\[.*\]\]/);
1620
- if (match) {
1621
- const typeName = match[0].replace(/\[\[/g, '').replace(/\]\]/g, '');
1622
- content = content.replace(match[0], typeName);
1623
- }
1624
- return content;
1625
- }
1626
- /**
1627
- * Removes backtick characters around known types to prevent
1628
- * the markdown pipe from wrapping them with code elements.
1629
- */
1630
- removeBackticks(typeName, content) {
1631
- const regexp = new RegExp(`\`(${typeName})\``, 'g');
1632
- return content.replace(regexp, typeName);
1633
- }
1634
- }
1635
- SkyDocsAnchorLinkService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnchorLinkService, deps: [{ token: SkyDocsTypeDefinitionsProvider }], target: i0.ɵɵFactoryTarget.Injectable });
1636
- SkyDocsAnchorLinkService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnchorLinkService, providedIn: 'any' });
1637
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsAnchorLinkService, decorators: [{
1638
- type: Injectable,
1639
- args: [{
1640
- providedIn: 'any'
1641
- }]
1642
- }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }]; } });
1643
-
1644
- /**
1645
- * Adds same-page anchor tags around known TypeScript types.
1646
- */
1647
- class SkyDocsTypeAnchorLinksPipe {
1648
- constructor(anchorLinkService) {
1649
- this.anchorLinkService = anchorLinkService;
1650
- }
1651
- transform(value, formatType) {
1652
- const anchorLinkConfig = {
1653
- applyCodeFormatting: (formatType !== 'no-code-tags')
1654
- };
1655
- return this.anchorLinkService.applyTypeAnchorLinks(value, anchorLinkConfig);
1656
- }
1657
- }
1658
- SkyDocsTypeAnchorLinksPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeAnchorLinksPipe, deps: [{ token: SkyDocsAnchorLinkService }], target: i0.ɵɵFactoryTarget.Pipe });
1659
- SkyDocsTypeAnchorLinksPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeAnchorLinksPipe, name: "skyDocsTypeAnchorLinks" });
1660
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeAnchorLinksPipe, decorators: [{
1661
- type: Pipe,
1662
- args: [{
1663
- name: 'skyDocsTypeAnchorLinks',
1664
- pure: true
1665
- }]
1666
- }], ctorParameters: function () { return [{ type: SkyDocsAnchorLinkService }]; } });
1667
-
1668
- /**
1669
- * "Call signatures" include methods, functions, and inline arrow functions.
1670
- * This component is used to document both the return type and parameters of a given call signature.
1671
- */
1672
- class SkyDocsCallSignatureDefinitionComponent {
1673
- constructor(formatService) {
1674
- this.formatService = formatService;
1675
- }
1676
- set config(value) {
1677
- this._config = value;
1678
- this.updateView();
1679
- }
1680
- get config() {
1681
- return this._config;
1682
- }
1683
- updateView() {
1684
- var _a, _b, _c;
1685
- this.parameters = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.parameters) === null || _b === void 0 ? void 0 : _b.map(p => {
1686
- const vm = {
1687
- defaultValue: p.defaultValue,
1688
- description: p.description,
1689
- formattedName: this.formatService.getFormattedParameterName(p),
1690
- isOptional: p.isOptional
1691
- };
1692
- return vm;
1693
- });
1694
- this.returnTypeFormatted = this.formatService.getFormattedType((_c = this.config) === null || _c === void 0 ? void 0 : _c.returnType);
1695
- }
1696
- }
1697
- SkyDocsCallSignatureDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCallSignatureDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0.ɵɵFactoryTarget.Component });
1698
- SkyDocsCallSignatureDefinitionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"config\"\n class=\"sky-docs-call-signature-definition\"\n>\n <ng-container *ngIf=\"parameters\">\n <h4\n class=\"sky-docs-call-signature-definition-heading\"\n >\n Parameters\n </h4>\n <table\n class=\"sky-docs-parameter-definitions\"\n >\n <tbody>\n <tr *ngFor=\"let parameter of parameters\">\n <th\n class=\"sky-docs-parameter-definition-header\"\n >\n <sky-code><span\n [innerHtml]=\"parameter.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n ></span></sky-code>\n </th>\n <td\n class=\"sky-docs-parameter-definition-body\"\n >\n <div *ngIf=\"parameter.description\"\n class=\"sky-docs-parameter-definition-description\"\n >\n <sky-docs-safe-html *ngIf=\"parameter.description\"\n [innerHtml]=\"parameter.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n </div>\n <div *ngIf=\"parameter.isOptional\"\n class=\"sky-docs-parameter-definition-label-optional\"\n >\n Optional.\n <ng-container *ngIf=\"parameter.defaultValue\">\n Default is\n <sky-code><span\n [innerHtml]=\"parameter.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n ></span></sky-code>.\n </ng-container>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-container>\n\n <ng-container *ngIf=\"returnTypeFormatted\">\n <h4\n class=\"sky-docs-call-signature-definition-heading\"\n >\n Returns\n </h4>\n\n <div\n class=\"sky-docs-call-signature-definition-return-type\"\n >\n <sky-code><span\n [innerHtml]=\"returnTypeFormatted | skyDocsTypeAnchorLinks:'no-code-tags'\"\n ></span></sky-code>\n </div>\n </ng-container>\n\n</div>\n", styles: [".sky-docs-call-signature-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-parameter-definitions{width:auto;max-width:100%;border-spacing:0;border-collapse:collapse;background-color:#fff;margin-left:15px}.sky-docs-parameter-definitions th,.sky-docs-parameter-definitions td{padding:10px;border-bottom:1px dotted #cdcfd2;vertical-align:top;text-align:left}.sky-docs-parameter-definitions th ::ng-deep:first-child .sky-code,.sky-docs-parameter-definitions td ::ng-deep:first-child .sky-code{display:inline-block;white-space:normal}.sky-docs-parameter-definitions th ::ng-deep p,.sky-docs-parameter-definitions td ::ng-deep p{margin:10px 0}.sky-docs-parameter-definitions th ::ng-deep p:first-child,.sky-docs-parameter-definitions td ::ng-deep p:first-child{margin-top:0!important}.sky-docs-parameter-definitions th ::ng-deep p:last-child,.sky-docs-parameter-definitions td ::ng-deep p:last-child{margin-bottom:0!important}.sky-docs-parameter-definitions th{width:25%;padding-left:0}.sky-docs-parameter-definitions tr:first-child>th,.sky-docs-parameter-definitions tr:first-child>td{padding-top:0}.sky-docs-parameter-definitions tr:last-child>th,.sky-docs-parameter-definitions tr:last-child>td{border-bottom:0;padding-bottom:0}.sky-docs-parameter-definition-header{width:1%;white-space:nowrap;font-weight:normal}.sky-docs-parameter-definition-label-optional{color:#686c73}.sky-docs-call-signature-definition-return-type{margin-left:15px}\n"], components: [{ type: i3$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1699
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsCallSignatureDefinitionComponent, decorators: [{
1700
- type: Component,
1701
- args: [{
1702
- selector: 'sky-docs-call-signature-definition',
1703
- templateUrl: './call-signature-definition.component.html',
1704
- styleUrls: ['./call-signature-definition.component.scss'],
1705
- changeDetection: ChangeDetectionStrategy.OnPush
1706
- }]
1707
- }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
1708
- type: Input
1709
- }] } });
1710
-
1711
- class SkyDocsPropertyDefinitionsComponent {
1712
- constructor(changeDetector, formatService, mediaQueryService) {
1713
- this.changeDetector = changeDetector;
1714
- this.formatService = formatService;
1715
- this.mediaQueryService = mediaQueryService;
1716
- this.propertyType = 'Property';
1717
- this.showOptionalStatus = true;
1718
- this.deprecationWarningPrefix = `<span class="sky-text-warning"></span>**Deprecated.** `;
1719
- this.isMobile = true;
1720
- this.properties = [];
1721
- }
1722
- set config(value) {
1723
- this._config = value;
1724
- this.updateView();
1725
- }
1726
- get config() {
1727
- return this._config || {};
1728
- }
1729
- ngOnInit() {
1730
- this.mediaQueryService.subscribe((breakpoints) => {
1731
- this.isMobile = (breakpoints <= SkyMediaBreakpoints.sm);
1732
- this.changeDetector.markForCheck();
1733
- });
1734
- }
1735
- updateView() {
1736
- var _a, _b;
1737
- this.properties = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.map(property => {
1738
- var _a;
1739
- const vm = {
1740
- callSignature: (_a = property.type) === null || _a === void 0 ? void 0 : _a.callSignature,
1741
- defaultValue: this.formatService.escapeSpecialCharacters(property.defaultValue || ''),
1742
- deprecationWarning: property.deprecationWarning,
1743
- description: property.description,
1744
- formattedName: this.formatService.getFormattedPropertyName(property),
1745
- isOptional: property.isOptional
1746
- };
1747
- return vm;
1748
- });
1749
- }
1750
- }
1751
- SkyDocsPropertyDefinitionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsPropertyDefinitionsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDocsTypeDefinitionsFormatService }, { token: i2$4.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
1752
- SkyDocsPropertyDefinitionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: { config: "config", propertyType: "propertyType", showOptionalStatus: "showOptionalStatus" }, ngImport: i0, template: "<div *ngIf=\"properties\"\n class=\"sky-docs-property-definitions\"\n>\n <table *ngIf=\"!isMobile else mobileTemplate\"\n class=\"sky-docs-table\"\n >\n <tr\n class=\"sky-docs-table-row\"\n >\n <th\n class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n >\n {{ propertyType }}\n </th>\n <th\n class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n >\n Description\n </th>\n </tr>\n <tr *ngFor=\"let property of properties\"\n class=\"sky-docs-table-row\"\n >\n <td\n class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-name\"\n >\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: property}\"\n ></ng-template>\n </td>\n <td\n class=\"sky-docs-table-cell sky-docs-property-definitions-table-cell-description\"\n >\n <ng-template\n [ngTemplateOutlet]=\"descriptionTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: property}\"\n ></ng-template>\n </td>\n </tr>\n </table>\n\n <ng-template #mobileTemplate>\n <dl\n class=\"sky-docs-property-definition-list\"\n >\n <div *ngFor=\"let property of properties\"\n class=\"sky-docs-property-definition-list-item\"\n >\n <dt\n class=\"sky-field-label\"\n >{{ propertyType }}</dt>\n <dd\n class=\"sky-docs-property-definitions-dd-name\"\n >\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: property}\"\n ></ng-template>\n </dd>\n <dt\n class=\"sky-field-label\"\n >Description</dt>\n <dd\n class=\"sky-docs-property-definitions-dd-description\"\n >\n <ng-template\n [ngTemplateOutlet]=\"descriptionTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: property}\"\n ></ng-template>\n </dd>\n </div>\n </dl>\n </ng-template>\n</div>\n\n<ng-template let-property #nameTemplate>\n <sky-code><span\n [innerHtml]=\"property.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n ></span></sky-code>\n</ng-template>\n\n<ng-template let-property #descriptionTemplate>\n <div *ngIf=\"!property.isOptional && showOptionalStatus\"\n class=\"sky-docs-property-definition-label sky-text-danger\"\n >Required.</div>\n\n <sky-docs-safe-html *ngIf=\"property.deprecationWarning !== undefined\"\n class=\"sky-docs-property-definitions-deprecation-warning\"\n [innerHtml]=\"deprecationWarningPrefix + property.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <sky-docs-safe-html *ngIf=\"property.description\"\n class=\"sky-docs-property-definitions-description\"\n [innerHtml]=\"property.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <div *ngIf=\"property.isOptional && showOptionalStatus\"\n class=\"sky-docs-property-definition-label sky-docs-property-definition-label-optional\"\n >\n Optional. <ng-container *ngIf=\"property.defaultValue\">Default is <sky-code><span\n [innerHtml]=\"property.defaultValue | skyDocsTypeAnchorLinks:'no-code-tags'\"\n ></span></sky-code>.</ng-container>\n </div>\n\n <sky-docs-call-signature-definition *ngIf=\"property.callSignature\"\n [config]=\"property.callSignature\"\n ></sky-docs-call-signature-definition>\n</ng-template>\n", styles: [":host{margin:15px 0}.sky-docs-property-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-property-definition-label-optional{color:#686c73;margin-bottom:10px}.sky-docs-property-definition-list{margin:0}.sky-docs-property-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-property-definition-list-item .sky-field-label{margin:10px 0}\n"], components: [{ type: i3$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1753
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsPropertyDefinitionsComponent, decorators: [{
1754
- type: Component,
1755
- args: [{
1756
- selector: 'sky-docs-property-definitions',
1757
- templateUrl: './property-definitions.component.html',
1758
- styleUrls: ['./property-definitions.component.scss'],
1759
- changeDetection: ChangeDetectionStrategy.OnPush
1760
- }]
1761
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkyDocsTypeDefinitionsFormatService }, { type: i2$4.SkyMediaQueryService }]; }, propDecorators: { config: [{
1762
- type: Input
1763
- }], propertyType: [{
1764
- type: Input
1765
- }], showOptionalStatus: [{
1766
- type: Input
1767
- }] } });
1768
-
1769
- class SkyDocsDirectiveDefinitionComponent {
1770
- }
1771
- SkyDocsDirectiveDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDirectiveDefinitionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1772
- SkyDocsDirectiveDefinitionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"config\"\n class=\"sky-docs-directive-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor\n headingLevel=\"3\"\n [anchorId]=\"config.anchorId\"\n >\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html *ngIf=\"config.description\"\n class=\"sky-docs-directive-definition-description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <h4\n class=\"sky-docs-directive-definition-h4\"\n >\n Selector\n </h4>\n\n <p\n class=\"sky-docs-directive-selector\"\n >\n <sky-code>{{ config.selector }}</sky-code>\n </p>\n\n <ng-container *ngIf=\"config.codeExample\">\n <h4\n class=\"sky-docs-directive-definition-h4\"\n >\n Example\n </h4>\n <sky-code-block\n class=\"sky-docs-code-block\"\n [code]=\"config.codeExample\"\n [hideHeader]=\"true\"\n [languageType]=\"config.codeExampleLanguage\"\n >\n </sky-code-block>\n </ng-container>\n\n <sky-docs-property-definitions *ngIf=\"config.inputProperties?.length\"\n propertyType=\"Input\"\n [config]=\"{\n properties: config.inputProperties\n }\"\n ></sky-docs-property-definitions>\n\n <sky-docs-property-definitions *ngIf=\"config.eventProperties?.length\"\n propertyType=\"Event\"\n [config]=\"{\n properties: config.eventProperties\n }\"\n ></sky-docs-property-definitions>\n</div>\n", styles: [".sky-docs-directive-definition-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-directive-selector{margin-left:15px!important;margin-top:10px!important}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3$1.λ1, selector: "sky-code" }, { type: i3$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1773
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDirectiveDefinitionComponent, decorators: [{
1774
- type: Component,
1775
- args: [{
1776
- selector: 'sky-docs-directive-definition',
1777
- templateUrl: './directive-definition.component.html',
1778
- styleUrls: ['./directive-definition.component.scss'],
1779
- changeDetection: ChangeDetectionStrategy.OnPush
1780
- }]
1781
- }], propDecorators: { config: [{
1782
- type: Input
1783
- }] } });
1784
-
1785
- class SkyDocsEnumerationDefinitionComponent {
1786
- }
1787
- SkyDocsEnumerationDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsEnumerationDefinitionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1788
- SkyDocsEnumerationDefinitionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"config\"\n class=\"sky-docs-enumeration-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor\n headingLevel=\"3\"\n [anchorId]=\"config.anchorId\"\n >\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html *ngIf=\"config.description\"\n class=\"sky-docs-enumeration-definition-description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <sky-docs-property-definitions *ngIf=\"config.members\"\n propertyType=\"Member\"\n [config]=\"{ properties: config.members }\"\n [showOptionalStatus]=\"false\"\n ></sky-docs-property-definitions>\n</div>", components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1789
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsEnumerationDefinitionComponent, decorators: [{
1790
- type: Component,
1791
- args: [{
1792
- selector: 'sky-docs-enumeration-definition',
1793
- templateUrl: './enumeration-definition.component.html',
1794
- changeDetection: ChangeDetectionStrategy.OnPush
1795
- }]
1796
- }], propDecorators: { config: [{
1797
- type: Input
1798
- }] } });
1799
-
1800
- class SkyDocsInterfaceDefinitionComponent {
1801
- constructor(formatService) {
1802
- this.formatService = formatService;
1803
- }
1804
- set config(value) {
1805
- this._config = value;
1806
- this.updateView();
1807
- }
1808
- get config() {
1809
- return this._config;
1810
- }
1811
- updateView() {
1812
- this.sourceCode = (this.config) ? this.formatService.getInterfaceSourceCode(this.config) : undefined;
1813
- }
1814
- }
1815
- SkyDocsInterfaceDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsInterfaceDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0.ɵɵFactoryTarget.Component });
1816
- SkyDocsInterfaceDefinitionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"config\"\n class=\"sky-docs-interface-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor\n headingLevel=\"3\"\n [anchorId]=\"config.anchorId\"\n >\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html *ngIf=\"config.description\"\n class=\"sky-docs-interface-definition-description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <sky-code-block *ngIf=\"sourceCode\"\n class=\"sky-docs-code-block\"\n languageType=\"typescript\"\n [code]=\"sourceCode\"\n [hideHeader]=\"true\"\n ></sky-code-block>\n\n <sky-docs-property-definitions *ngIf=\"config.properties\"\n [config]=\"{ properties: config.properties }\"\n [showOptionalStatus]=\"false\"\n ></sky-docs-property-definitions>\n</div>\n", components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1817
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsInterfaceDefinitionComponent, decorators: [{
1818
- type: Component,
1819
- args: [{
1820
- selector: 'sky-docs-interface-definition',
1821
- templateUrl: './interface-definition.component.html',
1822
- changeDetection: ChangeDetectionStrategy.OnPush
1823
- }]
1824
- }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
1825
- type: Input
1826
- }] } });
1827
-
1828
- class SkyDocsMethodDefinitionsComponent {
1829
- constructor(changeDetector, formatService, mediaQueryService) {
1830
- this.changeDetector = changeDetector;
1831
- this.formatService = formatService;
1832
- this.mediaQueryService = mediaQueryService;
1833
- this.deprecationWarningPrefix = `<span class="sky-text-warning"></span>**Deprecated.** `;
1834
- this.isMobile = true;
1835
- }
1836
- set config(value) {
1837
- this._config = value;
1838
- this.updateView();
1839
- }
1840
- get config() {
1841
- return this._config || {};
1842
- }
1843
- ngOnInit() {
1844
- this.mediaQueryService.subscribe((breakpoints) => {
1845
- this.isMobile = (breakpoints <= SkyMediaBreakpoints.sm);
1846
- this.changeDetector.markForCheck();
1847
- });
1848
- }
1849
- updateView() {
1850
- var _a, _b;
1851
- this.methods = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.methods) === null || _b === void 0 ? void 0 : _b.map(method => {
1852
- const vm = {
1853
- callSignature: method.type.callSignature,
1854
- codeExample: method.codeExample,
1855
- codeExampleLanguage: method.codeExampleLanguage,
1856
- deprecationWarning: method.deprecationWarning,
1857
- description: method.description,
1858
- formattedName: this.formatService.getFormattedMethodName(method),
1859
- sourceCode: this.formatService.getMethodSourceCode(method)
1860
- };
1861
- return vm;
1862
- });
1863
- }
1864
- }
1865
- SkyDocsMethodDefinitionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMethodDefinitionsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDocsTypeDefinitionsFormatService }, { token: i2$4.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
1866
- SkyDocsMethodDefinitionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"methods\"\n class=\"sky-docs-method-definitions\"\n>\n <table *ngIf=\"!isMobile else mobileTemplate\"\n class=\"sky-docs-table\"\n >\n <tr\n class=\"sky-docs-table-row\"\n >\n <th\n class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n >\n Methods\n </th>\n <th\n class=\"sky-docs-table-column-header sky-docs-table-column-header-description\"\n >\n Description\n </th>\n </tr>\n <tr *ngFor=\"let method of methods\"\n class=\"sky-docs-table-row\"\n >\n <td\n class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-name\"\n >\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: method}\"\n ></ng-template>\n </td>\n <td\n class=\"sky-docs-table-cell sky-docs-method-definitions-table-cell-description\"\n >\n <ng-template\n [ngTemplateOutlet]=\"descriptionTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: method}\"\n ></ng-template>\n </td>\n </tr>\n </table>\n\n <ng-template #mobileTemplate>\n <dl\n class=\"sky-docs-method-definition-list\"\n >\n <div *ngFor=\"let method of methods\"\n class=\"sky-docs-method-definition-list-item\"\n >\n <dt\n class=\"sky-field-label\"\n >\n Methods\n </dt>\n <dd\n class=\"sky-docs-method-definitions-dd-name\"\n >\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: method}\"\n ></ng-template>\n </dd>\n <dt\n class=\"sky-field-label\"\n >Description</dt>\n <dd\n class=\"sky-docs-method-definitions-dd-description\"\n >\n <ng-template\n [ngTemplateOutlet]=\"descriptionTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: method}\"\n ></ng-template>\n </dd>\n </div>\n </dl>\n </ng-template>\n</div>\n\n<ng-template let-method #nameTemplate>\n <sky-code><span\n [innerHtml]=\"method.formattedName | skyDocsTypeAnchorLinks:'no-code-tags'\"\n ></span></sky-code>\n</ng-template>\n\n<ng-template let-method #descriptionTemplate>\n\n <sky-docs-safe-html *ngIf=\"method.deprecationWarning !== undefined\"\n class=\"sky-docs-method-definition-deprecation-warning\"\n [innerHtml]=\"deprecationWarningPrefix + method.deprecationWarning | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <sky-docs-safe-html *ngIf=\"method.description\"\n class=\"sky-docs-method-definition-description\"\n [innerHtml]=\"method.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <sky-code-block *ngIf=\"method.sourceCode\"\n class=\"sky-docs-code-block\"\n languageType=\"typescript\"\n [code]=\"method.sourceCode\"\n [hideHeader]=\"true\"\n ></sky-code-block>\n\n <sky-docs-call-signature-definition *ngIf=\"method.callSignature\"\n [config]=\"method.callSignature\"\n ></sky-docs-call-signature-definition>\n\n <ng-container *ngIf=\"method.codeExample\">\n <h4 class=\"sky-docs-method-definition-heading\">\n Example\n </h4>\n <sky-code-block *ngIf=\"method.codeExample\"\n class=\"sky-docs-code-block\"\n languageType=\"method.codeExampleLanguage\"\n [code]=\"method.codeExample\"\n [hideHeader]=\"true\"\n ></sky-code-block>\n </ng-container>\n</ng-template>\n", styles: [":host{margin:15px 0}.sky-docs-method-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-method-definition-label-optional{color:#686c73}.sky-docs-method-definition-list{margin:0}.sky-docs-method-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-method-definition-list-item .sky-field-label{margin:10px 0}\n"], components: [{ type: i3$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1867
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsMethodDefinitionsComponent, decorators: [{
1868
- type: Component,
1869
- args: [{
1870
- selector: 'sky-docs-method-definitions',
1871
- templateUrl: './method-definitions.component.html',
1872
- styleUrls: ['./method-definitions.component.scss'],
1873
- changeDetection: ChangeDetectionStrategy.OnPush
1874
- }]
1875
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkyDocsTypeDefinitionsFormatService }, { type: i2$4.SkyMediaQueryService }]; }, propDecorators: { config: [{
1876
- type: Input
1877
- }] } });
1878
-
1879
- class SkyDocsPipeDefinitionComponent {
1880
- }
1881
- SkyDocsPipeDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsPipeDefinitionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1882
- SkyDocsPipeDefinitionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"config\"\n class=\"sky-docs-pipe-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor\n headingLevel=\"3\"\n [anchorId]=\"config.anchorId\"\n >\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html *ngIf=\"config.description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <ng-container *ngIf=\"config.codeExample\">\n <h4\n class=\"sky-docs-pipe-definition-heading\"\n >\n Example\n </h4>\n <sky-code-block\n class=\"sky-docs-code-block\"\n [code]=\"config.codeExample\"\n [hideHeader]=\"true\"\n [languageType]=\"config.codeExampleLanguage\"\n ></sky-code-block>\n </ng-container>\n\n <sky-docs-method-definitions\n [config]=\"{\n methods: [config.transformMethod]\n }\"\n ></sky-docs-method-definitions>\n</div>\n", styles: [".sky-docs-pipe-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: ["config"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1883
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsPipeDefinitionComponent, decorators: [{
1884
- type: Component,
1885
- args: [{
1886
- selector: 'sky-docs-pipe-definition',
1887
- templateUrl: './pipe-definition.component.html',
1888
- styleUrls: ['./pipe-definition.component.scss'],
1889
- changeDetection: ChangeDetectionStrategy.OnPush
1890
- }]
1891
- }], propDecorators: { config: [{
1892
- type: Input
1893
- }] } });
1894
-
1895
- class SkyDocsClassDefinitionComponent {
1896
- }
1897
- SkyDocsClassDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsClassDefinitionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1898
- SkyDocsClassDefinitionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"config\"\n class=\"sky-docs-class-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor\n headingLevel=\"3\"\n [anchorId]=\"config.anchorId\"\n >\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html *ngIf=\"config.description\"\n class=\"sky-docs-class-definition-description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <ng-container *ngIf=\"config.properties?.length\">\n <sky-docs-property-definitions\n [config]=\"{ properties: config.properties }\"\n ></sky-docs-property-definitions>\n </ng-container>\n\n <ng-container *ngIf=\"config.methods?.length\">\n <sky-docs-method-definitions\n [config]=\"{ methods: config.methods }\"\n ></sky-docs-method-definitions>\n </ng-container>\n</div>\n", styles: [".sky-docs-class-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-class-definition-return-type{margin-left:15px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }, { type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: ["config"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1899
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsClassDefinitionComponent, decorators: [{
1900
- type: Component,
1901
- args: [{
1902
- selector: 'sky-docs-class-definition',
1903
- templateUrl: './class-definition.component.html',
1904
- styleUrls: ['./class-definition.component.scss'],
1905
- changeDetection: ChangeDetectionStrategy.OnPush
1906
- }]
1907
- }], propDecorators: { config: [{
1908
- type: Input
1909
- }] } });
1910
-
1911
- class SkyDocsTypeAliasDefinitionComponent {
1912
- constructor(formatService) {
1913
- this.formatService = formatService;
1914
- }
1915
- set config(value) {
1916
- this._config = value;
1917
- this.updateView();
1918
- }
1919
- get config() {
1920
- return this._config;
1921
- }
1922
- updateView() {
1923
- this.sourceCode = (this.config) ? this.formatService.getTypeAliasSourceCode(this.config) : undefined;
1924
- }
1925
- }
1926
- SkyDocsTypeAliasDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeAliasDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0.ɵɵFactoryTarget.Component });
1927
- SkyDocsTypeAliasDefinitionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"config\"\n class=\"sky-docs-type-alias-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor\n headingLevel=\"3\"\n [anchorId]=\"config.anchorId\"\n >\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html *ngIf=\"config.description\"\n class=\"sky-docs-type-alias-definition-description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <sky-code-block *ngIf=\"sourceCode\"\n class=\"sky-docs-code-block\"\n languageType=\"typescript\"\n [code]=\"sourceCode\"\n [hideHeader]=\"true\"\n ></sky-code-block>\n\n <sky-docs-call-signature-definition *ngIf=\"config.type.callSignature\"\n [config]=\"config.type.callSignature\"\n ></sky-docs-call-signature-definition>\n</div>\n", styles: [".sky-docs-type-alias-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-type-alias-definition-return-type{margin-left:15px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1928
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeAliasDefinitionComponent, decorators: [{
1929
- type: Component,
1930
- args: [{
1931
- selector: 'sky-docs-type-alias-definition',
1932
- templateUrl: './type-alias-definition.component.html',
1933
- styleUrls: ['./type-alias-definition.component.scss'],
1934
- changeDetection: ChangeDetectionStrategy.OnPush
1935
- }]
1936
- }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
1937
- type: Input
1938
- }] } });
1939
-
1940
- class SkyDocsTypeDefinitionsModule {
1941
- }
1942
- SkyDocsTypeDefinitionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1943
- SkyDocsTypeDefinitionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsModule, declarations: [SkyDocsCallSignatureDefinitionComponent,
1944
- SkyDocsClassDefinitionComponent,
1945
- SkyDocsDirectiveDefinitionComponent,
1946
- SkyDocsEnumerationDefinitionComponent,
1947
- SkyDocsInterfaceDefinitionComponent,
1948
- SkyDocsMethodDefinitionsComponent,
1949
- SkyDocsPipeDefinitionComponent,
1950
- SkyDocsPropertyDefinitionsComponent,
1951
- SkyDocsTypeAliasDefinitionComponent,
1952
- SkyDocsTypeAnchorLinksPipe], imports: [CommonModule,
1953
- RouterModule,
1954
- SkyCodeBlockModule,
1955
- SkyCodeModule,
1956
- SkyDefinitionListModule,
1957
- SkyDocsHeadingAnchorModule,
1958
- SkyDocsMarkdownModule,
1959
- SkyDocsSafeHtmlModule,
1960
- SkyIconModule], exports: [SkyDocsCallSignatureDefinitionComponent,
1961
- SkyDocsClassDefinitionComponent,
1962
- SkyDocsDirectiveDefinitionComponent,
1963
- SkyDocsEnumerationDefinitionComponent,
1964
- SkyDocsInterfaceDefinitionComponent,
1965
- SkyDocsMethodDefinitionsComponent,
1966
- SkyDocsPipeDefinitionComponent,
1967
- SkyDocsPropertyDefinitionsComponent,
1968
- SkyDocsTypeAliasDefinitionComponent,
1969
- SkyDocsTypeAnchorLinksPipe] });
1970
- SkyDocsTypeDefinitionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsModule, imports: [[
1971
- CommonModule,
1972
- RouterModule,
1973
- SkyCodeBlockModule,
1974
- SkyCodeModule,
1975
- SkyDefinitionListModule,
1976
- SkyDocsHeadingAnchorModule,
1977
- SkyDocsMarkdownModule,
1978
- SkyDocsSafeHtmlModule,
1979
- SkyIconModule
1980
- ]] });
1981
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsModule, decorators: [{
1982
- type: NgModule,
1983
- args: [{
1984
- imports: [
1985
- CommonModule,
1986
- RouterModule,
1987
- SkyCodeBlockModule,
1988
- SkyCodeModule,
1989
- SkyDefinitionListModule,
1990
- SkyDocsHeadingAnchorModule,
1991
- SkyDocsMarkdownModule,
1992
- SkyDocsSafeHtmlModule,
1993
- SkyIconModule
1994
- ],
1995
- declarations: [
1996
- SkyDocsCallSignatureDefinitionComponent,
1997
- SkyDocsClassDefinitionComponent,
1998
- SkyDocsDirectiveDefinitionComponent,
1999
- SkyDocsEnumerationDefinitionComponent,
2000
- SkyDocsInterfaceDefinitionComponent,
2001
- SkyDocsMethodDefinitionsComponent,
2002
- SkyDocsPipeDefinitionComponent,
2003
- SkyDocsPropertyDefinitionsComponent,
2004
- SkyDocsTypeAliasDefinitionComponent,
2005
- SkyDocsTypeAnchorLinksPipe
2006
- ],
2007
- exports: [
2008
- SkyDocsCallSignatureDefinitionComponent,
2009
- SkyDocsClassDefinitionComponent,
2010
- SkyDocsDirectiveDefinitionComponent,
2011
- SkyDocsEnumerationDefinitionComponent,
2012
- SkyDocsInterfaceDefinitionComponent,
2013
- SkyDocsMethodDefinitionsComponent,
2014
- SkyDocsPipeDefinitionComponent,
2015
- SkyDocsPropertyDefinitionsComponent,
2016
- SkyDocsTypeAliasDefinitionComponent,
2017
- SkyDocsTypeAnchorLinksPipe
2018
- ]
2019
- }]
2020
- }] });
2021
-
2022
- /**
2023
- * Specifies a section of page content.
2024
- * @example
2025
- * ```
2026
- * <sky-docs-demo-page-section
2027
- * heading="Section heading"
2028
- * >
2029
- * Section content here.
2030
- * </sky-docs-demo-page-section>
2031
- * ```
2032
- */
2033
- class SkyDocsDemoPageSectionComponent {
2034
- get anchorId() {
2035
- return `section-${this.getSanitizedName(this.heading)}`;
2036
- }
2037
- getSanitizedName(value) {
2038
- if (!value) {
2039
- return;
2040
- }
2041
- const sanitized = value.toLowerCase()
2042
- // Remove special characters.
2043
- .replace(/[\_\~\`\@\!\#\$\%\^\&\*\(\)\[\]\{\}\;\:\'\/\\\<\>\,\.\?\=\+\|"]/g, '')
2044
- // Replace space characters with a dash.
2045
- .replace(/\s/g, '-')
2046
- // Remove any double-dashes.
2047
- .replace(/--/g, '-');
2048
- return sanitized;
2049
- }
2050
- }
2051
- SkyDocsDemoPageSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2052
- SkyDocsDemoPageSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: { heading: "heading" }, ngImport: i0, template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n <div *ngIf=\"heading\"\n class=\"sky-docs-demo-page-section-header\"\n >\n <sky-docs-heading-anchor\n headingLevel=\"2\"\n [anchorId]=\"anchorId\"\n >\n {{ heading }}\n </sky-docs-heading-anchor>\n </div>\n <div class=\"sky-docs-demo-page-section-body\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [".sky-docs-demo-page-section{margin-bottom:50px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2053
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageSectionComponent, decorators: [{
2054
- type: Component,
2055
- args: [{
2056
- selector: 'sky-docs-demo-page-section',
2057
- templateUrl: './demo-page-section.component.html',
2058
- styleUrls: ['./demo-page-section.component.scss'],
2059
- changeDetection: ChangeDetectionStrategy.OnPush
2060
- }]
2061
- }], propDecorators: { heading: [{
2062
- type: Input
2063
- }] } });
2064
-
2065
- /**
2066
- * The page summary provides a section at the top of the page
2067
- * to summarize what a user should expect to find or learn on the page.
2068
- * @example
2069
- * ```
2070
- * <sky-docs-demo-page-summary>
2071
- * Page summary here.
2072
- * </sky-docs-demo-page-summary>
2073
- * ```
2074
- */
2075
- class SkyDocsDemoPageSummaryComponent {
2076
- }
2077
- SkyDocsDemoPageSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2078
- SkyDocsDemoPageSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageSummaryComponent, selector: "sky-docs-demo-page-summary", ngImport: i0, template: "<div class=\"sky-docs-demo-page-summary\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-docs-demo-page-summary{margin-bottom:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2079
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageSummaryComponent, decorators: [{
2080
- type: Component,
2081
- args: [{
2082
- selector: 'sky-docs-demo-page-summary',
2083
- templateUrl: './demo-page-summary.component.html',
2084
- styleUrls: ['./demo-page-summary.component.scss'],
2085
- changeDetection: ChangeDetectionStrategy.OnPush
2086
- }]
2087
- }] });
2088
-
2089
- class SkyDocsDesignGuidelinesComponent {
2090
- }
2091
- SkyDocsDesignGuidelinesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelinesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2092
- SkyDocsDesignGuidelinesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDesignGuidelinesComponent, selector: "sky-docs-design-guidelines", ngImport: i0, template: "<div class=\"sky-docs-design-guidelines\">\n <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
2093
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelinesComponent, decorators: [{
2094
- type: Component,
2095
- args: [{
2096
- selector: 'sky-docs-design-guidelines',
2097
- templateUrl: './design-guidelines.component.html',
2098
- changeDetection: ChangeDetectionStrategy.OnPush
2099
- }]
2100
- }] });
2101
-
2102
- /**
2103
- * @internal
2104
- */
2105
- class SkyDocsDemoPageDomAdapterService {
2106
- constructor(windowRef) {
2107
- this.windowRef = windowRef;
2108
- this._anchorLinkClick = new Subject();
2109
- this.eventListener = (e) => {
2110
- e.preventDefault();
2111
- this._anchorLinkClick.next({
2112
- href: e.target.href
2113
- });
2114
- };
2115
- }
2116
- get anchorLinks() {
2117
- return document.querySelectorAll('a.sky-docs-anchor-link');
2118
- }
2119
- get currentUrl() {
2120
- return this.windowRef.nativeWindow.location.href.split('#')[0];
2121
- }
2122
- ngOnDestroy() {
2123
- this.removeClickEventListeners();
2124
- }
2125
- setupAnchorLinks() {
2126
- for (let index = 0; index < this.anchorLinks.length; index++) {
2127
- const anchor = this.anchorLinks[index];
2128
- const fragment = anchor.href.split('#')[1];
2129
- const url = this.currentUrl;
2130
- const href = `${url}#${fragment}`;
2131
- anchor.href = href;
2132
- }
2133
- }
2134
- get anchorLinkClick() {
2135
- if (this._anchorLinkClick.observers.length === 0) {
2136
- this.addClickEventListeners();
2137
- }
2138
- else {
2139
- this.removeClickEventListeners();
2140
- }
2141
- return this._anchorLinkClick;
2142
- }
2143
- scrollToFragment(fragment) {
2144
- this.windowRef.nativeWindow.setTimeout(() => {
2145
- const element = document.getElementById(fragment);
2146
- if (element) {
2147
- this.windowRef.nativeWindow.scrollTo(0, element.offsetTop);
2148
- }
2149
- }, 250);
2150
- }
2151
- addClickEventListeners() {
2152
- // Wait for a tick to allow all anchors to be written.
2153
- this.windowRef.nativeWindow.setTimeout(() => {
2154
- for (let index = 0; index < this.anchorLinks.length; index++) {
2155
- const anchor = this.anchorLinks[index];
2156
- anchor.addEventListener('click', this.eventListener);
2157
- }
2158
- });
2159
- }
2160
- removeClickEventListeners() {
2161
- for (let index = 0; index < this.anchorLinks.length; index++) {
2162
- const anchor = this.anchorLinks[index];
2163
- anchor.removeEventListener('click', this.eventListener);
2164
- }
2165
- }
2166
- }
2167
- SkyDocsDemoPageDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageDomAdapterService, deps: [{ token: i2$4.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
2168
- SkyDocsDemoPageDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageDomAdapterService });
2169
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageDomAdapterService, decorators: [{
2170
- type: Injectable
2171
- }], ctorParameters: function () { return [{ type: i2$4.SkyAppWindowRef }]; } });
2172
-
2173
- class SkyDocsSupportalService {
2174
- constructor(http) {
2175
- this.http = http;
2176
- }
2177
- getComponentsInfo() {
2178
- return this.http
2179
- .get('https://sky-pusa01.app.blackbaud.net/skysp/v1/docs/components-info')
2180
- .pipe(map((results) => results.components), share());
2181
- }
2182
- }
2183
- SkyDocsSupportalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSupportalService, deps: [{ token: i1$5.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
2184
- SkyDocsSupportalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSupportalService, providedIn: 'root' });
2185
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsSupportalService, decorators: [{
2186
- type: Injectable,
2187
- args: [{
2188
- providedIn: 'root'
2189
- }]
2190
- }], ctorParameters: function () { return [{ type: i1$5.HttpClient }]; } });
2191
-
2192
- /**
2193
- * @internal
2194
- */
2195
- class SkyDocsDemoPageTitleService {
2196
- constructor(title) {
2197
- this.title = title;
2198
- }
2199
- setTitle(...parts) {
2200
- let windowTitle = 'SKY UX';
2201
- if (parts && parts.length > 0) {
2202
- parts.push(windowTitle);
2203
- windowTitle = parts.join(' - ');
2204
- }
2205
- this.title.setTitle(windowTitle);
2206
- }
2207
- }
2208
- SkyDocsDemoPageTitleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageTitleService, deps: [{ token: i1$4.Title }], target: i0.ɵɵFactoryTarget.Injectable });
2209
- SkyDocsDemoPageTitleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageTitleService, providedIn: 'root' });
2210
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageTitleService, decorators: [{
2211
- type: Injectable,
2212
- args: [{
2213
- providedIn: 'root'
2214
- }]
2215
- }], ctorParameters: function () { return [{ type: i1$4.Title }]; } });
2216
-
2217
- /**
2218
- * Converts TypeDoc types into SKY UX docs-tools types, to be supplied to the various definitions components.
2219
- */
2220
- class SkyDocsTypeDocAdapterService {
2221
- constructor(typeDefinitionsProvider) {
2222
- this.typeDefinitionsProvider = typeDefinitionsProvider;
2223
- }
2224
- toClassDefinition(entry) {
2225
- const definition = {
2226
- anchorId: this.getAnchorId(entry),
2227
- name: entry.name
2228
- };
2229
- const tags = this.getCommentTags(entry.comment);
2230
- this.applyCommentTagValues(definition, tags);
2231
- const methods = this.getClassMethods(entry);
2232
- if (methods.length) {
2233
- definition.methods = methods;
2234
- }
2235
- const properties = this.getClassProperties(entry);
2236
- if (properties.length) {
2237
- definition.properties = properties;
2238
- }
2239
- return definition;
2240
- }
2241
- toDirectiveDefinition(entry) {
2242
- const definition = {
2243
- anchorId: this.getAnchorId(entry),
2244
- name: entry.name,
2245
- selector: this.getSelector(entry)
2246
- };
2247
- const tags = this.getCommentTags(entry.comment);
2248
- this.applyCommentTagValues(definition, tags);
2249
- const properties = this.getClassProperties(entry);
2250
- const eventProperties = properties.filter(p => { var _a; return ((_a = p.decorator) === null || _a === void 0 ? void 0 : _a.name) === 'Output'; });
2251
- if (eventProperties.length) {
2252
- definition.eventProperties = eventProperties;
2253
- }
2254
- const inputProperties = properties.filter(p => { var _a; return ((_a = p.decorator) === null || _a === void 0 ? void 0 : _a.name) === 'Input'; });
2255
- if (inputProperties.length) {
2256
- definition.inputProperties = inputProperties;
2257
- }
2258
- return definition;
2259
- }
2260
- toEnumerationDefinition(entry) {
2261
- const members = this.getEnumerationMembers(entry);
2262
- const definition = {
2263
- anchorId: this.getAnchorId(entry),
2264
- members,
2265
- name: entry.name
2266
- };
2267
- const tags = this.getCommentTags(entry.comment);
2268
- this.applyCommentTagValues(definition, tags);
2269
- return definition;
2270
- }
2271
- toInterfaceDefinition(entry) {
2272
- const properties = this.getInterfaceProperties(entry);
2273
- const definition = {
2274
- anchorId: this.getAnchorId(entry),
2275
- name: entry.name,
2276
- properties
2277
- };
2278
- const tags = this.getCommentTags(entry.comment);
2279
- this.applyCommentTagValues(definition, tags);
2280
- const typeParameters = this.getTypeParameterDefinitions(entry.typeParameter);
2281
- if (typeParameters.length) {
2282
- definition.typeParameters = typeParameters;
2283
- }
2284
- return definition;
2285
- }
2286
- toPipeDefinition(entry) {
2287
- const methods = this.getClassMethods(entry);
2288
- const transformMethod = methods.find(m => m.name === 'transform');
2289
- const definition = {
2290
- anchorId: this.getAnchorId(entry),
2291
- name: entry.name,
2292
- transformMethod
2293
- };
2294
- const tags = this.getCommentTags(entry.comment);
2295
- this.applyCommentTagValues(definition, tags);
2296
- return definition;
2297
- }
2298
- toTypeAliasDefinition(entry) {
2299
- const definition = {
2300
- anchorId: this.getAnchorId(entry),
2301
- name: entry.name,
2302
- type: this.getTypeDefinition({
2303
- comment: entry.comment,
2304
- type: entry.type
2305
- })
2306
- };
2307
- const tags = this.getCommentTags(entry.comment);
2308
- this.applyCommentTagValues(definition, tags);
2309
- const typeParameters = this.getTypeParameterDefinitions(entry.typeParameter);
2310
- if (typeParameters.length) {
2311
- definition.typeParameters = typeParameters;
2312
- }
2313
- return definition;
2314
- }
2315
- getSelector(entry) {
2316
- const decoratorSource = entry.decorators[0].arguments.obj;
2317
- return (decoratorSource.indexOf('selector: `') > -1)
2318
- ? decoratorSource.split('selector: `')[1].split('`')[0].replace(/\s\s+/g, ' ')
2319
- : decoratorSource.split('selector: \'')[1].split('\'')[0];
2320
- }
2321
- getClassProperties(entry) {
2322
- if (!entry.children) {
2323
- return [];
2324
- }
2325
- const definitions = entry.children
2326
- .filter(child => child.kindString === 'Property' || child.kindString === 'Accessor')
2327
- .map(child => {
2328
- var _a, _b, _c;
2329
- let definition = {
2330
- isOptional: true,
2331
- name: this.getPropertyName(child),
2332
- type: this.getTypeDefinition(child)
2333
- };
2334
- let defaultValue;
2335
- /* Ensure we are properly capturing definitions which use a getter/setter. Final check is a sanity check */
2336
- if (child.kindString === 'Accessor' && !((_a = child.comment) === null || _a === void 0 ? void 0 : _a.shortText) && ((_b = child.getSignature) === null || _b === void 0 ? void 0 : _b.length) > 0) {
2337
- const mainTags = this.getCommentTags(child.comment);
2338
- const getTags = this.getCommentTags(child.getSignature[0].comment);
2339
- this.applyCommentTagValues(definition, mainTags);
2340
- this.applyCommentTagValues(definition, getTags);
2341
- if (((_c = child.setSignature) === null || _c === void 0 ? void 0 : _c.length) > 0) {
2342
- const setTags = this.getCommentTags(child.setSignature[0].comment);
2343
- this.applyCommentTagValues(definition, setTags);
2344
- definition.isOptional = !setTags.extras.required;
2345
- defaultValue = this.getDefaultValue(child, setTags);
2346
- }
2347
- else {
2348
- definition.isOptional = !mainTags.extras.required;
2349
- defaultValue = this.getDefaultValue(child, mainTags);
2350
- }
2351
- }
2352
- else {
2353
- const tags = this.getCommentTags(child.comment);
2354
- definition.isOptional = !tags.extras.required;
2355
- this.applyCommentTagValues(definition, tags);
2356
- defaultValue = this.getDefaultValue(child, tags);
2357
- }
2358
- if (defaultValue) {
2359
- definition.defaultValue = defaultValue;
2360
- }
2361
- const decorator = this.getDecorator(child);
2362
- if (decorator) {
2363
- definition.decorator = decorator;
2364
- }
2365
- return definition;
2366
- });
2367
- return orderBy(definitions, ['isOptional', 'name'], ['asc', 'asc']);
2368
- }
2369
- getClassMethods(entry) {
2370
- if (!entry.children) {
2371
- return [];
2372
- }
2373
- const methods = entry.children
2374
- .filter(child => child.kindString === 'Method' && /^ng/.test(child.name) === false)
2375
- .map(child => {
2376
- const definition = {
2377
- name: this.getPropertyName(child),
2378
- type: this.getTypeDefinition(child)
2379
- };
2380
- // Comments for methods are stored in a different location.
2381
- const comment = child.signatures[0].comment;
2382
- const tags = this.getCommentTags(comment);
2383
- this.applyCommentTagValues(definition, tags);
2384
- const typeParameters = this.getTypeParameterDefinitions(child.signatures[0].typeParameter);
2385
- if (typeParameters.length) {
2386
- definition.typeParameters = typeParameters;
2387
- }
2388
- return definition;
2389
- });
2390
- return orderBy(methods, ['name'], ['asc']);
2391
- }
2392
- getInterfaceProperties(entry) {
2393
- var _a;
2394
- if (!entry.children && !entry.indexSignature) {
2395
- return [];
2396
- }
2397
- const definitions = ((_a = entry.children) === null || _a === void 0 ? void 0 : _a.map(child => {
2398
- var _a;
2399
- const tags = this.getCommentTags(child.comment);
2400
- const definition = {
2401
- isOptional: (tags.extras.required) ? false : !!((_a = child.flags) === null || _a === void 0 ? void 0 : _a.isOptional),
2402
- name: this.getPropertyName(child),
2403
- type: this.getTypeDefinition(child)
2404
- };
2405
- this.applyCommentTagValues(definition, tags);
2406
- return definition;
2407
- })) || [];
2408
- const sorted = orderBy(definitions, ['isOptional', 'name'], ['asc', 'asc']);
2409
- // Add any index signatures, e.g. `[_: string]: any`
2410
- if (entry.indexSignature) {
2411
- const indexSignature = entry.indexSignature;
2412
- const definition = {
2413
- isOptional: true,
2414
- name: indexSignature.name,
2415
- type: {
2416
- indexSignature: this.getIndexSignatureDefinition(indexSignature)
2417
- }
2418
- };
2419
- const tags = this.getCommentTags(indexSignature.comment);
2420
- this.applyCommentTagValues(definition, tags);
2421
- sorted.push(definition);
2422
- }
2423
- return sorted;
2424
- }
2425
- getEnumerationMembers(entry) {
2426
- if (!entry.children) {
2427
- return [];
2428
- }
2429
- return entry.children.map(child => {
2430
- const definition = {
2431
- name: child.name
2432
- };
2433
- const tags = this.getCommentTags(child.comment);
2434
- this.applyCommentTagValues(definition, tags);
2435
- return definition;
2436
- });
2437
- }
2438
- getTypeDefinition(child) {
2439
- var _a;
2440
- let definition;
2441
- const kindString = child.kindString;
2442
- switch (kindString) {
2443
- case 'Accessor':
2444
- if (child.setSignature) {
2445
- return this.getTypeDefinition(child.setSignature[0].parameters[0]);
2446
- }
2447
- return this.getTypeDefinition(child.getSignature[0]);
2448
- case 'Method':
2449
- definition = {
2450
- callSignature: this.getCallSignatureDefinition(child.signatures[0], this.getCommentTags(child.comment)),
2451
- name: child.signatures[0].name
2452
- };
2453
- return definition;
2454
- default:
2455
- let name = child.type.name || ((_a = child.type.elementType) === null || _a === void 0 ? void 0 : _a.name) || child.type.value;
2456
- definition = {
2457
- type: child.type.type
2458
- };
2459
- if (name) {
2460
- definition.name = name;
2461
- }
2462
- // Union?
2463
- if (child.type.types) {
2464
- definition.unionTypes = child.type.types.map(t => this.getTypeDefinition({ type: t }));
2465
- }
2466
- // Convert reflection types.
2467
- if (child.type.type === 'reflection') {
2468
- const declaration = child.type.declaration;
2469
- /*istanbul ignore else */
2470
- if (declaration) {
2471
- if (declaration.signatures) {
2472
- definition.callSignature = this.getCallSignatureDefinition(declaration.signatures[0], this.getCommentTags(child.comment));
2473
- }
2474
- else if (declaration.indexSignature) {
2475
- const indexSignature = declaration.indexSignature;
2476
- definition.indexSignature = this.getIndexSignatureDefinition(indexSignature);
2477
- }
2478
- else /* istanbul ignore else */ if (declaration.children) {
2479
- definition.typeLiteral = {
2480
- properties: this.getInterfaceProperties({
2481
- children: declaration.children
2482
- })
2483
- };
2484
- }
2485
- }
2486
- }
2487
- if (child.type.type === 'typeOperator') {
2488
- definition.name = `${child.type.operator} ${child.type.target.name}`;
2489
- }
2490
- if (child.type.typeArguments) {
2491
- definition.typeArguments = this.getTypeArgumentDefinitions(child.type);
2492
- }
2493
- return definition;
2494
- }
2495
- }
2496
- getParameterDefinitions(callSignature, parentTags) {
2497
- if (!callSignature.parameters) {
2498
- return [];
2499
- }
2500
- const parameters = callSignature.parameters.map(p => {
2501
- var _a;
2502
- const tags = this.getParameterCommentTags(p, parentTags);
2503
- const defaultValue = this.getDefaultValue(p, tags);
2504
- const typeArguments = this.getTypeArgumentDefinitions(p.type);
2505
- const parameter = {
2506
- isOptional: !!(defaultValue || !!((_a = p.flags) === null || _a === void 0 ? void 0 : _a.isOptional)),
2507
- name: p.name,
2508
- type: this.getTypeDefinition(p)
2509
- };
2510
- if (defaultValue !== undefined) {
2511
- parameter.defaultValue = defaultValue;
2512
- }
2513
- if (tags.description) {
2514
- parameter.description = tags.description;
2515
- }
2516
- if (typeArguments.length) {
2517
- parameter.typeArguments = typeArguments;
2518
- }
2519
- return parameter;
2520
- });
2521
- return parameters;
2522
- }
2523
- getTypeArgumentDefinitions(typeConfig) {
2524
- if (!typeConfig || !typeConfig.typeArguments) {
2525
- return [];
2526
- }
2527
- return typeConfig.typeArguments.map((typeArgument) => {
2528
- return this.getTypeDefinition({ type: typeArgument });
2529
- });
2530
- }
2531
- getCallSignatureDefinition(callSignature, tags) {
2532
- const definition = {
2533
- returnType: this.getTypeDefinition(callSignature)
2534
- };
2535
- const parameters = this.getParameterDefinitions(callSignature, tags);
2536
- if (parameters.length) {
2537
- definition.parameters = parameters;
2538
- }
2539
- return definition;
2540
- }
2541
- getIndexSignatureDefinition(signature) {
2542
- return {
2543
- key: {
2544
- name: signature.parameters[0].name,
2545
- type: this.getTypeDefinition(signature.parameters[0])
2546
- },
2547
- type: this.getTypeDefinition(signature)
2548
- };
2549
- }
2550
- getTypeParameterDefinitions(typeParameters) {
2551
- if (!typeParameters) {
2552
- return [];
2553
- }
2554
- return typeParameters.map(typeParam => {
2555
- const definition = {
2556
- name: typeParam.name
2557
- };
2558
- if (typeParam.type) {
2559
- definition.type = this.getTypeDefinition({
2560
- type: typeParam.type
2561
- });
2562
- }
2563
- return definition;
2564
- });
2565
- }
2566
- getCommentTags(comment) {
2567
- let codeExample;
2568
- let codeExampleLanguage = 'markup';
2569
- let deprecationWarning;
2570
- let defaultValue;
2571
- let description = '';
2572
- let parameters;
2573
- const extras = {};
2574
- if (comment) {
2575
- if (comment.tags) {
2576
- comment.tags.forEach(tag => {
2577
- switch (tag.tag) {
2578
- case 'deprecated':
2579
- deprecationWarning = tag.text.trim();
2580
- break;
2581
- case 'default':
2582
- case 'defaultValue':
2583
- defaultValue = tag.text.trim();
2584
- break;
2585
- case 'example':
2586
- codeExample = tag.text.trim().split('```')[1].trim();
2587
- const language = codeExample.split('\n')[0];
2588
- if (language === 'markup' || language === 'typescript') {
2589
- codeExample = codeExample.slice(language.length).trim();
2590
- codeExampleLanguage = language;
2591
- }
2592
- break;
2593
- case 'param':
2594
- parameters = parameters || [];
2595
- parameters.push({
2596
- name: tag.param,
2597
- description: tag.text.trim()
2598
- });
2599
- break;
2600
- default:
2601
- extras[tag.tag] = tag.text;
2602
- break;
2603
- }
2604
- });
2605
- }
2606
- description = (comment.shortText || comment.text || '').trim();
2607
- }
2608
- return {
2609
- codeExample,
2610
- codeExampleLanguage,
2611
- defaultValue,
2612
- deprecationWarning,
2613
- description,
2614
- extras,
2615
- parameters
2616
- };
2617
- }
2618
- /**
2619
- * Parameter descriptions are derived from the parent's (function/method) comment.
2620
- */
2621
- getParameterCommentTags(parameter, parentTags) {
2622
- const tags = this.getCommentTags(parameter.comment);
2623
- const paramTags = parentTags.parameters;
2624
- const tagParam = (paramTags) ? paramTags.find((param) => param.name === parameter.name) : undefined;
2625
- if (!tagParam || !tagParam.description) {
2626
- return tags;
2627
- }
2628
- return Object.assign(Object.assign({}, tags), {
2629
- description: tagParam.description
2630
- });
2631
- }
2632
- /**
2633
- * Applies comment tag (e.g. `@param`) values to the provided definition, if the value is defined.
2634
- */
2635
- applyCommentTagValues(definition, tags) {
2636
- if (tags.codeExample) {
2637
- definition.codeExample = tags.codeExample;
2638
- definition.codeExampleLanguage = tags.codeExampleLanguage;
2639
- }
2640
- if (tags.deprecationWarning !== undefined) {
2641
- definition.deprecationWarning = tags.deprecationWarning;
2642
- }
2643
- if (tags.description) {
2644
- definition.description = tags.description;
2645
- }
2646
- }
2647
- getDecorator(child) {
2648
- const name = child.decorators && child.decorators[0] && child.decorators[0].name;
2649
- if (name) {
2650
- return { name };
2651
- }
2652
- }
2653
- getPropertyName(property) {
2654
- var _a;
2655
- const decorators = property.decorators && property.decorators[0];
2656
- // Use the Input's bound property name, if found.
2657
- // e.g. @Input('foobar')
2658
- return ((_a = decorators === null || decorators === void 0 ? void 0 : decorators.arguments) === null || _a === void 0 ? void 0 : _a.bindingPropertyName)
2659
- ? decorators.arguments.bindingPropertyName.replace(/(\'|\")/g, '')
2660
- : property.name;
2661
- }
2662
- getDefaultValue(child, tags) {
2663
- if (tags.defaultValue) {
2664
- return tags.defaultValue;
2665
- }
2666
- // TypeDoc version 0.20.x stopped auto-generating initializers for the default value
2667
- // (and replaced them with "...") due to the complicated logic it required.
2668
- // See: https://github.com/TypeStrong/typedoc/issues/1552
2669
- if (child.defaultValue === '...') {
2670
- return;
2671
- }
2672
- return child.defaultValue;
2673
- }
2674
- getAnchorId(entry) {
2675
- var _a;
2676
- return entry.anchorId || ((_a = this.typeDefinitionsProvider) === null || _a === void 0 ? void 0 : _a.anchorIds[entry.name]) || '';
2677
- }
2678
- }
2679
- SkyDocsTypeDocAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDocAdapterService, deps: [{ token: SkyDocsTypeDefinitionsProvider, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
2680
- SkyDocsTypeDocAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDocAdapterService, providedIn: 'any' });
2681
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDocAdapterService, decorators: [{
2682
- type: Injectable,
2683
- args: [{
2684
- providedIn: 'any'
2685
- }]
2686
- }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider, decorators: [{
2687
- type: Optional
2688
- }] }]; } });
2689
-
2690
- /**
2691
- * Handles all type definitions that have been converted from the third-party documentation generator.
2692
- */
2693
- class SkyDocsTypeDefinitionsService {
2694
- constructor(typeDefinitionsProvider, adapter) {
2695
- this.typeDefinitionsProvider = typeDefinitionsProvider;
2696
- this.adapter = adapter;
2697
- }
2698
- /**
2699
- * Returns type definitions from a specific source code location.
2700
- * @param sourceCodePath The directory of the source code you wish to pull type definitions from,
2701
- * relative to the application's root directory.
2702
- */
2703
- getTypeDefinitions(sourceCodePath, additionalSourceCodePaths) {
2704
- if (!sourceCodePath) {
2705
- throw new Error('The `sourceCodePath` parameter is required');
2706
- }
2707
- const sourceCodePaths = additionalSourceCodePaths && additionalSourceCodePaths.length > 0 ?
2708
- [sourceCodePath].concat(additionalSourceCodePaths) :
2709
- [sourceCodePath];
2710
- sourceCodePaths.forEach((path) => {
2711
- if (!path.endsWith('/') && !path.endsWith('.ts')) {
2712
- throw new Error('Source code paths must end with a forward slash (`/`) or `.ts`.');
2713
- }
2714
- });
2715
- const allDefinitions = this.typeDefinitionsProvider.typeDefinitions;
2716
- const types = {
2717
- classes: [],
2718
- components: [],
2719
- directives: [],
2720
- enumerations: [],
2721
- interfaces: [],
2722
- pipes: [],
2723
- services: [],
2724
- typeAliases: []
2725
- };
2726
- if (!allDefinitions) {
2727
- console.warn(`No types were found for this project!`);
2728
- return types;
2729
- }
2730
- sourceCodePaths.forEach((path) => {
2731
- const requestedDir = path
2732
- .replace(/src\/app\/public\//, '')
2733
- .replace(/^\//, ''); // remove first slash.
2734
- // Only process types that match the requested source code location.
2735
- const typeDefinitions = allDefinitions.filter((i) => i.sources && i.sources[0].fileName.match(requestedDir));
2736
- if (typeDefinitions.length === 0) {
2737
- console.warn(`Type definitions were not found for location: ${requestedDir}`);
2738
- }
2739
- typeDefinitions.forEach((item) => {
2740
- const decorator = item.decorators && item.decorators[0].name;
2741
- const kindString = item.kindString;
2742
- switch (decorator) {
2743
- case 'Component':
2744
- types.components.push(this.adapter.toDirectiveDefinition(item));
2745
- break;
2746
- case 'Directive':
2747
- types.directives.push(this.adapter.toDirectiveDefinition(item));
2748
- break;
2749
- case 'Injectable':
2750
- types.services.push(this.adapter.toClassDefinition(item));
2751
- break;
2752
- case 'NgModule':
2753
- // Don't document modules.
2754
- break;
2755
- case 'Pipe':
2756
- types.pipes.push(this.adapter.toPipeDefinition(item));
2757
- break;
2758
- default:
2759
- /*tslint:disable-next-line:switch-default*/
2760
- switch (kindString) {
2761
- case 'Class':
2762
- types.classes.push(this.adapter.toClassDefinition(item));
2763
- break;
2764
- case 'Interface':
2765
- types.interfaces.push(this.adapter.toInterfaceDefinition(item));
2766
- break;
2767
- case 'Enumeration':
2768
- types.enumerations.push(this.adapter.toEnumerationDefinition(item));
2769
- break;
2770
- case 'Type alias':
2771
- types.typeAliases.push(this.adapter.toTypeAliasDefinition(item));
2772
- break;
2773
- }
2774
- }
2775
- });
2776
- });
2777
- return types;
2778
- }
2779
- }
2780
- SkyDocsTypeDefinitionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsService, deps: [{ token: SkyDocsTypeDefinitionsProvider }, { token: SkyDocsTypeDocAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
2781
- SkyDocsTypeDefinitionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsService, providedIn: 'any' });
2782
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsTypeDefinitionsService, decorators: [{
2783
- type: Injectable,
2784
- args: [{
2785
- providedIn: 'any'
2786
- }]
2787
- }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }, { type: SkyDocsTypeDocAdapterService }]; } });
2788
-
2789
- /**
2790
- * @internal
2791
- */
2792
- class SkyDocsDemoPageTypeDefinitionsComponent {
2793
- constructor(typeDefinitionService) {
2794
- this.typeDefinitionService = typeDefinitionService;
2795
- }
2796
- ngOnInit() {
2797
- if (this.moduleSourceCodePath) {
2798
- this.types = this.typeDefinitionService.getTypeDefinitions(this.moduleSourceCodePath, this.additionalSourceCodePaths);
2799
- }
2800
- }
2801
- }
2802
- SkyDocsDemoPageTypeDefinitionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageTypeDefinitionsComponent, deps: [{ token: SkyDocsTypeDefinitionsService }], target: i0.ɵɵFactoryTarget.Component });
2803
- SkyDocsDemoPageTypeDefinitionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: { additionalSourceCodePaths: "additionalSourceCodePaths", moduleSourceCodePath: "moduleSourceCodePath" }, ngImport: i0, template: "<ng-template [ngIf]=\"types\">\n <sky-docs-demo-page-section *ngIf=\"types.components.length\"\n heading=\"Components\"\n >\n <sky-docs-directive-definition *ngFor=\"let config of types.components\"\n [config]=\"config\"\n ></sky-docs-directive-definition>\n </sky-docs-demo-page-section>\n\n <sky-docs-demo-page-section *ngIf=\"types.directives.length\"\n heading=\"Directives\"\n >\n <sky-docs-directive-definition *ngFor=\"let config of types.directives\"\n [config]=\"config\"\n ></sky-docs-directive-definition>\n </sky-docs-demo-page-section>\n\n <sky-docs-demo-page-section *ngIf=\"types.pipes.length\"\n heading=\"Pipes\"\n >\n <sky-docs-pipe-definition *ngFor=\"let config of types.pipes\"\n [config]=\"config\"\n ></sky-docs-pipe-definition>\n </sky-docs-demo-page-section>\n\n <sky-docs-demo-page-section *ngIf=\"types.services.length\"\n heading=\"Services\"\n >\n <sky-docs-class-definition *ngFor=\"let config of types.services\"\n [config]=\"config\"\n ></sky-docs-class-definition>\n </sky-docs-demo-page-section>\n\n <sky-docs-demo-page-section *ngIf=\"types.classes.length\"\n heading=\"Classes\"\n >\n <sky-docs-class-definition *ngFor=\"let config of types.classes\"\n [config]=\"config\"\n ></sky-docs-class-definition>\n </sky-docs-demo-page-section>\n\n <sky-docs-demo-page-section *ngIf=\"types.interfaces.length\"\n heading=\"Interfaces\"\n >\n <sky-docs-interface-definition *ngFor=\"let config of types.interfaces\"\n [config]=\"config\"\n ></sky-docs-interface-definition>\n </sky-docs-demo-page-section>\n\n <sky-docs-demo-page-section *ngIf=\"types.enumerations.length\"\n heading=\"Enumerations\"\n >\n <sky-docs-enumeration-definition *ngFor=\"let config of types.enumerations\"\n [config]=\"config\"\n ></sky-docs-enumeration-definition>\n </sky-docs-demo-page-section>\n\n <sky-docs-demo-page-section *ngIf=\"types.typeAliases.length\"\n heading=\"Type aliases\"\n >\n <sky-docs-type-alias-definition *ngFor=\"let config of types.typeAliases\"\n [config]=\"config\"\n ></sky-docs-type-alias-definition>\n </sky-docs-demo-page-section>\n</ng-template>", components: [{ type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: ["config"] }, { type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: ["config"] }, { type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: ["config"] }, { type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: ["config"] }, { type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: ["config"] }, { type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: ["config"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2804
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageTypeDefinitionsComponent, decorators: [{
2805
- type: Component,
2806
- args: [{
2807
- selector: 'sky-docs-demo-page-type-definitions',
2808
- templateUrl: './demo-page-type-definitions.component.html',
2809
- changeDetection: ChangeDetectionStrategy.OnPush
2810
- }]
2811
- }], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsService }]; }, propDecorators: { additionalSourceCodePaths: [{
2812
- type: Input
2813
- }], moduleSourceCodePath: [{
2814
- type: Input
2815
- }] } });
2816
-
2817
- /**
2818
- * The demo page component wraps all documentation components and handles the configuration and layout of the page.
2819
- * @example
2820
- * ```
2821
- * <sky-docs-demo-page
2822
- * pageTitle="My demo page"
2823
- * >
2824
- * Content here.
2825
- * </sky-docs-demo-page>
2826
- * ```
2827
- */
2828
- class SkyDocsDemoPageComponent {
2829
- constructor(activatedRoute, changeDetector, router, skyAppConfig, domAdapter, supportalService, titleService) {
2830
- this.activatedRoute = activatedRoute;
2831
- this.changeDetector = changeDetector;
2832
- this.router = router;
2833
- this.skyAppConfig = skyAppConfig;
2834
- this.domAdapter = domAdapter;
2835
- this.supportalService = supportalService;
2836
- this.titleService = titleService;
2837
- /**
2838
- * @internal
2839
- */
2840
- this.enableCodeExamples = false;
2841
- /**
2842
- * @internal
2843
- */
2844
- this.enableTabLayout = false;
2845
- }
2846
- ngOnInit() {
2847
- const currentHostUrl = this.skyAppConfig.skyux.host.url + '/' + this.skyAppConfig.skyux.name;
2848
- this.updateTitle();
2849
- this.supportalService
2850
- .getComponentsInfo()
2851
- .subscribe((results) => {
2852
- this.sidebarRoutes = [{
2853
- name: 'Components',
2854
- path: 'https://developer.blackbaud.com/skyux/components',
2855
- children: results.map((component) => ({
2856
- name: component.name,
2857
- path: this.getPath(component.url, currentHostUrl)
2858
- }))
2859
- }];
2860
- this.changeDetector.markForCheck();
2861
- });
2862
- }
2863
- ngAfterContentInit() {
2864
- this.enableCodeExamples = (this.codeExampleComponents.length > 0);
2865
- this.enableTabLayout = !!(this.designGuidelinesComponent);
2866
- }
2867
- ngAfterViewInit() {
2868
- // Watch for route fragment to change and scroll to heading.
2869
- this.activatedRoute.fragment.subscribe((fragment) => {
2870
- this.domAdapter.scrollToFragment(fragment);
2871
- });
2872
- // Change the HREF attribute for all dynamic links when the query params change.
2873
- // This will also generate the appropriate HREF if the user wants to open the link in a new window.
2874
- this.activatedRoute.queryParams.subscribe(() => {
2875
- this.domAdapter.setupAnchorLinks();
2876
- });
2877
- // When a dynamic link is clicked, use Angular's router so that everything works correctly.
2878
- this.domAdapter.anchorLinkClick.subscribe((anchorLink) => {
2879
- const fragment = anchorLink.href.split('#')[1];
2880
- this.router.navigate([], {
2881
- fragment,
2882
- queryParamsHandling: 'merge'
2883
- });
2884
- if (this.activatedRoute.snapshot.fragment === fragment) {
2885
- this.domAdapter.scrollToFragment(fragment);
2886
- }
2887
- });
2888
- }
2889
- updateTitle() {
2890
- /*istanbul ignore else*/
2891
- if (this.pageTitle) {
2892
- this.titleService.setTitle(this.pageTitle, 'Components');
2893
- }
2894
- }
2895
- getPath(url, currentHostUrl) {
2896
- // Replace host + SPA so Stache will mark active.
2897
- // Strip URL params is url is local, as those will be preserved by stacheRouterLink.
2898
- if (url.indexOf(currentHostUrl) > -1) {
2899
- return url.replace(currentHostUrl, '').split('?')[0];
2900
- }
2901
- else {
2902
- return url;
2903
- }
2904
- }
2905
- }
2906
- SkyDocsDemoPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageComponent, deps: [{ token: i1$3.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i1$3.Router }, { token: i2$5.SkyAppConfig }, { token: SkyDocsDemoPageDomAdapterService }, { token: SkyDocsSupportalService }, { token: SkyDocsDemoPageTitleService }], target: i0.ɵɵFactoryTarget.Component });
2907
- SkyDocsDemoPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageComponent, selector: "sky-docs-demo-page", inputs: { additionalSourceCodePaths: "additionalSourceCodePaths", gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", moduleSourceCodePath: "moduleSourceCodePath", packageName: "packageName", packageUrl: "packageUrl", pageTitle: "pageTitle" }, providers: [
2908
- SkyDocsDemoPageDomAdapterService
2909
- ], queries: [{ propertyName: "designGuidelinesComponent", first: true, predicate: SkyDocsDesignGuidelinesComponent, descendants: true }, { propertyName: "codeExampleComponents", predicate: SkyDocsCodeExamplesComponent }], ngImport: i0, 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 [additionalSourceCodePaths]=\"additionalSourceCodePaths\"\n [moduleSourceCodePath]=\"moduleSourceCodePath\"\n >\n </sky-docs-demo-page-type-definitions>\n\n <sky-docs-demo-page-section *ngIf=\"enableCodeExamples\"\n heading=\"Code examples\"\n >\n <ng-content\n select=\"sky-docs-code-examples\"\n ></ng-content>\n </sky-docs-demo-page-section>\n</ng-template>", styles: [".sky-docs-demo-page ::ng-deep p{margin:15px 0}.sky-docs-demo-page ::ng-deep .stache-max-width-container{max-width:none;margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-code-block{margin:15px 0;display:block}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-block{font-size:13.5px}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-output{margin:-2px 0 0;padding:0 0 0 15px;background:transparent;border:0}.sky-docs-demo-page ::ng-deep .sky-definition-list{margin:0}.sky-docs-demo-page ::ng-deep .sky-definition-list .sky-docs-code-block{margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-type-definition-wrapper{margin-bottom:40px}.sky-docs-demo-page-main{padding:30px 0}.sky-docs-demo-page-main table{margin-top:15px;margin-bottom:15px}.sky-docs-demo-page-main ::ng-deep .sky-tabset{margin-left:-45px;margin-right:-45px;padding-left:45px;padding-right:45px}\n"], components: [{ type: i6$1.λ30, selector: "stache", inputs: ["pageTitle", "windowTitle", "navTitle", "layout", "sidebarRoutes", "breadcrumbsRoutes", "showBreadcrumbs", "showEditButton", "showFooter", "showTableOfContents", "showBackToTop", "showInNav", "inPageRoutes"] }, { type: i4.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }, { type: i4.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndex"], outputs: ["close"] }, { type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: ["gitRepoUrl", "moduleName", "packageName", "packageUrl"] }, { type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: ["additionalSourceCodePaths", "moduleSourceCodePath"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2910
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageComponent, decorators: [{
2911
- type: Component,
2912
- args: [{
2913
- selector: 'sky-docs-demo-page',
2914
- templateUrl: './demo-page.component.html',
2915
- styleUrls: ['./demo-page.component.scss'],
2916
- providers: [
2917
- SkyDocsDemoPageDomAdapterService
2918
- ],
2919
- changeDetection: ChangeDetectionStrategy.OnPush
2920
- }]
2921
- }], ctorParameters: function () { return [{ type: i1$3.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i1$3.Router }, { type: i2$5.SkyAppConfig }, { type: SkyDocsDemoPageDomAdapterService }, { type: SkyDocsSupportalService }, { type: SkyDocsDemoPageTitleService }]; }, propDecorators: { additionalSourceCodePaths: [{
2922
- type: Input
2923
- }], gitRepoUrl: [{
2924
- type: Input
2925
- }], moduleName: [{
2926
- type: Input
2927
- }], moduleSourceCodePath: [{
2928
- type: Input
2929
- }], packageName: [{
2930
- type: Input
2931
- }], packageUrl: [{
2932
- type: Input
2933
- }], pageTitle: [{
2934
- type: Input
2935
- }], designGuidelinesComponent: [{
2936
- type: ContentChild,
2937
- args: [SkyDocsDesignGuidelinesComponent]
2938
- }], codeExampleComponents: [{
2939
- type: ContentChildren,
2940
- args: [SkyDocsCodeExamplesComponent]
2941
- }] } });
2942
-
2943
- class SkyDocsDemoPageModuleInfoComponent {
2944
- }
2945
- SkyDocsDemoPageModuleInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageModuleInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2946
- SkyDocsDemoPageModuleInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDemoPageModuleInfoComponent, selector: "sky-docs-demo-page-module-info", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
2947
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageModuleInfoComponent, decorators: [{
2948
- type: Component,
2949
- args: [{
2950
- selector: 'sky-docs-demo-page-module-info',
2951
- template: '<ng-content></ng-content>'
2952
- }]
2953
- }] });
2954
-
2955
- class SkyDocsDemoPageModule {
2956
- }
2957
- SkyDocsDemoPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2958
- SkyDocsDemoPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageModule, declarations: [SkyDocsDemoPageComponent,
2959
- SkyDocsDemoPageModuleInfoComponent,
2960
- SkyDocsDemoPageSectionComponent,
2961
- SkyDocsDemoPageSummaryComponent,
2962
- SkyDocsDemoPageTypeDefinitionsComponent], imports: [CommonModule,
2963
- RouterModule,
2964
- SkyCodeBlockModule,
2965
- SkyCodeModule,
2966
- SkyDocsDemoModule,
2967
- SkyDocsHeadingAnchorModule,
2968
- SkyDocsMarkdownModule,
2969
- SkyDocsModuleInfoModule,
2970
- SkyDocsTypeDefinitionsModule,
2971
- SkyTabsModule,
2972
- StachePageSummaryModule,
2973
- StacheWrapperModule], exports: [SkyDocsDemoPageComponent,
2974
- SkyDocsDemoPageModuleInfoComponent,
2975
- SkyDocsDemoPageSectionComponent,
2976
- SkyDocsDemoPageSummaryComponent,
2977
- SkyDocsDemoPageTypeDefinitionsComponent] });
2978
- SkyDocsDemoPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageModule, imports: [[
2979
- CommonModule,
2980
- RouterModule,
2981
- SkyCodeBlockModule,
2982
- SkyCodeModule,
2983
- SkyDocsDemoModule,
2984
- SkyDocsHeadingAnchorModule,
2985
- SkyDocsMarkdownModule,
2986
- SkyDocsModuleInfoModule,
2987
- SkyDocsTypeDefinitionsModule,
2988
- SkyTabsModule,
2989
- StachePageSummaryModule,
2990
- StacheWrapperModule
2991
- ]] });
2992
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDemoPageModule, decorators: [{
2993
- type: NgModule,
2994
- args: [{
2995
- imports: [
2996
- CommonModule,
2997
- RouterModule,
2998
- SkyCodeBlockModule,
2999
- SkyCodeModule,
3000
- SkyDocsDemoModule,
3001
- SkyDocsHeadingAnchorModule,
3002
- SkyDocsMarkdownModule,
3003
- SkyDocsModuleInfoModule,
3004
- SkyDocsTypeDefinitionsModule,
3005
- SkyTabsModule,
3006
- StachePageSummaryModule,
3007
- StacheWrapperModule
3008
- ],
3009
- declarations: [
3010
- SkyDocsDemoPageComponent,
3011
- SkyDocsDemoPageModuleInfoComponent,
3012
- SkyDocsDemoPageSectionComponent,
3013
- SkyDocsDemoPageSummaryComponent,
3014
- SkyDocsDemoPageTypeDefinitionsComponent
3015
- ],
3016
- exports: [
3017
- SkyDocsDemoPageComponent,
3018
- SkyDocsDemoPageModuleInfoComponent,
3019
- SkyDocsDemoPageSectionComponent,
3020
- SkyDocsDemoPageSummaryComponent,
3021
- SkyDocsDemoPageTypeDefinitionsComponent
3022
- ]
3023
- }]
3024
- }] });
3025
-
3026
- class SkyDocsThumbnailComponent {
3027
- constructor() {
3028
- this.showBorder = false;
3029
- }
3030
- }
3031
- SkyDocsThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsThumbnailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3032
- SkyDocsThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsThumbnailComponent, selector: "sky-docs-thumbnail", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", videoSource: "videoSource" }, ngImport: i0, template: "<div class=\"sky-docs-thumbnail\">\n <sky-image *ngIf=\"imageSource\"\n [caption]=\"caption\"\n [captionType]=\"captionType\"\n [imageAlt]=\"imageAlt\"\n [imageSource]=\"imageSource\"\n [showBorder]=\"showBorder\"\n [showCaptionPrefix]=\"false\"\n ></sky-image>\n <div *ngIf=\"videoSource\"\n class=\"sky-docs-video\"\n [ngClass]=\"{\n 'sky-docs-video-border': showBorder\n }\"\n >\n <video controls>\n <source\n [attr.src]=\"videoSource\"\n type=\"video/mp4\"\n />\n </video>\n </div>\n</div>\n", styles: [".sky-docs-thumbnail{margin-bottom:50px}.sky-docs-video video{max-width:100%}.sky-docs-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"], components: [{ type: i2$2.λ4, selector: "sky-image", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "showCaptionPrefix"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3033
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsThumbnailComponent, decorators: [{
3034
- type: Component,
3035
- args: [{
3036
- selector: 'sky-docs-thumbnail',
3037
- templateUrl: './thumbnail.component.html',
3038
- styleUrls: ['./thumbnail.component.scss'],
3039
- changeDetection: ChangeDetectionStrategy.OnPush
3040
- }]
3041
- }], propDecorators: { caption: [{
3042
- type: Input
3043
- }], captionType: [{
3044
- type: Input
3045
- }], imageAlt: [{
3046
- type: Input
3047
- }], imageSource: [{
3048
- type: Input
3049
- }], showBorder: [{
3050
- type: Input
3051
- }], videoSource: [{
3052
- type: Input
3053
- }] } });
3054
-
3055
- class SkyDocsThumbnailModule {
3056
- }
3057
- SkyDocsThumbnailModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsThumbnailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3058
- SkyDocsThumbnailModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsThumbnailModule, declarations: [SkyDocsThumbnailComponent], imports: [CommonModule,
3059
- SkyImageModule], exports: [SkyDocsThumbnailComponent] });
3060
- SkyDocsThumbnailModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsThumbnailModule, imports: [[
3061
- CommonModule,
3062
- SkyImageModule
3063
- ]] });
3064
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsThumbnailModule, decorators: [{
3065
- type: NgModule,
3066
- args: [{
3067
- imports: [
3068
- CommonModule,
3069
- SkyImageModule
3070
- ],
3071
- exports: [
3072
- SkyDocsThumbnailComponent
3073
- ],
3074
- declarations: [
3075
- SkyDocsThumbnailComponent
3076
- ]
3077
- }]
3078
- }] });
3079
-
3080
- class SkyDocsDesignGuidelineThumbnailComponent {
3081
- constructor() {
3082
- this.showBorder = false;
3083
- }
3084
- }
3085
- SkyDocsDesignGuidelineThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelineThumbnailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3086
- SkyDocsDesignGuidelineThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDesignGuidelineThumbnailComponent, selector: "sky-docs-design-guideline-thumbnail", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", videoSource: "videoSource", showBorder: "showBorder" }, ngImport: i0, template: "<div class=\"sky-docs-design-guideline-thumbnail\">\n <sky-docs-thumbnail\n [caption]=\"caption\"\n [captionType]=\"captionType\"\n [imageAlt]=\"imageAlt\"\n [imageSource]=\"imageSource\"\n [videoSource]=\"videoSource\"\n [showBorder]=\"showBorder\"\n ></sky-docs-thumbnail>\n</div>\n", styles: [".sky-docs-design-guideline-thumbnail{margin-bottom:50px}.sky-docs-design-guideline-video video{max-width:100%}.sky-docs-design-guideline-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"], components: [{ type: SkyDocsThumbnailComponent, selector: "sky-docs-thumbnail", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "videoSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3087
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelineThumbnailComponent, decorators: [{
3088
- type: Component,
3089
- args: [{
3090
- selector: 'sky-docs-design-guideline-thumbnail',
3091
- templateUrl: './design-guideline-thumbnail.component.html',
3092
- styleUrls: ['./design-guideline-thumbnail.component.scss'],
3093
- changeDetection: ChangeDetectionStrategy.OnPush
3094
- }]
3095
- }], propDecorators: { caption: [{
3096
- type: Input
3097
- }], captionType: [{
3098
- type: Input
3099
- }], imageAlt: [{
3100
- type: Input
3101
- }], imageSource: [{
3102
- type: Input
3103
- }], videoSource: [{
3104
- type: Input
3105
- }], showBorder: [{
3106
- type: Input
3107
- }] } });
3108
-
3109
- class SkyDocsDesignGuidelineComponent {
3110
- constructor() {
3111
- this.headingStyle = 'default';
3112
- this.hasThumbnails = false;
3113
- }
3114
- get classNames() {
3115
- const classNames = [];
3116
- classNames.push(`sky-text-${this.headingStyle}`);
3117
- return classNames.join(' ');
3118
- }
3119
- ngAfterContentInit() {
3120
- this.hasThumbnails = !!this.thumbnails.length;
3121
- }
3122
- }
3123
- SkyDocsDesignGuidelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3124
- SkyDocsDesignGuidelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDocsDesignGuidelineComponent, selector: "sky-docs-design-guideline", inputs: { heading: "heading", headingStyle: "headingStyle" }, queries: [{ propertyName: "thumbnails", predicate: SkyDocsDesignGuidelineThumbnailComponent }], ngImport: i0, template: "<div class=\"sky-docs-design-guideline\">\n <h3 *ngIf=\"heading\"\n class=\"sky-docs-design-guideline-heading\"\n [ngClass]=\"classNames\"\n >\n {{ heading }}\n </h3>\n <sky-row *ngIf=\"hasThumbnails; else content\">\n <sky-column\n screenSmall=\"6\"\n screenMedium=\"5\"\n screenLarge=\"4\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </sky-column>\n <sky-column\n screenSmall=\"6\"\n screenMedium=\"7\"\n screenLarge=\"8\"\n >\n <div class=\"sky-docs-design-guideline-thumbnails\">\n <ng-container *ngTemplateOutlet=\"thumbnails\"></ng-container>\n </div>\n </sky-column>\n </sky-row>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #thumbnails>\n <ng-content select=\"sky-docs-design-guideline-thumbnail\"></ng-content>\n</ng-template>\n", styles: [".sky-docs-design-guideline-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-design-guideline-thumbnails{display:flex;flex-wrap:wrap}.sky-docs-design-guideline-thumbnails ::ng-deep sky-docs-design-guideline-thumbnail:first-child{padding-right:20px}\n"], components: [{ type: i2$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3125
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelineComponent, decorators: [{
3126
- type: Component,
3127
- args: [{
3128
- selector: 'sky-docs-design-guideline',
3129
- templateUrl: './design-guideline.component.html',
3130
- styleUrls: ['./design-guideline.component.scss'],
3131
- changeDetection: ChangeDetectionStrategy.OnPush
3132
- }]
3133
- }], propDecorators: { heading: [{
3134
- type: Input
3135
- }], headingStyle: [{
3136
- type: Input
3137
- }], thumbnails: [{
3138
- type: ContentChildren,
3139
- args: [SkyDocsDesignGuidelineThumbnailComponent]
3140
- }] } });
3141
-
3142
- class SkyDocsDesignGuidelinesModule {
3143
- }
3144
- SkyDocsDesignGuidelinesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelinesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3145
- SkyDocsDesignGuidelinesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelinesModule, declarations: [SkyDocsDesignGuidelineComponent,
3146
- SkyDocsDesignGuidelineThumbnailComponent,
3147
- SkyDocsDesignGuidelinesComponent], imports: [CommonModule,
3148
- SkyDocsThumbnailModule,
3149
- SkyFluidGridModule], exports: [SkyDocsDesignGuidelineComponent,
3150
- SkyDocsDesignGuidelineThumbnailComponent,
3151
- SkyDocsDesignGuidelinesComponent] });
3152
- SkyDocsDesignGuidelinesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelinesModule, imports: [[
3153
- CommonModule,
3154
- SkyDocsThumbnailModule,
3155
- SkyFluidGridModule
3156
- ]] });
3157
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsDesignGuidelinesModule, decorators: [{
3158
- type: NgModule,
3159
- args: [{
3160
- imports: [
3161
- CommonModule,
3162
- SkyDocsThumbnailModule,
3163
- SkyFluidGridModule
3164
- ],
3165
- declarations: [
3166
- SkyDocsDesignGuidelineComponent,
3167
- SkyDocsDesignGuidelineThumbnailComponent,
3168
- SkyDocsDesignGuidelinesComponent
3169
- ],
3170
- exports: [
3171
- SkyDocsDesignGuidelineComponent,
3172
- SkyDocsDesignGuidelineThumbnailComponent,
3173
- SkyDocsDesignGuidelinesComponent
3174
- ]
3175
- }]
3176
- }] });
3177
-
3178
- /**
3179
- * This module conveniently exports the most commonly used modules.
3180
- */
3181
- class SkyDocsToolsModule {
3182
- }
3183
- SkyDocsToolsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsToolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3184
- SkyDocsToolsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsToolsModule, exports: [SkyAuthHttpClientModule,
3185
- SkyDocsAnatomyModule,
3186
- SkyDocsCodeExamplesModule,
3187
- SkyDocsDemoModule,
3188
- SkyDocsDemoPageModule,
3189
- SkyDocsDesignGuidelinesModule] });
3190
- SkyDocsToolsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsToolsModule, imports: [SkyAuthHttpClientModule,
3191
- SkyDocsAnatomyModule,
3192
- SkyDocsCodeExamplesModule,
3193
- SkyDocsDemoModule,
3194
- SkyDocsDemoPageModule,
3195
- SkyDocsDesignGuidelinesModule] });
3196
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDocsToolsModule, decorators: [{
3197
- type: NgModule,
3198
- args: [{
3199
- exports: [
3200
- SkyAuthHttpClientModule,
3201
- SkyDocsAnatomyModule,
3202
- SkyDocsCodeExamplesModule,
3203
- SkyDocsDemoModule,
3204
- SkyDocsDemoPageModule,
3205
- SkyDocsDesignGuidelinesModule
3206
- ]
3207
- }]
3208
- }] });
3209
-
3210
- /**
3211
- * Generated bundle index. Do not edit.
3212
- */
3213
-
3214
- export { SkyDocsAnatomyModule, SkyDocsCodeExampleTheme, SkyDocsCodeExamplesModule, SkyDocsDemoModule, SkyDocsDemoPageModule, SkyDocsDesignGuidelinesModule, SkyDocsHeadingAnchorModule, SkyDocsMarkdownModule, SkyDocsMarkdownPipe, SkyDocsModuleInfoModule, SkyDocsSourceCodeProvider, SkyDocsSupportalService, SkyDocsThumbnailModule, SkyDocsToolsModule, SkyDocsToolsOptions, SkyDocsTypeDefinitionsModule, SkyDocsTypeDefinitionsProvider, SkyDocsTypeDefinitionsService, SkyDocsAnatomyItemComponent as λ1, SkyDocsDemoPageModuleInfoComponent as λ10, SkyDocsDemoPageSectionComponent as λ11, SkyDocsDemoPageSummaryComponent as λ12, SkyDocsDemoPageTypeDefinitionsComponent as λ13, SkyDocsDemoPageComponent as λ14, SkyDocsDesignGuidelineThumbnailComponent as λ15, SkyDocsDesignGuidelineComponent as λ16, SkyDocsDesignGuidelinesComponent as λ17, SkyDocsHeadingAnchorComponent as λ18, SkyDocsModuleInfoComponent as λ19, SkyDocsAnatomyComponent as λ2, SkyDocsThumbnailComponent as λ20, SkyDocsCallSignatureDefinitionComponent as λ21, SkyDocsClassDefinitionComponent as λ22, SkyDocsDirectiveDefinitionComponent as λ23, SkyDocsEnumerationDefinitionComponent as λ24, SkyDocsInterfaceDefinitionComponent as λ25, SkyDocsMethodDefinitionsComponent as λ26, SkyDocsPipeDefinitionComponent as λ27, SkyDocsPropertyDefinitionsComponent as λ28, SkyDocsTypeAliasDefinitionComponent as λ29, SkyDocsCodeExampleComponent as λ3, SkyDocsTypeAnchorLinksPipe as λ30, SkyDocsCodeExamplesComponent as λ4, SkyDocsDemoControlPanelCheckboxComponent as λ5, SkyDocsDemoControlPanelRadioGroupComponent as λ6, SkyDocsDemoControlPanelSectionComponent as λ7, SkyDocsDemoControlPanelComponent as λ8, SkyDocsDemoComponent as λ9 };
3215
- //# sourceMappingURL=skyux-docs-tools.js.map