@skyux/docs-tools 5.0.0-beta.10 → 5.0.0-beta.13
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.
- package/README.md +8 -0
- package/bundles/skyux-docs-tools.umd.js +347 -345
- package/documentation.json +310 -310
- package/esm2015/docs-tools.module.js +3 -3
- package/esm2015/modules/anatomy/anatomy-item.component.js +3 -3
- package/esm2015/modules/anatomy/anatomy.component.js +4 -4
- package/esm2015/modules/anatomy/anatomy.module.js +6 -24
- package/esm2015/modules/code-examples/code-example-theme.js +1 -1
- package/esm2015/modules/code-examples/code-example.component.js +4 -4
- package/esm2015/modules/code-examples/code-example.js +1 -1
- package/esm2015/modules/code-examples/code-examples-editor.service.js +24 -19
- package/esm2015/modules/code-examples/code-examples.component.js +5 -5
- package/esm2015/modules/code-examples/code-examples.module.js +7 -15
- package/esm2015/modules/demo/demo-control-panel-checkbox.component.js +4 -4
- package/esm2015/modules/demo/demo-control-panel-radio-choice.js +1 -1
- package/esm2015/modules/demo/demo-control-panel-radio-group.component.js +5 -5
- package/esm2015/modules/demo/demo-control-panel-section.component.js +3 -3
- package/esm2015/modules/demo/demo-control-panel.component.js +11 -7
- package/esm2015/modules/demo/demo.component.js +6 -6
- package/esm2015/modules/demo/demo.module.js +4 -4
- package/esm2015/modules/demo-page/demo-page-dom-adapter.service.js +2 -2
- package/esm2015/modules/demo-page/demo-page-module-info.component.js +2 -2
- package/esm2015/modules/demo-page/demo-page-section.component.js +5 -4
- package/esm2015/modules/demo-page/demo-page-summary.component.js +2 -2
- package/esm2015/modules/demo-page/demo-page-title.service.js +2 -2
- package/esm2015/modules/demo-page/demo-page-type-definitions.component.js +4 -4
- package/esm2015/modules/demo-page/demo-page.component.js +14 -16
- package/esm2015/modules/demo-page/demo-page.module.js +8 -8
- package/esm2015/modules/design-guidelines/design-guideline-thumbnail.component.js +2 -2
- package/esm2015/modules/design-guidelines/design-guideline.component.js +4 -4
- package/esm2015/modules/design-guidelines/design-guidelines.component.js +2 -2
- package/esm2015/modules/design-guidelines/design-guidelines.module.js +7 -17
- package/esm2015/modules/heading-anchor/heading-anchor.component.js +3 -3
- package/esm2015/modules/heading-anchor/heading-anchor.module.js +6 -20
- package/esm2015/modules/markdown/markdown.module.js +5 -13
- package/esm2015/modules/markdown/markdown.pipe.js +2 -2
- package/esm2015/modules/module-info/module-info.component.js +8 -8
- package/esm2015/modules/module-info/module-info.module.js +5 -9
- package/esm2015/modules/safe-html/safe-html.component.js +3 -3
- package/esm2015/modules/safe-html/safe-html.module.js +5 -13
- package/esm2015/modules/shared/docs-tools-options.js +1 -1
- package/esm2015/modules/shared/docs-tools-supportal.service.js +2 -2
- package/esm2015/modules/shared/sky-docs-tools-resources.module.js +21 -9
- package/esm2015/modules/source-code/source-code-file.js +1 -1
- package/esm2015/modules/source-code/source-code-provider.js +2 -2
- package/esm2015/modules/source-code/source-code.service.js +4 -4
- package/esm2015/modules/thumbnail/thumbnail.component.js +3 -3
- package/esm2015/modules/thumbnail/thumbnail.module.js +6 -17
- package/esm2015/modules/type-definitions/anchor-link.service.js +15 -7
- package/esm2015/modules/type-definitions/call-signature-definition.component.js +5 -5
- package/esm2015/modules/type-definitions/call-signature-definition.js +1 -1
- package/esm2015/modules/type-definitions/class-definition.component.js +3 -3
- package/esm2015/modules/type-definitions/class-definition.js +1 -1
- package/esm2015/modules/type-definitions/comment-tags.js +1 -1
- package/esm2015/modules/type-definitions/directive-definition.component.js +3 -3
- package/esm2015/modules/type-definitions/directive-definition.js +1 -1
- package/esm2015/modules/type-definitions/entry-child-definition.js +1 -1
- package/esm2015/modules/type-definitions/entry-definition.js +1 -1
- package/esm2015/modules/type-definitions/enumeration-definition.component.js +3 -3
- package/esm2015/modules/type-definitions/enumeration-definition.js +1 -1
- package/esm2015/modules/type-definitions/enumeration-member-definition.js +1 -1
- package/esm2015/modules/type-definitions/index-signature-definition.js +1 -1
- package/esm2015/modules/type-definitions/interface-definition.component.js +6 -4
- package/esm2015/modules/type-definitions/interface-definition.js +1 -1
- package/esm2015/modules/type-definitions/interface-property-definition.js +1 -1
- package/esm2015/modules/type-definitions/method-definition.js +1 -1
- package/esm2015/modules/type-definitions/method-definitions.component.js +7 -7
- package/esm2015/modules/type-definitions/parameter-definition.js +1 -1
- package/esm2015/modules/type-definitions/pipe-definition.component.js +3 -3
- package/esm2015/modules/type-definitions/pipe-definition.js +1 -1
- package/esm2015/modules/type-definitions/property-decorator.js +1 -1
- package/esm2015/modules/type-definitions/property-definition.js +1 -1
- package/esm2015/modules/type-definitions/property-definitions.component.js +7 -7
- package/esm2015/modules/type-definitions/type-alias-definition.component.js +6 -4
- package/esm2015/modules/type-definitions/type-alias-definition.js +1 -1
- package/esm2015/modules/type-definitions/type-anchor-links.pipe.js +3 -3
- package/esm2015/modules/type-definitions/type-definition.js +1 -1
- package/esm2015/modules/type-definitions/type-definitions-format.service.js +21 -19
- package/esm2015/modules/type-definitions/type-definitions-provider.js +1 -1
- package/esm2015/modules/type-definitions/type-definitions.js +1 -1
- package/esm2015/modules/type-definitions/type-definitions.module.js +7 -7
- package/esm2015/modules/type-definitions/type-definitions.service.js +6 -6
- package/esm2015/modules/type-definitions/type-parameter-definition.js +1 -1
- package/esm2015/modules/type-definitions/typedoc-adapter.service.js +110 -61
- package/esm2015/modules/type-definitions/typedoc-types.js +1 -1
- package/esm2015/public-api.js +1 -1
- package/fesm2015/skyux-docs-tools.js +351 -349
- package/fesm2015/skyux-docs-tools.js.map +1 -1
- package/modules/type-definitions/typedoc-types.d.ts +5 -3
- package/package.json +1 -1
|
@@ -55,14 +55,14 @@
|
|
|
55
55
|
return SkyDocsAnatomyItemComponent;
|
|
56
56
|
}());
|
|
57
57
|
SkyDocsAnatomyItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
58
|
-
SkyDocsAnatomyItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsAnatomyItemComponent, selector: "sky-docs-anatomy-item", inputs: { isOptional: "isOptional" }, ngImport: i0__namespace, template: "<div\n class=\"sky-docs-anatomy-item\"\n [ngClass]=\"{\n 'sky-docs-anatomy-item-optional': isOptional\n }\"\n>\n <div class=\"sky-docs-anatomy-item-marker\">\n {{ marker }}\n </div>\n <div class=\"sky-docs-anatomy-item-description\">\n <ng-content></ng-content>\n <span *ngIf=\"isOptional\"
|
|
58
|
+
SkyDocsAnatomyItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsAnatomyItemComponent, selector: "sky-docs-anatomy-item", inputs: { isOptional: "isOptional" }, ngImport: i0__namespace, template: "<div\n class=\"sky-docs-anatomy-item\"\n [ngClass]=\"{\n 'sky-docs-anatomy-item-optional': isOptional\n }\"\n>\n <div class=\"sky-docs-anatomy-item-marker\">\n {{ marker }}\n </div>\n <div class=\"sky-docs-anatomy-item-description\">\n <ng-content></ng-content>\n <span *ngIf=\"isOptional\" class=\"sky-deemphasized\"> (optional)</span>\n </div>\n</div>\n", styles: [".sky-docs-anatomy-item-marker{display:flex;width:22px;height:22px;border-radius:50%;justify-content:center;align-items:center;margin-right:5px;color:#fff;background-color:#4d842d}.sky-docs-anatomy-item{margin-bottom:10px;display:flex;align-items:center}.sky-docs-anatomy-item.sky-docs-anatomy-item-optional .sky-docs-anatomy-item-marker{background-color:#b7da9b;color:#212327}\n"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
59
59
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyItemComponent, decorators: [{
|
|
60
60
|
type: i0.Component,
|
|
61
61
|
args: [{
|
|
62
62
|
selector: 'sky-docs-anatomy-item',
|
|
63
|
-
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\"
|
|
63
|
+
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\" class=\"sky-deemphasized\"> (optional)</span>\n </div>\n</div>\n",
|
|
64
64
|
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"],
|
|
65
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
65
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
66
66
|
}]
|
|
67
67
|
}], propDecorators: { isOptional: [{
|
|
68
68
|
type: i0.Input
|
|
@@ -79,14 +79,14 @@
|
|
|
79
79
|
return SkyDocsAnatomyComponent;
|
|
80
80
|
}());
|
|
81
81
|
SkyDocsAnatomyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
82
|
-
SkyDocsAnatomyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsAnatomyComponent, selector: "sky-docs-anatomy", inputs: { imagePath: "imagePath" }, queries: [{ propertyName: "anatomyItems", predicate: SkyDocsAnatomyItemComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-anatomy\">\n <sky-row>\n <sky-column
|
|
82
|
+
SkyDocsAnatomyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsAnatomyComponent, selector: "sky-docs-anatomy", inputs: { imagePath: "imagePath" }, queries: [{ propertyName: "anatomyItems", predicate: SkyDocsAnatomyItemComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-anatomy\">\n <sky-row>\n <sky-column screenSmall=\"6\" screenMedium=\"5\" screenLarge=\"4\">\n <ng-content select=\"sky-docs-anatomy-item\"></ng-content>\n </sky-column>\n <sky-column screenSmall=\"6\" screenMedium=\"7\" screenLarge=\"8\">\n <sky-image [imageSource]=\"imagePath\"></sky-image>\n </sky-column>\n </sky-row>\n</div>\n", styles: [""], components: [{ type: i2__namespace$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2__namespace$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i2__namespace$2.λ4, selector: "sky-image", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "showCaptionPrefix"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
83
83
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyComponent, decorators: [{
|
|
84
84
|
type: i0.Component,
|
|
85
85
|
args: [{
|
|
86
86
|
selector: 'sky-docs-anatomy',
|
|
87
|
-
template: "<div class=\"sky-docs-anatomy\">\n <sky-row>\n <sky-column
|
|
87
|
+
template: "<div class=\"sky-docs-anatomy\">\n <sky-row>\n <sky-column screenSmall=\"6\" screenMedium=\"5\" screenLarge=\"4\">\n <ng-content select=\"sky-docs-anatomy-item\"></ng-content>\n </sky-column>\n <sky-column screenSmall=\"6\" screenMedium=\"7\" screenLarge=\"8\">\n <sky-image [imageSource]=\"imagePath\"></sky-image>\n </sky-column>\n </sky-row>\n</div>\n",
|
|
88
88
|
styles: [""],
|
|
89
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
89
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
90
90
|
}]
|
|
91
91
|
}], propDecorators: { imagePath: [{
|
|
92
92
|
type: i0.Input
|
|
@@ -101,32 +101,14 @@
|
|
|
101
101
|
return SkyDocsAnatomyModule;
|
|
102
102
|
}());
|
|
103
103
|
SkyDocsAnatomyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
104
|
-
SkyDocsAnatomyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyModule, declarations: [SkyDocsAnatomyComponent,
|
|
105
|
-
|
|
106
|
-
i2$1.SkyFluidGridModule,
|
|
107
|
-
i2$2.SkyImageModule], exports: [SkyDocsAnatomyComponent,
|
|
108
|
-
SkyDocsAnatomyItemComponent] });
|
|
109
|
-
SkyDocsAnatomyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyModule, imports: [[
|
|
110
|
-
i2.CommonModule,
|
|
111
|
-
i2$1.SkyFluidGridModule,
|
|
112
|
-
i2$2.SkyImageModule
|
|
113
|
-
]] });
|
|
104
|
+
SkyDocsAnatomyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyModule, declarations: [SkyDocsAnatomyComponent, SkyDocsAnatomyItemComponent], imports: [i2.CommonModule, i2$1.SkyFluidGridModule, i2$2.SkyImageModule], exports: [SkyDocsAnatomyComponent, SkyDocsAnatomyItemComponent] });
|
|
105
|
+
SkyDocsAnatomyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyModule, imports: [[i2.CommonModule, i2$1.SkyFluidGridModule, i2$2.SkyImageModule]] });
|
|
114
106
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnatomyModule, decorators: [{
|
|
115
107
|
type: i0.NgModule,
|
|
116
108
|
args: [{
|
|
117
|
-
imports: [
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
i2$2.SkyImageModule
|
|
121
|
-
],
|
|
122
|
-
declarations: [
|
|
123
|
-
SkyDocsAnatomyComponent,
|
|
124
|
-
SkyDocsAnatomyItemComponent
|
|
125
|
-
],
|
|
126
|
-
exports: [
|
|
127
|
-
SkyDocsAnatomyComponent,
|
|
128
|
-
SkyDocsAnatomyItemComponent
|
|
129
|
-
]
|
|
109
|
+
imports: [i2.CommonModule, i2$1.SkyFluidGridModule, i2$2.SkyImageModule],
|
|
110
|
+
declarations: [SkyDocsAnatomyComponent, SkyDocsAnatomyItemComponent],
|
|
111
|
+
exports: [SkyDocsAnatomyComponent, SkyDocsAnatomyItemComponent],
|
|
130
112
|
}]
|
|
131
113
|
}] });
|
|
132
114
|
|
|
@@ -137,7 +119,15 @@
|
|
|
137
119
|
* To update this file, simply rerun the command.
|
|
138
120
|
*/
|
|
139
121
|
var RESOURCES = {
|
|
140
|
-
'EN-US': {
|
|
122
|
+
'EN-US': {
|
|
123
|
+
'sky-docs-demo-heading': { message: 'Demo' },
|
|
124
|
+
'sky-docs-demo-toggle-button-on': { message: 'Show options' },
|
|
125
|
+
'sky-docs-demo-toggle-button-off': { message: 'Hide options' },
|
|
126
|
+
'sky-docs-code-example-launch-button-label': {
|
|
127
|
+
message: 'Run in StackBlitz',
|
|
128
|
+
},
|
|
129
|
+
'sky-docs-demo-control-panel-reset-button-label': { message: 'Reset' },
|
|
130
|
+
},
|
|
141
131
|
};
|
|
142
132
|
var SkyDocsToolsResourcesProvider = /** @class */ (function () {
|
|
143
133
|
function SkyDocsToolsResourcesProvider() {
|
|
@@ -157,20 +147,24 @@
|
|
|
157
147
|
}());
|
|
158
148
|
SkyDocsToolsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
159
149
|
SkyDocsToolsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, exports: [i8.SkyI18nModule] });
|
|
160
|
-
SkyDocsToolsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, providers: [
|
|
150
|
+
SkyDocsToolsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, providers: [
|
|
151
|
+
{
|
|
161
152
|
provide: i8.SKY_LIB_RESOURCES_PROVIDERS,
|
|
162
153
|
useClass: SkyDocsToolsResourcesProvider,
|
|
163
|
-
multi: true
|
|
164
|
-
}
|
|
154
|
+
multi: true,
|
|
155
|
+
},
|
|
156
|
+
], imports: [i8.SkyI18nModule] });
|
|
165
157
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsToolsResourcesModule, decorators: [{
|
|
166
158
|
type: i0.NgModule,
|
|
167
159
|
args: [{
|
|
168
160
|
exports: [i8.SkyI18nModule],
|
|
169
|
-
providers: [
|
|
161
|
+
providers: [
|
|
162
|
+
{
|
|
170
163
|
provide: i8.SKY_LIB_RESOURCES_PROVIDERS,
|
|
171
164
|
useClass: SkyDocsToolsResourcesProvider,
|
|
172
|
-
multi: true
|
|
173
|
-
}
|
|
165
|
+
multi: true,
|
|
166
|
+
},
|
|
167
|
+
],
|
|
174
168
|
}]
|
|
175
169
|
}] });
|
|
176
170
|
|
|
@@ -236,7 +230,7 @@
|
|
|
236
230
|
args: [{
|
|
237
231
|
selector: 'sky-docs-code-example',
|
|
238
232
|
template: '',
|
|
239
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
233
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
240
234
|
}]
|
|
241
235
|
}], ctorParameters: function () {
|
|
242
236
|
return [{ type: i1__namespace.SkyThemeService, decorators: [{
|
|
@@ -287,9 +281,9 @@
|
|
|
287
281
|
'@skyux/popovers': skyuxVersion,
|
|
288
282
|
'@skyux/router': skyuxVersion,
|
|
289
283
|
'@skyux/theme': skyuxVersion,
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
'zone.js': '~0.11.4'
|
|
284
|
+
rxjs: '^6.6.0',
|
|
285
|
+
tslib: '^2.3.0',
|
|
286
|
+
'zone.js': '~0.11.4',
|
|
293
287
|
};
|
|
294
288
|
var mergedDependencies = Object.assign({}, defaultDependencies, codeExample.packageDependencies);
|
|
295
289
|
// Ensure any @skyux dependencies list the correct version of SKY UX.
|
|
@@ -298,7 +292,8 @@
|
|
|
298
292
|
/*istanbul ignore else*/
|
|
299
293
|
if (mergedDependencies.hasOwnProperty(packageName)) {
|
|
300
294
|
var version = mergedDependencies[packageName];
|
|
301
|
-
if (version === '*' &&
|
|
295
|
+
if (version === '*' &&
|
|
296
|
+
/^(@blackbaud\/skyux-lib-|@skyux)/.test(packageName)) {
|
|
302
297
|
mergedDependencies[packageName] = skyuxVersion;
|
|
303
298
|
}
|
|
304
299
|
}
|
|
@@ -312,9 +307,9 @@
|
|
|
312
307
|
dependencies: mergedDependencies,
|
|
313
308
|
settings: {
|
|
314
309
|
compile: {
|
|
315
|
-
clearConsole: false
|
|
316
|
-
}
|
|
317
|
-
}
|
|
310
|
+
clearConsole: false,
|
|
311
|
+
},
|
|
312
|
+
},
|
|
318
313
|
};
|
|
319
314
|
};
|
|
320
315
|
SkyDocsCodeExamplesEditorService.prototype.parseStackBlitzFiles = function (sourceCode, dependencies, theme, stylesheets) {
|
|
@@ -331,13 +326,13 @@
|
|
|
331
326
|
"import {\n SkyAppLocaleProvider\n} from '@skyux/i18n';",
|
|
332
327
|
"import {\n SkyThemeService\n} from '@skyux/theme';",
|
|
333
328
|
"import {\n of as observableOf\n} from 'rxjs';",
|
|
334
|
-
"import {\n AppComponent\n} from './app.component';"
|
|
329
|
+
"import {\n AppComponent\n} from './app.component';",
|
|
335
330
|
];
|
|
336
331
|
var moduleImports = [
|
|
337
332
|
'BrowserAnimationsModule',
|
|
338
333
|
'FormsModule',
|
|
339
334
|
'ReactiveFormsModule',
|
|
340
|
-
'RouterModule.forRoot([])'
|
|
335
|
+
'RouterModule.forRoot([])',
|
|
341
336
|
];
|
|
342
337
|
var files = {};
|
|
343
338
|
var appComponentTemplate = '';
|
|
@@ -356,14 +351,18 @@
|
|
|
356
351
|
});
|
|
357
352
|
files[appPath + "app.component.ts"] = banner + "\nimport {\n Component,\n Renderer2\n} from '@angular/core';\n\nimport {\n SkyTheme,\n SkyThemeMode,\n SkyThemeService,\n SkyThemeSettings\n} from '@skyux/theme';\n\n@Component({\n selector: 'sky-demo-app',\n template: '" + appComponentTemplate + "'\n})\nexport class AppComponent {\n\n constructor(\n themeSvc: SkyThemeService,\n renderer?: Renderer2\n ) {\n const themeSettings = new SkyThemeSettings(\n SkyTheme.presets['" + (theme === exports.SkyDocsCodeExampleTheme.Modern ? 'modern' : 'default') + "'],\n SkyThemeMode.presets.light\n );\n\n themeSvc.init(\n document.body,\n renderer,\n themeSettings\n );\n }\n\n}";
|
|
358
353
|
files[appPath + "app.module.ts"] = moduleImportStatements.join('\n\n') + "\n\n@NgModule({\n imports: [\n " + moduleImports.join(',\n ') + "\n ],\n declarations: [\n AppComponent\n ],\n bootstrap: [\n AppComponent\n ],\n providers: [\n SkyThemeService,\n {\n provide: SkyAppLocaleProvider,\n useValue: {\n getLocaleInfo: () => observableOf({\n locale: 'en-US'\n })\n }\n }\n ]\n})\nexport class AppModule { }\n";
|
|
359
|
-
files[srcPath + "index.html"] = "<!--\n The CSS links are needed for the StackBlitz demo only.\n This is a workaround for a known bug that prevents external imports in CSS.\n https://github.com/stackblitz/core/issues/133\n-->\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\" />" + (theme === exports.SkyDocsCodeExampleTheme.Modern
|
|
354
|
+
files[srcPath + "index.html"] = "<!--\n The CSS links are needed for the StackBlitz demo only.\n This is a workaround for a known bug that prevents external imports in CSS.\n https://github.com/stackblitz/core/issues/133\n-->\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\" />" + (theme === exports.SkyDocsCodeExampleTheme.Modern
|
|
355
|
+
? "<link rel=\"stylesheet\" type=\"text/css\" href=\"https://sky.blackbaudcdn.net/static/skyux-icons/5.0.0/assets/css/skyux-icons.min.css\" />"
|
|
356
|
+
: "") + "\n\n<sky-demo-app>\n Loading...\n</sky-demo-app>";
|
|
360
357
|
files[srcPath + "main.ts"] = banner + "\nimport './polyfills';\n\nimport {\n platformBrowserDynamic\n} from '@angular/platform-browser-dynamic';\n\nimport {\n AppModule\n} from './app/app.module';\n\nplatformBrowserDynamic().bootstrapModule(AppModule).then(ref => {\n if (window['ngRef']) {\n window['ngRef'].destroy();\n }\n\n window['ngRef'] = ref;\n}).catch(err => console.error(err));\n";
|
|
361
358
|
files[srcPath + "polyfills.ts"] = banner + "\nimport 'zone.js';\n";
|
|
362
|
-
files[srcPath + "styles.scss"] = "@import '~@skyux/theme/css/sky';\n" + (theme === exports.SkyDocsCodeExampleTheme.Modern
|
|
363
|
-
|
|
359
|
+
files[srcPath + "styles.scss"] = "@import '~@skyux/theme/css/sky';\n" + (theme === exports.SkyDocsCodeExampleTheme.Modern
|
|
360
|
+
? "@import '~@skyux/theme/css/themes/modern/styles';"
|
|
361
|
+
: "") + "\nbody {\n background-color: #fff;\n margin: 15px;\n}";
|
|
362
|
+
stylesheets.push('src/styles.scss');
|
|
364
363
|
files['angular.json'] = "{\n \"projects\": {\n \"demo\": {\n \"architect\": {\n \"build\": {\n \"options\": {\n \"index\": \"src/index.html\",\n \"styles\": " + JSON.stringify(stylesheets) + "\n }\n }\n }\n }\n }\n}";
|
|
365
364
|
files['package.json'] = JSON.stringify({
|
|
366
|
-
dependencies: dependencies
|
|
365
|
+
dependencies: dependencies,
|
|
367
366
|
}, undefined, 2);
|
|
368
367
|
files['tsconfig.json'] = "{\n \"compilerOptions\": {\n \"target\": \"es2017\",\n \"module\": \"es2020\",\n \"moduleResolution\": \"node\",\n \"emitDecoratorMetadata\": true,\n \"experimentalDecorators\": true,\n \"importHelpers\": true,\n \"typeRoots\": [\"node_modules/@types\"],\n \"lib\": [\n \"es2018\",\n \"dom\"\n ]\n },\n \"angularCompilerOptions\": {\n \"fullTemplateTypeCheck\": true,\n \"strictInjectionParameters\": true,\n \"strictInputAccessModifiers\": true,\n \"strictTemplates\": true,\n \"enableIvy\": false\n }\n}";
|
|
369
368
|
return files;
|
|
@@ -384,15 +383,15 @@
|
|
|
384
383
|
fragment = fragment.split(']')[0];
|
|
385
384
|
var components = fragment.split(',').filter(function (x) { return x; });
|
|
386
385
|
if (components.length > 1) {
|
|
387
|
-
throw 'You may only export a single component from the code example module' +
|
|
386
|
+
throw ('You may only export a single component from the code example module' +
|
|
388
387
|
("(we found " + components.length + ": " + components.join(', ') + ").") +
|
|
389
|
-
'Is it possible to create a new code example with the extra components?';
|
|
388
|
+
'Is it possible to create a new code example with the extra components?');
|
|
390
389
|
}
|
|
391
390
|
return components[0];
|
|
392
391
|
};
|
|
393
392
|
SkyDocsCodeExamplesEditorService.prototype.getComponentSelector = function (componentClassName, sourceCode) {
|
|
394
393
|
var found = sourceCode.find(function (file) {
|
|
395
|
-
return
|
|
394
|
+
return file.rawContents.indexOf(componentClassName) > -1;
|
|
396
395
|
});
|
|
397
396
|
var trimmed = found.rawContents.replace(/\s/g, '');
|
|
398
397
|
return trimmed.split("selector:'")[1].split("'")[0];
|
|
@@ -404,7 +403,7 @@
|
|
|
404
403
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCodeExamplesEditorService, decorators: [{
|
|
405
404
|
type: i0.Injectable,
|
|
406
405
|
args: [{
|
|
407
|
-
providedIn: 'root'
|
|
406
|
+
providedIn: 'root',
|
|
408
407
|
}]
|
|
409
408
|
}] });
|
|
410
409
|
|
|
@@ -418,7 +417,7 @@
|
|
|
418
417
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSourceCodeProvider, decorators: [{
|
|
419
418
|
type: i0.Injectable,
|
|
420
419
|
args: [{
|
|
421
|
-
providedIn: 'any'
|
|
420
|
+
providedIn: 'any',
|
|
422
421
|
}]
|
|
423
422
|
}] });
|
|
424
423
|
|
|
@@ -458,7 +457,7 @@
|
|
|
458
457
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSourceCodeService, decorators: [{
|
|
459
458
|
type: i0.Injectable,
|
|
460
459
|
args: [{
|
|
461
|
-
providedIn: 'any'
|
|
460
|
+
providedIn: 'any',
|
|
462
461
|
}]
|
|
463
462
|
}], ctorParameters: function () { return [{ type: SkyDocsSourceCodeProvider }]; } });
|
|
464
463
|
|
|
@@ -516,7 +515,7 @@
|
|
|
516
515
|
packageDependencies: _this.packageDependencies,
|
|
517
516
|
sourceCode: sourceCode,
|
|
518
517
|
stylesheets: _this.stylesheets,
|
|
519
|
-
theme: component.theme
|
|
518
|
+
theme: component.theme,
|
|
520
519
|
});
|
|
521
520
|
});
|
|
522
521
|
};
|
|
@@ -541,14 +540,14 @@
|
|
|
541
540
|
return SkyDocsCodeExamplesComponent;
|
|
542
541
|
}());
|
|
543
542
|
SkyDocsCodeExamplesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCodeExamplesComponent, deps: [{ token: SkyDocsCodeExamplesEditorService }, { token: SkyDocsSourceCodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
544
|
-
SkyDocsCodeExamplesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsCodeExamplesComponent, selector: "sky-docs-code-examples", inputs: { packageDependencies: "packageDependencies", stylesheets: "stylesheets" }, queries: [{ propertyName: "codeExampleComponents", predicate: SkyDocsCodeExampleComponent }], ngImport: i0__namespace, template: "<div *ngIf=\"codeExamples && codeExamples.length\"
|
|
543
|
+
SkyDocsCodeExamplesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsCodeExamplesComponent, selector: "sky-docs-code-examples", inputs: { packageDependencies: "packageDependencies", stylesheets: "stylesheets" }, queries: [{ propertyName: "codeExampleComponents", predicate: SkyDocsCodeExampleComponent }], ngImport: i0__namespace, template: "<div *ngIf=\"codeExamples && codeExamples.length\" class=\"sky-docs-code-examples\">\n <sky-repeater\n *ngIf=\"codeExamples.length > 1; else singleCodeExample\"\n expandMode=\"multiple\"\n >\n <sky-repeater-item\n *ngFor=\"let codeExample of codeExamples\"\n [isExpanded]=\"false\"\n >\n <sky-repeater-item-title>\n <ng-container\n *ngTemplateOutlet=\"\n codeExampleHeaderTemplate;\n context: { $implicit: codeExample }\n \"\n >\n </ng-container>\n </sky-repeater-item-title>\n <sky-repeater-item-content>\n <ng-container\n *ngTemplateOutlet=\"\n codeExampleTemplate;\n context: { $implicit: codeExample }\n \"\n >\n </ng-container>\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n</div>\n\n<ng-template>\n <ng-content select=\"sky-docs-code-example\"> </ng-content>\n</ng-template>\n\n<ng-template let-item #codeExampleTemplate>\n <div class=\"sky-docs-code-example-wrapper\">\n <sky-vertical-tabset *ngIf=\"item.sourceCode && item.sourceCode.length\">\n <sky-vertical-tab\n *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 #singleCodeExample>\n <ng-container\n *ngTemplateOutlet=\"\n codeExampleHeaderTemplate;\n context: { $implicit: codeExamples[0] }\n \"\n >\n </ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n codeExampleTemplate;\n context: { $implicit: codeExamples[0] }\n \"\n >\n </ng-container>\n</ng-template>\n\n<ng-template let-codeExample #codeExampleHeaderTemplate>\n <div class=\"sky-docs-code-example-header\">\n <div class=\"sky-docs-code-example-header-title sky-emphasized\">\n {{ codeExample.heading }}\n </div>\n <div class=\"sky-docs-code-example-header-controls\">\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"launchEditor(codeExample); $event.stopPropagation()\"\n >\n <sky-icon icon=\"pencil\"></sky-icon>\n {{ 'sky-docs-code-example-launch-button-label' | skyLibResources }}\n </button>\n </div>\n </div>\n</ng-template>\n", styles: [".sky-docs-code-example-header{display:flex;align-items:baseline}.sky-docs-code-example-header-title{flex-grow:1}.sky-docs-code-example-header-controls{flex-grow:0}.sky-docs-code-example-header-controls .sky-btn{font-weight:normal}.sky-docs-code-example-wrapper{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-top:10px}.sky-docs-code-example-wrapper ::ng-deep .sky-vertical-tabset-content{margin:0}.sky-docs-code-example-wrapper ::ng-deep sky-code-block{margin:0!important}.sky-docs-code-example-wrapper ::ng-deep .sky-code-block-header{border:0}.sky-docs-code-example-wrapper ::ng-deep .sky-code-output{border-left:0;border-right:0;border-bottom:0}\n"], components: [{ type: i3__namespace.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i3__namespace.λ10, selector: "sky-repeater-item", inputs: ["itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i3__namespace.λ12, selector: "sky-repeater-item-title" }, { type: i3__namespace.λ8, selector: "sky-repeater-item-content" }, { type: i4__namespace.λ6, selector: "sky-vertical-tabset", inputs: ["showTabsText", "ariaRole", "maintainTabContent"], outputs: ["activeChange"] }, { type: i4__namespace.λ4, selector: "sky-vertical-tab", inputs: ["active", "ariaControls", "ariaInvalid", "ariaRequired", "ariaRole", "disabled", "errorIndicator", "tabHeaderCount", "tabHeading", "showTabRightArrow", "tabId"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
545
544
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCodeExamplesComponent, decorators: [{
|
|
546
545
|
type: i0.Component,
|
|
547
546
|
args: [{
|
|
548
547
|
selector: 'sky-docs-code-examples',
|
|
549
|
-
template: "<div *ngIf=\"codeExamples && codeExamples.length\"
|
|
548
|
+
template: "<div *ngIf=\"codeExamples && codeExamples.length\" class=\"sky-docs-code-examples\">\n <sky-repeater\n *ngIf=\"codeExamples.length > 1; else singleCodeExample\"\n expandMode=\"multiple\"\n >\n <sky-repeater-item\n *ngFor=\"let codeExample of codeExamples\"\n [isExpanded]=\"false\"\n >\n <sky-repeater-item-title>\n <ng-container\n *ngTemplateOutlet=\"\n codeExampleHeaderTemplate;\n context: { $implicit: codeExample }\n \"\n >\n </ng-container>\n </sky-repeater-item-title>\n <sky-repeater-item-content>\n <ng-container\n *ngTemplateOutlet=\"\n codeExampleTemplate;\n context: { $implicit: codeExample }\n \"\n >\n </ng-container>\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n</div>\n\n<ng-template>\n <ng-content select=\"sky-docs-code-example\"> </ng-content>\n</ng-template>\n\n<ng-template let-item #codeExampleTemplate>\n <div class=\"sky-docs-code-example-wrapper\">\n <sky-vertical-tabset *ngIf=\"item.sourceCode && item.sourceCode.length\">\n <sky-vertical-tab\n *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 #singleCodeExample>\n <ng-container\n *ngTemplateOutlet=\"\n codeExampleHeaderTemplate;\n context: { $implicit: codeExamples[0] }\n \"\n >\n </ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n codeExampleTemplate;\n context: { $implicit: codeExamples[0] }\n \"\n >\n </ng-container>\n</ng-template>\n\n<ng-template let-codeExample #codeExampleHeaderTemplate>\n <div class=\"sky-docs-code-example-header\">\n <div class=\"sky-docs-code-example-header-title sky-emphasized\">\n {{ codeExample.heading }}\n </div>\n <div class=\"sky-docs-code-example-header-controls\">\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"launchEditor(codeExample); $event.stopPropagation()\"\n >\n <sky-icon icon=\"pencil\"></sky-icon>\n {{ 'sky-docs-code-example-launch-button-label' | skyLibResources }}\n </button>\n </div>\n </div>\n</ng-template>\n",
|
|
550
549
|
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"],
|
|
551
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
550
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
552
551
|
}]
|
|
553
552
|
}], ctorParameters: function () { return [{ type: SkyDocsCodeExamplesEditorService }, { type: SkyDocsSourceCodeService }]; }, propDecorators: { packageDependencies: [{
|
|
554
553
|
type: i0.Input
|
|
@@ -565,21 +564,19 @@
|
|
|
565
564
|
return SkyDocsCodeExamplesModule;
|
|
566
565
|
}());
|
|
567
566
|
SkyDocsCodeExamplesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
568
|
-
SkyDocsCodeExamplesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, declarations: [SkyDocsCodeExampleComponent,
|
|
569
|
-
SkyDocsCodeExamplesComponent], imports: [i2.CommonModule,
|
|
567
|
+
SkyDocsCodeExamplesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, declarations: [SkyDocsCodeExampleComponent, SkyDocsCodeExamplesComponent], imports: [i2.CommonModule,
|
|
570
568
|
i3$1.SkyCodeBlockModule,
|
|
571
569
|
SkyDocsToolsResourcesModule,
|
|
572
570
|
i1$1.SkyIconModule,
|
|
573
571
|
i3.SkyRepeaterModule,
|
|
574
|
-
i4.SkyVerticalTabsetModule], exports: [SkyDocsCodeExampleComponent,
|
|
575
|
-
SkyDocsCodeExamplesComponent] });
|
|
572
|
+
i4.SkyVerticalTabsetModule], exports: [SkyDocsCodeExampleComponent, SkyDocsCodeExamplesComponent] });
|
|
576
573
|
SkyDocsCodeExamplesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, imports: [[
|
|
577
574
|
i2.CommonModule,
|
|
578
575
|
i3$1.SkyCodeBlockModule,
|
|
579
576
|
SkyDocsToolsResourcesModule,
|
|
580
577
|
i1$1.SkyIconModule,
|
|
581
578
|
i3.SkyRepeaterModule,
|
|
582
|
-
i4.SkyVerticalTabsetModule
|
|
579
|
+
i4.SkyVerticalTabsetModule,
|
|
583
580
|
]] });
|
|
584
581
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCodeExamplesModule, decorators: [{
|
|
585
582
|
type: i0.NgModule,
|
|
@@ -590,16 +587,10 @@
|
|
|
590
587
|
SkyDocsToolsResourcesModule,
|
|
591
588
|
i1$1.SkyIconModule,
|
|
592
589
|
i3.SkyRepeaterModule,
|
|
593
|
-
i4.SkyVerticalTabsetModule
|
|
594
|
-
],
|
|
595
|
-
declarations: [
|
|
596
|
-
SkyDocsCodeExampleComponent,
|
|
597
|
-
SkyDocsCodeExamplesComponent
|
|
590
|
+
i4.SkyVerticalTabsetModule,
|
|
598
591
|
],
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
SkyDocsCodeExamplesComponent
|
|
602
|
-
]
|
|
592
|
+
declarations: [SkyDocsCodeExampleComponent, SkyDocsCodeExamplesComponent],
|
|
593
|
+
exports: [SkyDocsCodeExampleComponent, SkyDocsCodeExamplesComponent],
|
|
603
594
|
}]
|
|
604
595
|
}] });
|
|
605
596
|
|
|
@@ -995,7 +986,7 @@
|
|
|
995
986
|
args: [{
|
|
996
987
|
selector: 'sky-docs-demo-control-panel-checkbox',
|
|
997
988
|
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",
|
|
998
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
989
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
999
990
|
}]
|
|
1000
991
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { checked: [{
|
|
1001
992
|
type: i0.Input
|
|
@@ -1062,14 +1053,14 @@
|
|
|
1062
1053
|
return SkyDocsDemoControlPanelRadioGroupComponent;
|
|
1063
1054
|
}());
|
|
1064
1055
|
SkyDocsDemoControlPanelRadioGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoControlPanelRadioGroupComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1065
|
-
SkyDocsDemoControlPanelRadioGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoControlPanelRadioGroupComponent, selector: "sky-docs-demo-control-panel-radio-group", inputs: { choices: "choices", disabled: "disabled", heading: "heading", initialValue: "initialValue", propertyName: "propertyName" }, ngImport: i0__namespace, template: "<div
|
|
1056
|
+
SkyDocsDemoControlPanelRadioGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoControlPanelRadioGroupComponent, selector: "sky-docs-demo-control-panel-radio-group", inputs: { choices: "choices", disabled: "disabled", heading: "heading", initialValue: "initialValue", propertyName: "propertyName" }, ngImport: i0__namespace, template: "<div class=\"sky-demo-control-panel-radio-group\">\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 class=\"sky-list-unstyled\">\n <li *ngFor=\"let choice of choices\">\n <sky-radio [value]=\"choice.value\">\n <sky-radio-label>{{ choice.label }}</sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n </sky-radio-group>\n</div>\n", styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"], components: [{ type: i1__namespace$2.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i1__namespace$2.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1__namespace$2.λ12, selector: "sky-radio-label" }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1066
1057
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoControlPanelRadioGroupComponent, decorators: [{
|
|
1067
1058
|
type: i0.Component,
|
|
1068
1059
|
args: [{
|
|
1069
1060
|
selector: 'sky-docs-demo-control-panel-radio-group',
|
|
1070
|
-
template: "<div
|
|
1061
|
+
template: "<div class=\"sky-demo-control-panel-radio-group\">\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 class=\"sky-list-unstyled\">\n <li *ngFor=\"let choice of choices\">\n <sky-radio [value]=\"choice.value\">\n <sky-radio-label>{{ choice.label }}</sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n </sky-radio-group>\n</div>\n",
|
|
1071
1062
|
styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"],
|
|
1072
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1063
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1073
1064
|
}]
|
|
1074
1065
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { choices: [{
|
|
1075
1066
|
type: i0.Input
|
|
@@ -1143,14 +1134,14 @@
|
|
|
1143
1134
|
return SkyDocsDemoControlPanelComponent;
|
|
1144
1135
|
}());
|
|
1145
1136
|
SkyDocsDemoControlPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoControlPanelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1146
|
-
SkyDocsDemoControlPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoControlPanelComponent, selector: "sky-docs-demo-control-panel", outputs: { reset: "reset", selectionChange: "selectionChange" }, queries: [{ propertyName: "radioGroups", predicate: SkyDocsDemoControlPanelRadioGroupComponent, descendants: true }, { propertyName: "checkboxes", predicate: SkyDocsDemoControlPanelCheckboxComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-control-panel\">\n <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n <div
|
|
1137
|
+
SkyDocsDemoControlPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoControlPanelComponent, selector: "sky-docs-demo-control-panel", outputs: { reset: "reset", selectionChange: "selectionChange" }, queries: [{ propertyName: "radioGroups", predicate: SkyDocsDemoControlPanelRadioGroupComponent, descendants: true }, { propertyName: "checkboxes", predicate: SkyDocsDemoControlPanelCheckboxComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-control-panel\">\n <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n <div\n class=\"\n sky-docs-demo-control-panel-column\n sky-docs-demo-control-panel-sections-column\n \"\n >\n <ng-content select=\"sky-docs-demo-control-panel-section\"></ng-content>\n </div>\n\n <div\n class=\"\n sky-docs-demo-control-panel-column\n sky-docs-demo-control-panel-button-column\n \"\n >\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.data-test-selector]=\"'sky-docs-demo-control-panel-reset-button'\"\n (click)=\"onResetButtonClick()\"\n >\n {{ 'sky-docs-demo-control-panel-reset-button-label' | skyLibResources }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".sky-docs-demo-control-panel{margin-bottom:20px;margin-top:-1px;margin-left:-15px}.sky-docs-demo-control-panel-row{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;padding:15px;background-color:#fff;display:inline-flex;min-width:220px}.sky-docs-demo-control-panel-sections-column{display:flex}.sky-docs-demo-control-panel-sections-column ::ng-deep sky-docs-demo-control-panel-section{min-width:120px}.sky-docs-demo-control-panel-button-column{align-self:flex-end}.sky-docs-demo-control-panel-button-column .sky-btn{border:0}\n"], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1147
1138
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoControlPanelComponent, decorators: [{
|
|
1148
1139
|
type: i0.Component,
|
|
1149
1140
|
args: [{
|
|
1150
1141
|
selector: 'sky-docs-demo-control-panel',
|
|
1151
|
-
template: "<div class=\"sky-docs-demo-control-panel\">\n <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n <div
|
|
1142
|
+
template: "<div class=\"sky-docs-demo-control-panel\">\n <div class=\"sky-docs-demo-control-panel-row sky-rounded-corners\">\n <div\n class=\"\n sky-docs-demo-control-panel-column\n sky-docs-demo-control-panel-sections-column\n \"\n >\n <ng-content select=\"sky-docs-demo-control-panel-section\"></ng-content>\n </div>\n\n <div\n class=\"\n sky-docs-demo-control-panel-column\n sky-docs-demo-control-panel-button-column\n \"\n >\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",
|
|
1152
1143
|
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"],
|
|
1153
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1144
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1154
1145
|
}]
|
|
1155
1146
|
}], propDecorators: { reset: [{
|
|
1156
1147
|
type: i0.Output
|
|
@@ -1158,10 +1149,14 @@
|
|
|
1158
1149
|
type: i0.Output
|
|
1159
1150
|
}], radioGroups: [{
|
|
1160
1151
|
type: i0.ContentChildren,
|
|
1161
|
-
args: [SkyDocsDemoControlPanelRadioGroupComponent, {
|
|
1152
|
+
args: [SkyDocsDemoControlPanelRadioGroupComponent, {
|
|
1153
|
+
descendants: true,
|
|
1154
|
+
}]
|
|
1162
1155
|
}], checkboxes: [{
|
|
1163
1156
|
type: i0.ContentChildren,
|
|
1164
|
-
args: [SkyDocsDemoControlPanelCheckboxComponent, {
|
|
1157
|
+
args: [SkyDocsDemoControlPanelCheckboxComponent, {
|
|
1158
|
+
descendants: true,
|
|
1159
|
+
}]
|
|
1165
1160
|
}] } });
|
|
1166
1161
|
|
|
1167
1162
|
/**
|
|
@@ -1193,14 +1188,14 @@
|
|
|
1193
1188
|
});
|
|
1194
1189
|
Object.defineProperty(SkyDocsDemoComponent.prototype, "hasOptions", {
|
|
1195
1190
|
get: function () {
|
|
1196
|
-
return
|
|
1191
|
+
return this.controlPanels && this.controlPanels.length > 0;
|
|
1197
1192
|
},
|
|
1198
1193
|
enumerable: false,
|
|
1199
1194
|
configurable: true
|
|
1200
1195
|
});
|
|
1201
1196
|
Object.defineProperty(SkyDocsDemoComponent.prototype, "toggleOptionsButtonIcon", {
|
|
1202
1197
|
get: function () {
|
|
1203
|
-
return
|
|
1198
|
+
return this.areOptionsVisible ? 'chevron-up' : 'chevron-down';
|
|
1204
1199
|
},
|
|
1205
1200
|
enumerable: false,
|
|
1206
1201
|
configurable: true
|
|
@@ -1211,14 +1206,14 @@
|
|
|
1211
1206
|
return SkyDocsDemoComponent;
|
|
1212
1207
|
}());
|
|
1213
1208
|
SkyDocsDemoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1214
|
-
SkyDocsDemoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoComponent, selector: "sky-docs-demo", inputs: { alignContents: "alignContents", heading: "heading" }, queries: [{ propertyName: "controlPanels", predicate: SkyDocsDemoControlPanelComponent, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo\">\n <div
|
|
1209
|
+
SkyDocsDemoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoComponent, selector: "sky-docs-demo", inputs: { alignContents: "alignContents", heading: "heading" }, queries: [{ propertyName: "controlPanels", predicate: SkyDocsDemoControlPanelComponent, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo\">\n <div aria-level=\"3\" class=\"sky-docs-demo-heading\" role=\"heading\">\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 class=\"sky-docs-demo-control-panel-wrapper\">\n <div class=\"sky-docs-demo-control-panel-wrapper-header\">\n <button\n *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 [icon]=\"toggleOptionsButtonIcon\"></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 class=\"sky-docs-demo-control-panel-wrapper-body\">\n <ng-container *ngIf=\"areOptionsVisible\">\n <ng-container *ngTemplateOutlet=\"controlPanels\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n\n <div\n class=\"sky-docs-demo-viewport\"\n [ngClass]=\"'sky-docs-demo-viewport-align-' + alignContents\"\n >\n <div class=\"sky-docs-demo-viewport-gutter\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n\n<ng-template #controlPanels>\n <ng-content select=\"sky-docs-demo-control-panel\"></ng-content>\n</ng-template>\n", styles: [".sky-docs-demo{margin-bottom:20px}.sky-docs-demo-heading{margin-bottom:10px;display:flex;flex-direction:row}.sky-docs-demo-heading .sky-docs-demo-heading-btn-open{border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}.sky-docs-demo-control-panel-wrapper{display:flex;flex-direction:column}.sky-section-heading{margin-right:10px}.sky-docs-demo-viewport{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;margin-bottom:10px;padding:15px}.sky-docs-demo-viewport-align-center{display:flex;align-items:center;justify-content:center}\n"], components: [{ type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i8__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1215
1210
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoComponent, decorators: [{
|
|
1216
1211
|
type: i0.Component,
|
|
1217
1212
|
args: [{
|
|
1218
1213
|
selector: 'sky-docs-demo',
|
|
1219
|
-
template: "<div class=\"sky-docs-demo\">\n <div
|
|
1214
|
+
template: "<div class=\"sky-docs-demo\">\n <div aria-level=\"3\" class=\"sky-docs-demo-heading\" role=\"heading\">\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 class=\"sky-docs-demo-control-panel-wrapper\">\n <div class=\"sky-docs-demo-control-panel-wrapper-header\">\n <button\n *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 [icon]=\"toggleOptionsButtonIcon\"></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 class=\"sky-docs-demo-control-panel-wrapper-body\">\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",
|
|
1220
1215
|
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"],
|
|
1221
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1216
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1222
1217
|
}]
|
|
1223
1218
|
}], propDecorators: { alignContents: [{
|
|
1224
1219
|
type: i0.Input
|
|
@@ -1246,14 +1241,14 @@
|
|
|
1246
1241
|
return SkyDocsDemoControlPanelSectionComponent;
|
|
1247
1242
|
}());
|
|
1248
1243
|
SkyDocsDemoControlPanelSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoControlPanelSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1249
|
-
SkyDocsDemoControlPanelSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoControlPanelSectionComponent, selector: "sky-docs-demo-control-panel-section", ngImport: i0__namespace, template: "<div
|
|
1244
|
+
SkyDocsDemoControlPanelSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoControlPanelSectionComponent, selector: "sky-docs-demo-control-panel-section", ngImport: i0__namespace, template: "<div class=\"sky-demo-control-panel-section\">\n <ng-content select=\"sky-docs-demo-control-panel-radio-group\"></ng-content>\n <ng-content select=\"sky-docs-demo-control-panel-checkbox\"></ng-content>\n</div>\n", styles: [".sky-demo-control-panel-section{padding-right:20px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1250
1245
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoControlPanelSectionComponent, decorators: [{
|
|
1251
1246
|
type: i0.Component,
|
|
1252
1247
|
args: [{
|
|
1253
1248
|
selector: 'sky-docs-demo-control-panel-section',
|
|
1254
|
-
template: "<div
|
|
1249
|
+
template: "<div class=\"sky-demo-control-panel-section\">\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",
|
|
1255
1250
|
styles: [".sky-demo-control-panel-section{padding-right:20px}\n"],
|
|
1256
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1251
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1257
1252
|
}]
|
|
1258
1253
|
}] });
|
|
1259
1254
|
|
|
@@ -1285,7 +1280,7 @@
|
|
|
1285
1280
|
SkyDocsToolsResourcesModule,
|
|
1286
1281
|
i1$1.SkyIconModule,
|
|
1287
1282
|
i1$2.SkyRadioModule,
|
|
1288
|
-
i1.SkyThemeModule
|
|
1283
|
+
i1.SkyThemeModule,
|
|
1289
1284
|
]] });
|
|
1290
1285
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoModule, decorators: [{
|
|
1291
1286
|
type: i0.NgModule,
|
|
@@ -1297,7 +1292,7 @@
|
|
|
1297
1292
|
SkyDocsToolsResourcesModule,
|
|
1298
1293
|
i1$1.SkyIconModule,
|
|
1299
1294
|
i1$2.SkyRadioModule,
|
|
1300
|
-
i1.SkyThemeModule
|
|
1295
|
+
i1.SkyThemeModule,
|
|
1301
1296
|
],
|
|
1302
1297
|
declarations: [
|
|
1303
1298
|
SkyDocsDemoComponent,
|
|
@@ -1312,7 +1307,7 @@
|
|
|
1312
1307
|
SkyDocsDemoControlPanelComponent,
|
|
1313
1308
|
SkyDocsDemoControlPanelRadioGroupComponent,
|
|
1314
1309
|
SkyDocsDemoControlPanelSectionComponent,
|
|
1315
|
-
]
|
|
1310
|
+
],
|
|
1316
1311
|
}]
|
|
1317
1312
|
}] });
|
|
1318
1313
|
|
|
@@ -1323,14 +1318,14 @@
|
|
|
1323
1318
|
return SkyDocsHeadingAnchorComponent;
|
|
1324
1319
|
}());
|
|
1325
1320
|
SkyDocsHeadingAnchorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsHeadingAnchorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1326
|
-
SkyDocsHeadingAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: { anchorId: "anchorId", headingLevel: "headingLevel" }, ngImport: i0__namespace, template: "<div\n class=\"sky-docs-heading-anchor\"\n role=\"heading\"\n [ngClass]=\"'sky-docs-tools-heading-anchor-h' + headingLevel\"\n [attr.aria-level]=\"headingLevel\"\n [attr.id]=\"anchorId || null\"\n>\n <ng-content></ng-content>\n <a
|
|
1321
|
+
SkyDocsHeadingAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: { anchorId: "anchorId", headingLevel: "headingLevel" }, ngImport: i0__namespace, template: "<div\n class=\"sky-docs-heading-anchor\"\n role=\"heading\"\n [ngClass]=\"'sky-docs-tools-heading-anchor-h' + headingLevel\"\n [attr.aria-level]=\"headingLevel\"\n [attr.id]=\"anchorId || null\"\n>\n <ng-content></ng-content>\n <a\n *ngIf=\"anchorId\"\n aria-hidden=\"true\"\n class=\"sky-docs-heading-anchor\"\n queryParamsHandling=\"merge\"\n [fragment]=\"anchorId\"\n [routerLink]=\"[]\"\n >\n <sky-icon class=\"sky-docs-heading-anchor-icon\" icon=\"link\"></sky-icon>\n </a>\n</div>\n", styles: [".sky-docs-heading-anchor{color:#212327}.sky-docs-heading-anchor:hover{text-decoration:none}.sky-docs-heading-anchor:hover .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor:focus .sky-docs-heading-anchor-icon{opacity:1}.sky-docs-heading-anchor-icon{opacity:0;transition:opacity .15s ease-in-out;color:#0974a1;font-weight:normal;font-size:18px}.sky-docs-tools-heading-anchor-h1,.sky-docs-tools-heading-anchor-h2,.sky-docs-tools-heading-anchor-h3,.sky-docs-tools-heading-anchor-h4,.sky-docs-tools-heading-anchor-h5,.sky-docs-tools-heading-anchor-h6{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px}.sky-docs-tools-heading-anchor-h1{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0 15px;font-weight:300;font-size:34px}.sky-docs-tools-heading-anchor-h2{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;margin:30px 0;font-weight:300;font-size:26px}.sky-docs-tools-heading-anchor-h3{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-tools-heading-anchor-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"], components: [{ type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1327
1322
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsHeadingAnchorComponent, decorators: [{
|
|
1328
1323
|
type: i0.Component,
|
|
1329
1324
|
args: [{
|
|
1330
1325
|
selector: 'sky-docs-heading-anchor',
|
|
1331
|
-
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
|
|
1326
|
+
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\n *ngIf=\"anchorId\"\n aria-hidden=\"true\"\n class=\"sky-docs-heading-anchor\"\n queryParamsHandling=\"merge\"\n [fragment]=\"anchorId\"\n [routerLink]=\"[]\"\n >\n <sky-icon class=\"sky-docs-heading-anchor-icon\" icon=\"link\"></sky-icon>\n </a>\n</div>\n",
|
|
1332
1327
|
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"],
|
|
1333
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1328
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1334
1329
|
}]
|
|
1335
1330
|
}], propDecorators: { anchorId: [{
|
|
1336
1331
|
type: i0.Input
|
|
@@ -1344,28 +1339,14 @@
|
|
|
1344
1339
|
return SkyDocsHeadingAnchorModule;
|
|
1345
1340
|
}());
|
|
1346
1341
|
SkyDocsHeadingAnchorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1347
|
-
SkyDocsHeadingAnchorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, declarations: [SkyDocsHeadingAnchorComponent], imports: [i2.CommonModule,
|
|
1348
|
-
|
|
1349
|
-
i1$1.SkyIconModule], exports: [SkyDocsHeadingAnchorComponent] });
|
|
1350
|
-
SkyDocsHeadingAnchorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, imports: [[
|
|
1351
|
-
i2.CommonModule,
|
|
1352
|
-
i1$3.RouterModule,
|
|
1353
|
-
i1$1.SkyIconModule
|
|
1354
|
-
]] });
|
|
1342
|
+
SkyDocsHeadingAnchorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, declarations: [SkyDocsHeadingAnchorComponent], imports: [i2.CommonModule, i1$3.RouterModule, i1$1.SkyIconModule], exports: [SkyDocsHeadingAnchorComponent] });
|
|
1343
|
+
SkyDocsHeadingAnchorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, imports: [[i2.CommonModule, i1$3.RouterModule, i1$1.SkyIconModule]] });
|
|
1355
1344
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsHeadingAnchorModule, decorators: [{
|
|
1356
1345
|
type: i0.NgModule,
|
|
1357
1346
|
args: [{
|
|
1358
|
-
declarations: [
|
|
1359
|
-
|
|
1360
|
-
],
|
|
1361
|
-
imports: [
|
|
1362
|
-
i2.CommonModule,
|
|
1363
|
-
i1$3.RouterModule,
|
|
1364
|
-
i1$1.SkyIconModule
|
|
1365
|
-
],
|
|
1366
|
-
exports: [
|
|
1367
|
-
SkyDocsHeadingAnchorComponent
|
|
1368
|
-
]
|
|
1347
|
+
declarations: [SkyDocsHeadingAnchorComponent],
|
|
1348
|
+
imports: [i2.CommonModule, i1$3.RouterModule, i1$1.SkyIconModule],
|
|
1349
|
+
exports: [SkyDocsHeadingAnchorComponent],
|
|
1369
1350
|
}]
|
|
1370
1351
|
}] });
|
|
1371
1352
|
|
|
@@ -1385,7 +1366,7 @@
|
|
|
1385
1366
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsMarkdownPipe, decorators: [{
|
|
1386
1367
|
type: i0.Pipe,
|
|
1387
1368
|
args: [{
|
|
1388
|
-
name: 'skyDocsMarkdown'
|
|
1369
|
+
name: 'skyDocsMarkdown',
|
|
1389
1370
|
}]
|
|
1390
1371
|
}] });
|
|
1391
1372
|
|
|
@@ -1396,21 +1377,13 @@
|
|
|
1396
1377
|
}());
|
|
1397
1378
|
SkyDocsMarkdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsMarkdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1398
1379
|
SkyDocsMarkdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsMarkdownModule, declarations: [SkyDocsMarkdownPipe], exports: [SkyDocsMarkdownPipe] });
|
|
1399
|
-
SkyDocsMarkdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsMarkdownModule, providers: [
|
|
1400
|
-
SkyDocsMarkdownPipe
|
|
1401
|
-
] });
|
|
1380
|
+
SkyDocsMarkdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsMarkdownModule, providers: [SkyDocsMarkdownPipe] });
|
|
1402
1381
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsMarkdownModule, decorators: [{
|
|
1403
1382
|
type: i0.NgModule,
|
|
1404
1383
|
args: [{
|
|
1405
|
-
declarations: [
|
|
1406
|
-
|
|
1407
|
-
],
|
|
1408
|
-
providers: [
|
|
1409
|
-
SkyDocsMarkdownPipe
|
|
1410
|
-
],
|
|
1411
|
-
exports: [
|
|
1412
|
-
SkyDocsMarkdownPipe
|
|
1413
|
-
]
|
|
1384
|
+
declarations: [SkyDocsMarkdownPipe],
|
|
1385
|
+
providers: [SkyDocsMarkdownPipe],
|
|
1386
|
+
exports: [SkyDocsMarkdownPipe],
|
|
1414
1387
|
}]
|
|
1415
1388
|
}] });
|
|
1416
1389
|
|
|
@@ -1426,7 +1399,7 @@
|
|
|
1426
1399
|
}
|
|
1427
1400
|
Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "gitRepoUrl", {
|
|
1428
1401
|
get: function () {
|
|
1429
|
-
return this._gitRepoUrl || this.options && this.options.gitRepoUrl;
|
|
1402
|
+
return this._gitRepoUrl || (this.options && this.options.gitRepoUrl);
|
|
1430
1403
|
},
|
|
1431
1404
|
set: function (value) {
|
|
1432
1405
|
this._gitRepoUrl = value;
|
|
@@ -1436,7 +1409,7 @@
|
|
|
1436
1409
|
});
|
|
1437
1410
|
Object.defineProperty(SkyDocsModuleInfoComponent.prototype, "packageName", {
|
|
1438
1411
|
get: function () {
|
|
1439
|
-
return this._packageName || this.options && this.options.packageName;
|
|
1412
|
+
return this._packageName || (this.options && this.options.packageName);
|
|
1440
1413
|
},
|
|
1441
1414
|
set: function (value) {
|
|
1442
1415
|
this._packageName = value;
|
|
@@ -1466,13 +1439,13 @@
|
|
|
1466
1439
|
if (this.packageName) {
|
|
1467
1440
|
externalLinks.push({
|
|
1468
1441
|
url: this.packageUrl,
|
|
1469
|
-
label: 'View in NPM'
|
|
1442
|
+
label: 'View in NPM',
|
|
1470
1443
|
});
|
|
1471
1444
|
}
|
|
1472
1445
|
if (this.gitRepoUrl) {
|
|
1473
1446
|
externalLinks.push({
|
|
1474
1447
|
url: this.gitRepoUrl,
|
|
1475
|
-
label: 'View in GitHub'
|
|
1448
|
+
label: 'View in GitHub',
|
|
1476
1449
|
});
|
|
1477
1450
|
}
|
|
1478
1451
|
return externalLinks;
|
|
@@ -1493,14 +1466,14 @@
|
|
|
1493
1466
|
return SkyDocsModuleInfoComponent;
|
|
1494
1467
|
}());
|
|
1495
1468
|
SkyDocsModuleInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsModuleInfoComponent, deps: [{ token: SkyDocsToolsOptions, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1496
|
-
SkyDocsModuleInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: { gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", packageName: "packageName", packageUrl: "packageUrl" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-module-info\">\n <sky-definition-list
|
|
1469
|
+
SkyDocsModuleInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: { gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", packageName: "packageName", packageUrl: "packageUrl" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-module-info\">\n <sky-definition-list defaultValue=\"\" labelWidth=\"120px\">\n <sky-definition-list-content *ngIf=\"moduleName\">\n <sky-definition-list-label> Defined in </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> NPM package </sky-definition-list-label>\n <sky-definition-list-value>\n <span class=\"sky-docs-module-info-package-name\"\n ><sky-code>{{ packageName }}</sky-code></span\n >\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\"\n > |\n </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\n package. Also, after you install the package, you must add the module\n as an export in your SPA's main module to make exports available to\n your SPA.\n </sky-popover>\n <div class=\"sky-docs-module-info-installation-command\">\n <span\n class=\"sky-docs-module-info-installation-command-code\"\n #copyTarget\n >\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 class=\"sky-docs-module-info-additional-content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".sky-docs-module-info-installation-command{display:flex}.sky-docs-module-info-installation-command-code{margin-right:10px}.sky-docs-module-info-package-name{margin-right:10px}\n"], components: [{ type: i2__namespace$1.λ13, selector: "sky-definition-list", inputs: ["labelWidth", "defaultValue"] }, { type: i2__namespace$1.λ14, selector: "sky-definition-list-content" }, { type: i2__namespace$1.λ16, selector: "sky-definition-list-label" }, { type: i2__namespace$1.λ17, selector: "sky-definition-list-value" }, { type: i3__namespace$1.λ1, selector: "sky-code" }, { type: i1__namespace$1.λ3, selector: "sky-help-inline", outputs: ["actionClick"] }, { type: i5__namespace.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }, { type: i6__namespace.λ1, selector: "sky-copy-to-clipboard", inputs: ["copyTarget", "buttonText", "buttonClickedText"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1497
1470
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsModuleInfoComponent, decorators: [{
|
|
1498
1471
|
type: i0.Component,
|
|
1499
1472
|
args: [{
|
|
1500
1473
|
selector: 'sky-docs-module-info',
|
|
1501
|
-
template: "<div class=\"sky-docs-module-info\">\n <sky-definition-list
|
|
1474
|
+
template: "<div class=\"sky-docs-module-info\">\n <sky-definition-list defaultValue=\"\" labelWidth=\"120px\">\n <sky-definition-list-content *ngIf=\"moduleName\">\n <sky-definition-list-label> Defined in </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> NPM package </sky-definition-list-label>\n <sky-definition-list-value>\n <span class=\"sky-docs-module-info-package-name\"\n ><sky-code>{{ packageName }}</sky-code></span\n >\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\"\n > |\n </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\n package. Also, after you install the package, you must add the module\n as an export in your SPA's main module to make exports available to\n your SPA.\n </sky-popover>\n <div class=\"sky-docs-module-info-installation-command\">\n <span\n class=\"sky-docs-module-info-installation-command-code\"\n #copyTarget\n >\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 class=\"sky-docs-module-info-additional-content\">\n <ng-content></ng-content>\n </div>\n</div>\n",
|
|
1502
1475
|
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"],
|
|
1503
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1476
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1504
1477
|
}]
|
|
1505
1478
|
}], ctorParameters: function () {
|
|
1506
1479
|
return [{ type: SkyDocsToolsOptions, decorators: [{
|
|
@@ -1534,7 +1507,7 @@
|
|
|
1534
1507
|
i6.SkyClipboardModule,
|
|
1535
1508
|
i2$1.SkyDefinitionListModule,
|
|
1536
1509
|
i1$1.SkyHelpInlineModule,
|
|
1537
|
-
i5.SkyPopoverModule
|
|
1510
|
+
i5.SkyPopoverModule,
|
|
1538
1511
|
]] });
|
|
1539
1512
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsModuleInfoModule, decorators: [{
|
|
1540
1513
|
type: i0.NgModule,
|
|
@@ -1545,14 +1518,10 @@
|
|
|
1545
1518
|
i6.SkyClipboardModule,
|
|
1546
1519
|
i2$1.SkyDefinitionListModule,
|
|
1547
1520
|
i1$1.SkyHelpInlineModule,
|
|
1548
|
-
i5.SkyPopoverModule
|
|
1549
|
-
],
|
|
1550
|
-
declarations: [
|
|
1551
|
-
SkyDocsModuleInfoComponent
|
|
1521
|
+
i5.SkyPopoverModule,
|
|
1552
1522
|
],
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
]
|
|
1523
|
+
declarations: [SkyDocsModuleInfoComponent],
|
|
1524
|
+
exports: [SkyDocsModuleInfoComponent],
|
|
1556
1525
|
}]
|
|
1557
1526
|
}] });
|
|
1558
1527
|
|
|
@@ -1566,13 +1535,13 @@
|
|
|
1566
1535
|
return SkyDocsSafeHtmlComponent;
|
|
1567
1536
|
}());
|
|
1568
1537
|
SkyDocsSafeHtmlComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSafeHtmlComponent, deps: [{ token: i1__namespace$4.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1569
|
-
SkyDocsSafeHtmlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: { innerHtml: "innerHtml" }, ngImport: i0__namespace, template: "<div
|
|
1538
|
+
SkyDocsSafeHtmlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: { innerHtml: "innerHtml" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-safe-html\" [innerHtml]=\"getTrustedHtml(innerHtml)\"></div>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1570
1539
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSafeHtmlComponent, decorators: [{
|
|
1571
1540
|
type: i0.Component,
|
|
1572
1541
|
args: [{
|
|
1573
1542
|
selector: 'sky-docs-safe-html',
|
|
1574
|
-
template: "<div
|
|
1575
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1543
|
+
template: "<div class=\"sky-docs-safe-html\" [innerHtml]=\"getTrustedHtml(innerHtml)\"></div>\n",
|
|
1544
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1576
1545
|
}]
|
|
1577
1546
|
}], ctorParameters: function () { return [{ type: i1__namespace$4.DomSanitizer }]; }, propDecorators: { innerHtml: [{
|
|
1578
1547
|
type: i0.Input
|
|
@@ -1585,21 +1554,13 @@
|
|
|
1585
1554
|
}());
|
|
1586
1555
|
SkyDocsSafeHtmlModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1587
1556
|
SkyDocsSafeHtmlModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, declarations: [SkyDocsSafeHtmlComponent], imports: [i2.CommonModule], exports: [SkyDocsSafeHtmlComponent] });
|
|
1588
|
-
SkyDocsSafeHtmlModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, imports: [[
|
|
1589
|
-
i2.CommonModule
|
|
1590
|
-
]] });
|
|
1557
|
+
SkyDocsSafeHtmlModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, imports: [[i2.CommonModule]] });
|
|
1591
1558
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSafeHtmlModule, decorators: [{
|
|
1592
1559
|
type: i0.NgModule,
|
|
1593
1560
|
args: [{
|
|
1594
|
-
declarations: [
|
|
1595
|
-
|
|
1596
|
-
],
|
|
1597
|
-
imports: [
|
|
1598
|
-
i2.CommonModule
|
|
1599
|
-
],
|
|
1600
|
-
exports: [
|
|
1601
|
-
SkyDocsSafeHtmlComponent
|
|
1602
|
-
]
|
|
1561
|
+
declarations: [SkyDocsSafeHtmlComponent],
|
|
1562
|
+
imports: [i2.CommonModule],
|
|
1563
|
+
exports: [SkyDocsSafeHtmlComponent],
|
|
1603
1564
|
}]
|
|
1604
1565
|
}] });
|
|
1605
1566
|
|
|
@@ -1615,7 +1576,7 @@
|
|
|
1615
1576
|
SkyDocsTypeDefinitionsFormatService.prototype.getInterfaceSourceCode = function (definition) {
|
|
1616
1577
|
var typeParameters = this.getFormattedTypeParameters(definition.typeParameters);
|
|
1617
1578
|
var config = {
|
|
1618
|
-
escapeSpecialCharacters: false
|
|
1579
|
+
escapeSpecialCharacters: false,
|
|
1619
1580
|
};
|
|
1620
1581
|
var signature = "interface " + definition.name + typeParameters + " {";
|
|
1621
1582
|
signature += this.getFormattedInterfaceProperties(definition, config);
|
|
@@ -1628,7 +1589,7 @@
|
|
|
1628
1589
|
SkyDocsTypeDefinitionsFormatService.prototype.getMethodSourceCode = function (definition) {
|
|
1629
1590
|
var _this = this;
|
|
1630
1591
|
var config = {
|
|
1631
|
-
escapeSpecialCharacters: false
|
|
1592
|
+
escapeSpecialCharacters: false,
|
|
1632
1593
|
};
|
|
1633
1594
|
var typeArguments = this.getFormattedTypeArguments(definition.type, config);
|
|
1634
1595
|
var callSignature = definition.type.callSignature;
|
|
@@ -1646,19 +1607,19 @@
|
|
|
1646
1607
|
*/
|
|
1647
1608
|
SkyDocsTypeDefinitionsFormatService.prototype.getTypeAliasSourceCode = function (definition) {
|
|
1648
1609
|
var config = {
|
|
1649
|
-
escapeSpecialCharacters: false
|
|
1610
|
+
escapeSpecialCharacters: false,
|
|
1650
1611
|
};
|
|
1651
1612
|
var typeParameters = this.getFormattedTypeParameters(definition.typeParameters);
|
|
1652
1613
|
var signature = "type " + definition.name + typeParameters + " = ";
|
|
1653
1614
|
if (definition.type.callSignature) {
|
|
1654
1615
|
signature += this.getFormattedCallSignature(definition.type.callSignature, {
|
|
1655
|
-
escapeSpecialCharacters: false
|
|
1616
|
+
escapeSpecialCharacters: false,
|
|
1656
1617
|
});
|
|
1657
1618
|
}
|
|
1658
1619
|
else if (definition.type.indexSignature) {
|
|
1659
1620
|
var indexSignature = definition.type.indexSignature;
|
|
1660
1621
|
var type = this.getFormattedType(indexSignature.type, {
|
|
1661
|
-
escapeSpecialCharacters: false
|
|
1622
|
+
escapeSpecialCharacters: false,
|
|
1662
1623
|
});
|
|
1663
1624
|
signature += "{\n [" + indexSignature.key.name + ": string]: " + type + ";\n}";
|
|
1664
1625
|
}
|
|
@@ -1675,9 +1636,9 @@
|
|
|
1675
1636
|
*/
|
|
1676
1637
|
SkyDocsTypeDefinitionsFormatService.prototype.getFormattedParameterName = function (parameter, config) {
|
|
1677
1638
|
if (config === void 0) { config = {
|
|
1678
|
-
escapeSpecialCharacters: true
|
|
1639
|
+
escapeSpecialCharacters: true,
|
|
1679
1640
|
}; }
|
|
1680
|
-
var optionalMarker =
|
|
1641
|
+
var optionalMarker = parameter.isOptional ? '?' : '';
|
|
1681
1642
|
var parameterType = this.getFormattedType(parameter.type, config);
|
|
1682
1643
|
var signature = "" + parameter.name + optionalMarker + ": " + parameterType;
|
|
1683
1644
|
if (config.escapeSpecialCharacters) {
|
|
@@ -1737,7 +1698,7 @@
|
|
|
1737
1698
|
*/
|
|
1738
1699
|
SkyDocsTypeDefinitionsFormatService.prototype.getFormattedType = function (type, config) {
|
|
1739
1700
|
if (config === void 0) { config = {
|
|
1740
|
-
escapeSpecialCharacters: true
|
|
1701
|
+
escapeSpecialCharacters: true,
|
|
1741
1702
|
}; }
|
|
1742
1703
|
var formatted = 'any';
|
|
1743
1704
|
if (!type) {
|
|
@@ -1775,7 +1736,7 @@
|
|
|
1775
1736
|
SkyDocsTypeDefinitionsFormatService.prototype.getFormattedCallSignature = function (callSignature, config) {
|
|
1776
1737
|
var _this = this;
|
|
1777
1738
|
if (config === void 0) { config = {
|
|
1778
|
-
escapeSpecialCharacters: true
|
|
1739
|
+
escapeSpecialCharacters: true,
|
|
1779
1740
|
}; }
|
|
1780
1741
|
var returnType = this.getFormattedType(callSignature.returnType, config);
|
|
1781
1742
|
if (!callSignature.parameters) {
|
|
@@ -1788,9 +1749,11 @@
|
|
|
1788
1749
|
};
|
|
1789
1750
|
SkyDocsTypeDefinitionsFormatService.prototype.getFormattedUnion = function (typeConfig, config) {
|
|
1790
1751
|
var _this = this;
|
|
1791
|
-
return typeConfig.unionTypes
|
|
1752
|
+
return typeConfig.unionTypes
|
|
1753
|
+
.map(function (t) {
|
|
1792
1754
|
return _this.getFormattedType(t, config);
|
|
1793
|
-
})
|
|
1755
|
+
})
|
|
1756
|
+
.join(' | ');
|
|
1794
1757
|
};
|
|
1795
1758
|
/**
|
|
1796
1759
|
* Parse any type arguments e.g. `<T, F>`.
|
|
@@ -1829,7 +1792,7 @@
|
|
|
1829
1792
|
var signature = '';
|
|
1830
1793
|
definition.properties.forEach(function (property) {
|
|
1831
1794
|
var indexSignature = property.type.indexSignature;
|
|
1832
|
-
var optionalIndicator =
|
|
1795
|
+
var optionalIndicator = property.isOptional && !indexSignature ? '?' : '';
|
|
1833
1796
|
var propertyType = _this.getFormattedType(property.type, config);
|
|
1834
1797
|
var name;
|
|
1835
1798
|
if (indexSignature) {
|
|
@@ -1849,7 +1812,7 @@
|
|
|
1849
1812
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsFormatService, decorators: [{
|
|
1850
1813
|
type: i0.Injectable,
|
|
1851
1814
|
args: [{
|
|
1852
|
-
providedIn: 'root'
|
|
1815
|
+
providedIn: 'root',
|
|
1853
1816
|
}]
|
|
1854
1817
|
}] });
|
|
1855
1818
|
|
|
@@ -1892,7 +1855,7 @@
|
|
|
1892
1855
|
// Set default for code formatting.
|
|
1893
1856
|
if (!config) {
|
|
1894
1857
|
config = {
|
|
1895
|
-
applyCodeFormatting: true
|
|
1858
|
+
applyCodeFormatting: true,
|
|
1896
1859
|
};
|
|
1897
1860
|
}
|
|
1898
1861
|
content = this.removeDoubleSquareBrackets(content);
|
|
@@ -1906,10 +1869,14 @@
|
|
|
1906
1869
|
matches = regex.exec(content);
|
|
1907
1870
|
if (matches) {
|
|
1908
1871
|
var anchorId = _this.anchorIds[typeName];
|
|
1909
|
-
var anchorHtml = '<a class="sky-docs-anchor-link" href="#' +
|
|
1872
|
+
var anchorHtml = '<a class="sky-docs-anchor-link" href="#' +
|
|
1873
|
+
anchorId +
|
|
1874
|
+
'">' +
|
|
1875
|
+
typeName +
|
|
1876
|
+
'</a>';
|
|
1910
1877
|
// Group 3 of the regex pattern captures type properties like Foo.bar.
|
|
1911
1878
|
// If these are found, they do not need hyperlinked, but add them to the encapsulating code tag.
|
|
1912
|
-
var typeProperty =
|
|
1879
|
+
var typeProperty = matches[3] ? matches[3] : '';
|
|
1913
1880
|
var replacement = void 0;
|
|
1914
1881
|
if (config.applyCodeFormatting) {
|
|
1915
1882
|
replacement = '<code>' + anchorHtml + typeProperty + '</code>';
|
|
@@ -1921,8 +1888,12 @@
|
|
|
1921
1888
|
// (usually whitespace " Foo"), and then modify the starting/ending indexes to account for the extra character.
|
|
1922
1889
|
var isMatchExact = matches[0].substr(0, typeName.length) === typeName;
|
|
1923
1890
|
var startIndex = isMatchExact ? matches.index : matches.index + 1;
|
|
1924
|
-
var endIndex = isMatchExact
|
|
1925
|
-
|
|
1891
|
+
var endIndex = isMatchExact
|
|
1892
|
+
? matches[0].length
|
|
1893
|
+
: matches[0].length - 1;
|
|
1894
|
+
var contentWithCodeTags = content.substr(0, startIndex) +
|
|
1895
|
+
replacement +
|
|
1896
|
+
content.substr(startIndex + endIndex);
|
|
1926
1897
|
content = contentWithCodeTags;
|
|
1927
1898
|
counter++;
|
|
1928
1899
|
}
|
|
@@ -1957,7 +1928,7 @@
|
|
|
1957
1928
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsAnchorLinkService, decorators: [{
|
|
1958
1929
|
type: i0.Injectable,
|
|
1959
1930
|
args: [{
|
|
1960
|
-
providedIn: 'any'
|
|
1931
|
+
providedIn: 'any',
|
|
1961
1932
|
}]
|
|
1962
1933
|
}], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }]; } });
|
|
1963
1934
|
|
|
@@ -1970,7 +1941,7 @@
|
|
|
1970
1941
|
}
|
|
1971
1942
|
SkyDocsTypeAnchorLinksPipe.prototype.transform = function (value, formatType) {
|
|
1972
1943
|
var anchorLinkConfig = {
|
|
1973
|
-
applyCodeFormatting:
|
|
1944
|
+
applyCodeFormatting: formatType !== 'no-code-tags',
|
|
1974
1945
|
};
|
|
1975
1946
|
return this.anchorLinkService.applyTypeAnchorLinks(value, anchorLinkConfig);
|
|
1976
1947
|
};
|
|
@@ -1982,7 +1953,7 @@
|
|
|
1982
1953
|
type: i0.Pipe,
|
|
1983
1954
|
args: [{
|
|
1984
1955
|
name: 'skyDocsTypeAnchorLinks',
|
|
1985
|
-
pure: true
|
|
1956
|
+
pure: true,
|
|
1986
1957
|
}]
|
|
1987
1958
|
}], ctorParameters: function () { return [{ type: SkyDocsAnchorLinkService }]; } });
|
|
1988
1959
|
|
|
@@ -2013,7 +1984,7 @@
|
|
|
2013
1984
|
defaultValue: p.defaultValue,
|
|
2014
1985
|
description: p.description,
|
|
2015
1986
|
formattedName: _this.formatService.getFormattedParameterName(p),
|
|
2016
|
-
isOptional: p.isOptional
|
|
1987
|
+
isOptional: p.isOptional,
|
|
2017
1988
|
};
|
|
2018
1989
|
return vm;
|
|
2019
1990
|
});
|
|
@@ -2022,14 +1993,14 @@
|
|
|
2022
1993
|
return SkyDocsCallSignatureDefinitionComponent;
|
|
2023
1994
|
}());
|
|
2024
1995
|
SkyDocsCallSignatureDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCallSignatureDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2025
|
-
SkyDocsCallSignatureDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\"
|
|
1996
|
+
SkyDocsCallSignatureDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"config\" class=\"sky-docs-call-signature-definition\">\n <ng-container *ngIf=\"parameters\">\n <h4 class=\"sky-docs-call-signature-definition-heading\">Parameters</h4>\n <table class=\"sky-docs-parameter-definitions\">\n <tbody>\n <tr *ngFor=\"let parameter of parameters\">\n <th class=\"sky-docs-parameter-definition-header\">\n <sky-code\n ><span\n [innerHtml]=\"\n parameter.formattedName\n | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span\n ></sky-code>\n </th>\n <td class=\"sky-docs-parameter-definition-body\">\n <div\n *ngIf=\"parameter.description\"\n class=\"sky-docs-parameter-definition-description\"\n >\n <sky-docs-safe-html\n *ngIf=\"parameter.description\"\n [innerHtml]=\"\n parameter.description\n | skyDocsTypeAnchorLinks\n | skyDocsMarkdown\n \"\n ></sky-docs-safe-html>\n </div>\n <div\n *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\n ><span\n [innerHtml]=\"\n parameter.defaultValue\n | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span></sky-code\n >.\n </ng-container>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-container>\n\n <ng-container *ngIf=\"returnTypeFormatted\">\n <h4 class=\"sky-docs-call-signature-definition-heading\">Returns</h4>\n\n <div class=\"sky-docs-call-signature-definition-return-type\">\n <sky-code\n ><span\n [innerHtml]=\"\n returnTypeFormatted | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span\n ></sky-code>\n </div>\n </ng-container>\n</div>\n", styles: [".sky-docs-call-signature-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-parameter-definitions{width:auto;max-width:100%;border-spacing:0;border-collapse:collapse;background-color:#fff;margin-left:15px}.sky-docs-parameter-definitions th,.sky-docs-parameter-definitions td{padding:10px;border-bottom:1px dotted #cdcfd2;vertical-align:top;text-align:left}.sky-docs-parameter-definitions th ::ng-deep:first-child .sky-code,.sky-docs-parameter-definitions td ::ng-deep:first-child .sky-code{display:inline-block;white-space:normal}.sky-docs-parameter-definitions th ::ng-deep p,.sky-docs-parameter-definitions td ::ng-deep p{margin:10px 0}.sky-docs-parameter-definitions th ::ng-deep p:first-child,.sky-docs-parameter-definitions td ::ng-deep p:first-child{margin-top:0!important}.sky-docs-parameter-definitions th ::ng-deep p:last-child,.sky-docs-parameter-definitions td ::ng-deep p:last-child{margin-bottom:0!important}.sky-docs-parameter-definitions th{width:25%;padding-left:0}.sky-docs-parameter-definitions tr:first-child>th,.sky-docs-parameter-definitions tr:first-child>td{padding-top:0}.sky-docs-parameter-definitions tr:last-child>th,.sky-docs-parameter-definitions tr:last-child>td{border-bottom:0;padding-bottom:0}.sky-docs-parameter-definition-header{width:1%;white-space:nowrap;font-weight:normal}.sky-docs-parameter-definition-label-optional{color:#686c73}.sky-docs-call-signature-definition-return-type{margin-left:15px}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2026
1997
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsCallSignatureDefinitionComponent, decorators: [{
|
|
2027
1998
|
type: i0.Component,
|
|
2028
1999
|
args: [{
|
|
2029
2000
|
selector: 'sky-docs-call-signature-definition',
|
|
2030
|
-
template: "<div *ngIf=\"config\"
|
|
2001
|
+
template: "<div *ngIf=\"config\" class=\"sky-docs-call-signature-definition\">\n <ng-container *ngIf=\"parameters\">\n <h4 class=\"sky-docs-call-signature-definition-heading\">Parameters</h4>\n <table class=\"sky-docs-parameter-definitions\">\n <tbody>\n <tr *ngFor=\"let parameter of parameters\">\n <th class=\"sky-docs-parameter-definition-header\">\n <sky-code\n ><span\n [innerHtml]=\"\n parameter.formattedName\n | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span\n ></sky-code>\n </th>\n <td class=\"sky-docs-parameter-definition-body\">\n <div\n *ngIf=\"parameter.description\"\n class=\"sky-docs-parameter-definition-description\"\n >\n <sky-docs-safe-html\n *ngIf=\"parameter.description\"\n [innerHtml]=\"\n parameter.description\n | skyDocsTypeAnchorLinks\n | skyDocsMarkdown\n \"\n ></sky-docs-safe-html>\n </div>\n <div\n *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\n ><span\n [innerHtml]=\"\n parameter.defaultValue\n | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span></sky-code\n >.\n </ng-container>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-container>\n\n <ng-container *ngIf=\"returnTypeFormatted\">\n <h4 class=\"sky-docs-call-signature-definition-heading\">Returns</h4>\n\n <div class=\"sky-docs-call-signature-definition-return-type\">\n <sky-code\n ><span\n [innerHtml]=\"\n returnTypeFormatted | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span\n ></sky-code>\n </div>\n </ng-container>\n</div>\n",
|
|
2031
2002
|
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"],
|
|
2032
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2003
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2033
2004
|
}]
|
|
2034
2005
|
}], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
|
|
2035
2006
|
type: i0.Input
|
|
@@ -2060,7 +2031,7 @@
|
|
|
2060
2031
|
SkyDocsPropertyDefinitionsComponent.prototype.ngOnInit = function () {
|
|
2061
2032
|
var _this = this;
|
|
2062
2033
|
this.mediaQueryService.subscribe(function (breakpoints) {
|
|
2063
|
-
_this.isMobile =
|
|
2034
|
+
_this.isMobile = breakpoints <= i2$4.SkyMediaBreakpoints.sm;
|
|
2064
2035
|
_this.changeDetector.markForCheck();
|
|
2065
2036
|
});
|
|
2066
2037
|
};
|
|
@@ -2075,7 +2046,7 @@
|
|
|
2075
2046
|
deprecationWarning: property.deprecationWarning,
|
|
2076
2047
|
description: property.description,
|
|
2077
2048
|
formattedName: _this.formatService.getFormattedPropertyName(property),
|
|
2078
|
-
isOptional: property.isOptional
|
|
2049
|
+
isOptional: property.isOptional,
|
|
2079
2050
|
};
|
|
2080
2051
|
return vm;
|
|
2081
2052
|
});
|
|
@@ -2083,14 +2054,14 @@
|
|
|
2083
2054
|
return SkyDocsPropertyDefinitionsComponent;
|
|
2084
2055
|
}());
|
|
2085
2056
|
SkyDocsPropertyDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsPropertyDefinitionsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDocsTypeDefinitionsFormatService }, { token: i2__namespace$4.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2086
|
-
SkyDocsPropertyDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: { config: "config", propertyType: "propertyType", showOptionalStatus: "showOptionalStatus" }, ngImport: i0__namespace, template: "<div *ngIf=\"properties\"
|
|
2057
|
+
SkyDocsPropertyDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: { config: "config", propertyType: "propertyType", showOptionalStatus: "showOptionalStatus" }, ngImport: i0__namespace, template: "<div *ngIf=\"properties\" class=\"sky-docs-property-definitions\">\n <table *ngIf=\"!isMobile; else mobileTemplate\" class=\"sky-docs-table\">\n <tr class=\"sky-docs-table-row\">\n <th\n class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n >\n {{ propertyType }}\n </th>\n <th\n class=\"\n sky-docs-table-column-header sky-docs-table-column-header-description\n \"\n >\n Description\n </th>\n </tr>\n <tr *ngFor=\"let property of properties\" class=\"sky-docs-table-row\">\n <td\n class=\"\n sky-docs-table-cell sky-docs-property-definitions-table-cell-name\n \"\n >\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: property }\"\n ></ng-template>\n </td>\n <td\n class=\"\n sky-docs-table-cell\n sky-docs-property-definitions-table-cell-description\n \"\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 class=\"sky-docs-property-definition-list\">\n <div\n *ngFor=\"let property of properties\"\n class=\"sky-docs-property-definition-list-item\"\n >\n <dt class=\"sky-field-label\">{{ propertyType }}</dt>\n <dd class=\"sky-docs-property-definitions-dd-name\">\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: property }\"\n ></ng-template>\n </dd>\n <dt class=\"sky-field-label\">Description</dt>\n <dd class=\"sky-docs-property-definitions-dd-description\">\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\n ><span\n [innerHtml]=\"\n property.formattedName | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span\n ></sky-code>\n</ng-template>\n\n<ng-template let-property #descriptionTemplate>\n <div\n *ngIf=\"!property.isOptional && showOptionalStatus\"\n class=\"sky-docs-property-definition-label sky-text-danger\"\n >\n Required.\n </div>\n\n <sky-docs-safe-html\n *ngIf=\"property.deprecationWarning !== undefined\"\n class=\"sky-docs-property-definitions-deprecation-warning\"\n [innerHtml]=\"\n deprecationWarningPrefix + property.deprecationWarning\n | skyDocsTypeAnchorLinks\n | skyDocsMarkdown\n \"\n ></sky-docs-safe-html>\n\n <sky-docs-safe-html\n *ngIf=\"property.description\"\n class=\"sky-docs-property-definitions-description\"\n [innerHtml]=\"\n property.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\n \"\n ></sky-docs-safe-html>\n\n <div\n *ngIf=\"property.isOptional && showOptionalStatus\"\n class=\"\n sky-docs-property-definition-label\n sky-docs-property-definition-label-optional\n \"\n >\n Optional.\n <ng-container *ngIf=\"property.defaultValue\"\n >Default is\n <sky-code\n ><span\n [innerHtml]=\"\n property.defaultValue | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span></sky-code\n >.</ng-container\n >\n </div>\n\n <sky-docs-call-signature-definition\n *ngIf=\"property.callSignature\"\n [config]=\"property.callSignature\"\n ></sky-docs-call-signature-definition>\n</ng-template>\n", styles: [":host{margin:15px 0}.sky-docs-property-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-property-definition-label-optional{color:#686c73;margin-bottom:10px}.sky-docs-property-definition-list{margin:0}.sky-docs-property-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-property-definition-list-item .sky-field-label{margin:10px 0}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2087
2058
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsPropertyDefinitionsComponent, decorators: [{
|
|
2088
2059
|
type: i0.Component,
|
|
2089
2060
|
args: [{
|
|
2090
2061
|
selector: 'sky-docs-property-definitions',
|
|
2091
|
-
template: "<div *ngIf=\"properties\"
|
|
2062
|
+
template: "<div *ngIf=\"properties\" class=\"sky-docs-property-definitions\">\n <table *ngIf=\"!isMobile; else mobileTemplate\" class=\"sky-docs-table\">\n <tr class=\"sky-docs-table-row\">\n <th\n class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n >\n {{ propertyType }}\n </th>\n <th\n class=\"\n sky-docs-table-column-header sky-docs-table-column-header-description\n \"\n >\n Description\n </th>\n </tr>\n <tr *ngFor=\"let property of properties\" class=\"sky-docs-table-row\">\n <td\n class=\"\n sky-docs-table-cell sky-docs-property-definitions-table-cell-name\n \"\n >\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: property }\"\n ></ng-template>\n </td>\n <td\n class=\"\n sky-docs-table-cell\n sky-docs-property-definitions-table-cell-description\n \"\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 class=\"sky-docs-property-definition-list\">\n <div\n *ngFor=\"let property of properties\"\n class=\"sky-docs-property-definition-list-item\"\n >\n <dt class=\"sky-field-label\">{{ propertyType }}</dt>\n <dd class=\"sky-docs-property-definitions-dd-name\">\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: property }\"\n ></ng-template>\n </dd>\n <dt class=\"sky-field-label\">Description</dt>\n <dd class=\"sky-docs-property-definitions-dd-description\">\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\n ><span\n [innerHtml]=\"\n property.formattedName | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span\n ></sky-code>\n</ng-template>\n\n<ng-template let-property #descriptionTemplate>\n <div\n *ngIf=\"!property.isOptional && showOptionalStatus\"\n class=\"sky-docs-property-definition-label sky-text-danger\"\n >\n Required.\n </div>\n\n <sky-docs-safe-html\n *ngIf=\"property.deprecationWarning !== undefined\"\n class=\"sky-docs-property-definitions-deprecation-warning\"\n [innerHtml]=\"\n deprecationWarningPrefix + property.deprecationWarning\n | skyDocsTypeAnchorLinks\n | skyDocsMarkdown\n \"\n ></sky-docs-safe-html>\n\n <sky-docs-safe-html\n *ngIf=\"property.description\"\n class=\"sky-docs-property-definitions-description\"\n [innerHtml]=\"\n property.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\n \"\n ></sky-docs-safe-html>\n\n <div\n *ngIf=\"property.isOptional && showOptionalStatus\"\n class=\"\n sky-docs-property-definition-label\n sky-docs-property-definition-label-optional\n \"\n >\n Optional.\n <ng-container *ngIf=\"property.defaultValue\"\n >Default is\n <sky-code\n ><span\n [innerHtml]=\"\n property.defaultValue | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span></sky-code\n >.</ng-container\n >\n </div>\n\n <sky-docs-call-signature-definition\n *ngIf=\"property.callSignature\"\n [config]=\"property.callSignature\"\n ></sky-docs-call-signature-definition>\n</ng-template>\n",
|
|
2092
2063
|
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"],
|
|
2093
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2064
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2094
2065
|
}]
|
|
2095
2066
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDocsTypeDefinitionsFormatService }, { type: i2__namespace$4.SkyMediaQueryService }]; }, propDecorators: { config: [{
|
|
2096
2067
|
type: i0.Input
|
|
@@ -2106,14 +2077,14 @@
|
|
|
2106
2077
|
return SkyDocsDirectiveDefinitionComponent;
|
|
2107
2078
|
}());
|
|
2108
2079
|
SkyDocsDirectiveDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDirectiveDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2109
|
-
SkyDocsDirectiveDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div
|
|
2080
|
+
SkyDocsDirectiveDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-directive-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *ngIf=\"config.description\"\n class=\"sky-docs-directive-definition-description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <h4 class=\"sky-docs-directive-definition-h4\">Selector</h4>\n\n <p class=\"sky-docs-directive-selector\">\n <sky-code>{{ config.selector }}</sky-code>\n </p>\n\n <ng-container *ngIf=\"config.codeExample\">\n <h4 class=\"sky-docs-directive-definition-h4\">Example</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\n *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\n *ngIf=\"config.eventProperties?.length\"\n propertyType=\"Event\"\n [config]=\"{\n properties: config.eventProperties\n }\"\n ></sky-docs-property-definitions>\n</div>\n", styles: [".sky-docs-directive-definition-h4{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-directive-selector{margin-left:15px!important;margin-top:10px!important}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ1, selector: "sky-code" }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2110
2081
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDirectiveDefinitionComponent, decorators: [{
|
|
2111
2082
|
type: i0.Component,
|
|
2112
2083
|
args: [{
|
|
2113
2084
|
selector: 'sky-docs-directive-definition',
|
|
2114
|
-
template: "<div
|
|
2085
|
+
template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-directive-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *ngIf=\"config.description\"\n class=\"sky-docs-directive-definition-description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <h4 class=\"sky-docs-directive-definition-h4\">Selector</h4>\n\n <p class=\"sky-docs-directive-selector\">\n <sky-code>{{ config.selector }}</sky-code>\n </p>\n\n <ng-container *ngIf=\"config.codeExample\">\n <h4 class=\"sky-docs-directive-definition-h4\">Example</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\n *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\n *ngIf=\"config.eventProperties?.length\"\n propertyType=\"Event\"\n [config]=\"{\n properties: config.eventProperties\n }\"\n ></sky-docs-property-definitions>\n</div>\n",
|
|
2115
2086
|
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"],
|
|
2116
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2087
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2117
2088
|
}]
|
|
2118
2089
|
}], propDecorators: { config: [{
|
|
2119
2090
|
type: i0.Input
|
|
@@ -2125,13 +2096,13 @@
|
|
|
2125
2096
|
return SkyDocsEnumerationDefinitionComponent;
|
|
2126
2097
|
}());
|
|
2127
2098
|
SkyDocsEnumerationDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsEnumerationDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2128
|
-
SkyDocsEnumerationDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div
|
|
2099
|
+
SkyDocsEnumerationDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-enumeration-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *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\n *ngIf=\"config.members\"\n propertyType=\"Member\"\n [config]=\"{ properties: config.members }\"\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: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2129
2100
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsEnumerationDefinitionComponent, decorators: [{
|
|
2130
2101
|
type: i0.Component,
|
|
2131
2102
|
args: [{
|
|
2132
2103
|
selector: 'sky-docs-enumeration-definition',
|
|
2133
|
-
template: "<div
|
|
2134
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2104
|
+
template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-enumeration-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *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\n *ngIf=\"config.members\"\n propertyType=\"Member\"\n [config]=\"{ properties: config.members }\"\n [showOptionalStatus]=\"false\"\n ></sky-docs-property-definitions>\n</div>\n",
|
|
2105
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2135
2106
|
}]
|
|
2136
2107
|
}], propDecorators: { config: [{
|
|
2137
2108
|
type: i0.Input
|
|
@@ -2153,18 +2124,20 @@
|
|
|
2153
2124
|
configurable: true
|
|
2154
2125
|
});
|
|
2155
2126
|
SkyDocsInterfaceDefinitionComponent.prototype.updateView = function () {
|
|
2156
|
-
this.sourceCode =
|
|
2127
|
+
this.sourceCode = this.config
|
|
2128
|
+
? this.formatService.getInterfaceSourceCode(this.config)
|
|
2129
|
+
: undefined;
|
|
2157
2130
|
};
|
|
2158
2131
|
return SkyDocsInterfaceDefinitionComponent;
|
|
2159
2132
|
}());
|
|
2160
2133
|
SkyDocsInterfaceDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsInterfaceDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2161
|
-
SkyDocsInterfaceDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div
|
|
2134
|
+
SkyDocsInterfaceDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-interface-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *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\n *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\n *ngIf=\"config.properties\"\n [config]=\"{ properties: config.properties }\"\n [showOptionalStatus]=\"false\"\n ></sky-docs-property-definitions>\n</div>\n", components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2162
2135
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsInterfaceDefinitionComponent, decorators: [{
|
|
2163
2136
|
type: i0.Component,
|
|
2164
2137
|
args: [{
|
|
2165
2138
|
selector: 'sky-docs-interface-definition',
|
|
2166
|
-
template: "<div
|
|
2167
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2139
|
+
template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-interface-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *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\n *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\n *ngIf=\"config.properties\"\n [config]=\"{ properties: config.properties }\"\n [showOptionalStatus]=\"false\"\n ></sky-docs-property-definitions>\n</div>\n",
|
|
2140
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2168
2141
|
}]
|
|
2169
2142
|
}], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
|
|
2170
2143
|
type: i0.Input
|
|
@@ -2192,7 +2165,7 @@
|
|
|
2192
2165
|
SkyDocsMethodDefinitionsComponent.prototype.ngOnInit = function () {
|
|
2193
2166
|
var _this = this;
|
|
2194
2167
|
this.mediaQueryService.subscribe(function (breakpoints) {
|
|
2195
|
-
_this.isMobile =
|
|
2168
|
+
_this.isMobile = breakpoints <= i2$4.SkyMediaBreakpoints.sm;
|
|
2196
2169
|
_this.changeDetector.markForCheck();
|
|
2197
2170
|
});
|
|
2198
2171
|
};
|
|
@@ -2207,7 +2180,7 @@
|
|
|
2207
2180
|
deprecationWarning: method.deprecationWarning,
|
|
2208
2181
|
description: method.description,
|
|
2209
2182
|
formattedName: _this.formatService.getFormattedMethodName(method),
|
|
2210
|
-
sourceCode: _this.formatService.getMethodSourceCode(method)
|
|
2183
|
+
sourceCode: _this.formatService.getMethodSourceCode(method),
|
|
2211
2184
|
};
|
|
2212
2185
|
return vm;
|
|
2213
2186
|
});
|
|
@@ -2215,14 +2188,14 @@
|
|
|
2215
2188
|
return SkyDocsMethodDefinitionsComponent;
|
|
2216
2189
|
}());
|
|
2217
2190
|
SkyDocsMethodDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsMethodDefinitionsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDocsTypeDefinitionsFormatService }, { token: i2__namespace$4.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2218
|
-
SkyDocsMethodDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"methods\"
|
|
2191
|
+
SkyDocsMethodDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div *ngIf=\"methods\" class=\"sky-docs-method-definitions\">\n <table *ngIf=\"!isMobile; else mobileTemplate\" class=\"sky-docs-table\">\n <tr class=\"sky-docs-table-row\">\n <th\n class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n >\n Methods\n </th>\n <th\n class=\"\n sky-docs-table-column-header sky-docs-table-column-header-description\n \"\n >\n Description\n </th>\n </tr>\n <tr *ngFor=\"let method of methods\" class=\"sky-docs-table-row\">\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=\"\n sky-docs-table-cell sky-docs-method-definitions-table-cell-description\n \"\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 class=\"sky-docs-method-definition-list\">\n <div\n *ngFor=\"let method of methods\"\n class=\"sky-docs-method-definition-list-item\"\n >\n <dt class=\"sky-field-label\">Methods</dt>\n <dd class=\"sky-docs-method-definitions-dd-name\">\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: method }\"\n ></ng-template>\n </dd>\n <dt class=\"sky-field-label\">Description</dt>\n <dd class=\"sky-docs-method-definitions-dd-description\">\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\n ><span\n [innerHtml]=\"\n method.formattedName | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span\n ></sky-code>\n</ng-template>\n\n<ng-template let-method #descriptionTemplate>\n <sky-docs-safe-html\n *ngIf=\"method.deprecationWarning !== undefined\"\n class=\"sky-docs-method-definition-deprecation-warning\"\n [innerHtml]=\"\n deprecationWarningPrefix + method.deprecationWarning\n | skyDocsTypeAnchorLinks\n | skyDocsMarkdown\n \"\n ></sky-docs-safe-html>\n\n <sky-docs-safe-html\n *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\n *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\n *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\">Example</h4>\n <sky-code-block\n *ngIf=\"method.codeExample\"\n class=\"sky-docs-code-block\"\n languageType=\"method.codeExampleLanguage\"\n [code]=\"method.codeExample\"\n [hideHeader]=\"true\"\n ></sky-code-block>\n </ng-container>\n</ng-template>\n", styles: [":host{margin:15px 0}.sky-docs-method-definitions{width:100%;max-width:100%;overflow:auto}.sky-docs-table-column-header-name{width:25%}.sky-docs-method-definition-label-optional{color:#686c73}.sky-docs-method-definition-list{margin:0}.sky-docs-method-definition-list-item{border-bottom:1px dotted #cdcfd2;margin:10px 0}.sky-docs-method-definition-list-item .sky-field-label{margin:10px 0}\n"], components: [{ type: i3__namespace$1.λ1, selector: "sky-code" }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe, "skyDocsMarkdown": SkyDocsMarkdownPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2219
2192
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsMethodDefinitionsComponent, decorators: [{
|
|
2220
2193
|
type: i0.Component,
|
|
2221
2194
|
args: [{
|
|
2222
2195
|
selector: 'sky-docs-method-definitions',
|
|
2223
|
-
template: "<div *ngIf=\"methods\"
|
|
2196
|
+
template: "<div *ngIf=\"methods\" class=\"sky-docs-method-definitions\">\n <table *ngIf=\"!isMobile; else mobileTemplate\" class=\"sky-docs-table\">\n <tr class=\"sky-docs-table-row\">\n <th\n class=\"sky-docs-table-column-header sky-docs-table-column-header-name\"\n >\n Methods\n </th>\n <th\n class=\"\n sky-docs-table-column-header sky-docs-table-column-header-description\n \"\n >\n Description\n </th>\n </tr>\n <tr *ngFor=\"let method of methods\" class=\"sky-docs-table-row\">\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=\"\n sky-docs-table-cell sky-docs-method-definitions-table-cell-description\n \"\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 class=\"sky-docs-method-definition-list\">\n <div\n *ngFor=\"let method of methods\"\n class=\"sky-docs-method-definition-list-item\"\n >\n <dt class=\"sky-field-label\">Methods</dt>\n <dd class=\"sky-docs-method-definitions-dd-name\">\n <ng-template\n [ngTemplateOutlet]=\"nameTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: method }\"\n ></ng-template>\n </dd>\n <dt class=\"sky-field-label\">Description</dt>\n <dd class=\"sky-docs-method-definitions-dd-description\">\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\n ><span\n [innerHtml]=\"\n method.formattedName | skyDocsTypeAnchorLinks: 'no-code-tags'\n \"\n ></span\n ></sky-code>\n</ng-template>\n\n<ng-template let-method #descriptionTemplate>\n <sky-docs-safe-html\n *ngIf=\"method.deprecationWarning !== undefined\"\n class=\"sky-docs-method-definition-deprecation-warning\"\n [innerHtml]=\"\n deprecationWarningPrefix + method.deprecationWarning\n | skyDocsTypeAnchorLinks\n | skyDocsMarkdown\n \"\n ></sky-docs-safe-html>\n\n <sky-docs-safe-html\n *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\n *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\n *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\">Example</h4>\n <sky-code-block\n *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",
|
|
2224
2197
|
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"],
|
|
2225
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2198
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2226
2199
|
}]
|
|
2227
2200
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDocsTypeDefinitionsFormatService }, { type: i2__namespace$4.SkyMediaQueryService }]; }, propDecorators: { config: [{
|
|
2228
2201
|
type: i0.Input
|
|
@@ -2234,14 +2207,14 @@
|
|
|
2234
2207
|
return SkyDocsPipeDefinitionComponent;
|
|
2235
2208
|
}());
|
|
2236
2209
|
SkyDocsPipeDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsPipeDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2237
|
-
SkyDocsPipeDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div
|
|
2210
|
+
SkyDocsPipeDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-pipe-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *ngIf=\"config.description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <ng-container *ngIf=\"config.codeExample\">\n <h4 class=\"sky-docs-pipe-definition-heading\">Example</h4>\n <sky-code-block\n class=\"sky-docs-code-block\"\n [code]=\"config.codeExample\"\n [hideHeader]=\"true\"\n [languageType]=\"config.codeExampleLanguage\"\n ></sky-code-block>\n </ng-container>\n\n <sky-docs-method-definitions\n [config]=\"{\n methods: [config.transformMethod]\n }\"\n ></sky-docs-method-definitions>\n</div>\n", styles: [".sky-docs-pipe-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2238
2211
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsPipeDefinitionComponent, decorators: [{
|
|
2239
2212
|
type: i0.Component,
|
|
2240
2213
|
args: [{
|
|
2241
2214
|
selector: 'sky-docs-pipe-definition',
|
|
2242
|
-
template: "<div
|
|
2215
|
+
template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-pipe-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *ngIf=\"config.description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <ng-container *ngIf=\"config.codeExample\">\n <h4 class=\"sky-docs-pipe-definition-heading\">Example</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",
|
|
2243
2216
|
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"],
|
|
2244
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2217
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2245
2218
|
}]
|
|
2246
2219
|
}], propDecorators: { config: [{
|
|
2247
2220
|
type: i0.Input
|
|
@@ -2253,14 +2226,14 @@
|
|
|
2253
2226
|
return SkyDocsClassDefinitionComponent;
|
|
2254
2227
|
}());
|
|
2255
2228
|
SkyDocsClassDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsClassDefinitionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2256
|
-
SkyDocsClassDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div
|
|
2229
|
+
SkyDocsClassDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-class-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *ngIf=\"config.description\"\n class=\"sky-docs-class-definition-description\"\n [innerHtml]=\"config.description | skyDocsTypeAnchorLinks | skyDocsMarkdown\"\n ></sky-docs-safe-html>\n\n <ng-container *ngIf=\"config.properties?.length\">\n <sky-docs-property-definitions\n [config]=\"{ properties: config.properties }\"\n ></sky-docs-property-definitions>\n </ng-container>\n\n <ng-container *ngIf=\"config.methods?.length\">\n <sky-docs-method-definitions\n [config]=\"{ methods: config.methods }\"\n ></sky-docs-method-definitions>\n </ng-container>\n</div>\n", styles: [".sky-docs-class-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-class-definition-return-type{margin-left:15px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: SkyDocsPropertyDefinitionsComponent, selector: "sky-docs-property-definitions", inputs: ["config", "propertyType", "showOptionalStatus"] }, { type: SkyDocsMethodDefinitionsComponent, selector: "sky-docs-method-definitions", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2257
2230
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsClassDefinitionComponent, decorators: [{
|
|
2258
2231
|
type: i0.Component,
|
|
2259
2232
|
args: [{
|
|
2260
2233
|
selector: 'sky-docs-class-definition',
|
|
2261
|
-
template: "<div
|
|
2234
|
+
template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-class-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *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",
|
|
2262
2235
|
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"],
|
|
2263
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2236
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2264
2237
|
}]
|
|
2265
2238
|
}], propDecorators: { config: [{
|
|
2266
2239
|
type: i0.Input
|
|
@@ -2282,19 +2255,21 @@
|
|
|
2282
2255
|
configurable: true
|
|
2283
2256
|
});
|
|
2284
2257
|
SkyDocsTypeAliasDefinitionComponent.prototype.updateView = function () {
|
|
2285
|
-
this.sourceCode =
|
|
2258
|
+
this.sourceCode = this.config
|
|
2259
|
+
? this.formatService.getTypeAliasSourceCode(this.config)
|
|
2260
|
+
: undefined;
|
|
2286
2261
|
};
|
|
2287
2262
|
return SkyDocsTypeAliasDefinitionComponent;
|
|
2288
2263
|
}());
|
|
2289
2264
|
SkyDocsTypeAliasDefinitionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsTypeAliasDefinitionComponent, deps: [{ token: SkyDocsTypeDefinitionsFormatService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2290
|
-
SkyDocsTypeAliasDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div
|
|
2265
|
+
SkyDocsTypeAliasDefinitionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-type-alias-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *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\n *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\n *ngIf=\"config.type.callSignature\"\n [config]=\"config.type.callSignature\"\n ></sky-docs-call-signature-definition>\n</div>\n", styles: [".sky-docs-type-alias-definition-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;font-weight:400;font-weight:600;font-size:15px;margin:0 0 10px}.sky-docs-type-alias-definition-return-type{margin-left:15px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }, { type: SkyDocsSafeHtmlComponent, selector: "sky-docs-safe-html", inputs: ["innerHtml"] }, { type: i3__namespace$1.λ2, selector: "sky-code-block", inputs: ["code", "fileName", "languageType", "hideCopyToClipboard", "hideHeader"] }, { type: SkyDocsCallSignatureDefinitionComponent, selector: "sky-docs-call-signature-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyDocsMarkdown": SkyDocsMarkdownPipe, "skyDocsTypeAnchorLinks": SkyDocsTypeAnchorLinksPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2291
2266
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsTypeAliasDefinitionComponent, decorators: [{
|
|
2292
2267
|
type: i0.Component,
|
|
2293
2268
|
args: [{
|
|
2294
2269
|
selector: 'sky-docs-type-alias-definition',
|
|
2295
|
-
template: "<div
|
|
2270
|
+
template: "<div\n *ngIf=\"config\"\n class=\"sky-docs-type-alias-definition sky-docs-type-definition-wrapper\"\n>\n <sky-docs-heading-anchor headingLevel=\"3\" [anchorId]=\"config.anchorId\">\n {{ config.name }}\n </sky-docs-heading-anchor>\n\n <sky-docs-safe-html\n *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\n *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\n *ngIf=\"config.type.callSignature\"\n [config]=\"config.type.callSignature\"\n ></sky-docs-call-signature-definition>\n</div>\n",
|
|
2296
2271
|
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"],
|
|
2297
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2272
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2298
2273
|
}]
|
|
2299
2274
|
}], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsFormatService }]; }, propDecorators: { config: [{
|
|
2300
2275
|
type: i0.Input
|
|
@@ -2342,7 +2317,7 @@
|
|
|
2342
2317
|
SkyDocsHeadingAnchorModule,
|
|
2343
2318
|
SkyDocsMarkdownModule,
|
|
2344
2319
|
SkyDocsSafeHtmlModule,
|
|
2345
|
-
i1$1.SkyIconModule
|
|
2320
|
+
i1$1.SkyIconModule,
|
|
2346
2321
|
]] });
|
|
2347
2322
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsModule, decorators: [{
|
|
2348
2323
|
type: i0.NgModule,
|
|
@@ -2356,7 +2331,7 @@
|
|
|
2356
2331
|
SkyDocsHeadingAnchorModule,
|
|
2357
2332
|
SkyDocsMarkdownModule,
|
|
2358
2333
|
SkyDocsSafeHtmlModule,
|
|
2359
|
-
i1$1.SkyIconModule
|
|
2334
|
+
i1$1.SkyIconModule,
|
|
2360
2335
|
],
|
|
2361
2336
|
declarations: [
|
|
2362
2337
|
SkyDocsCallSignatureDefinitionComponent,
|
|
@@ -2368,7 +2343,7 @@
|
|
|
2368
2343
|
SkyDocsPipeDefinitionComponent,
|
|
2369
2344
|
SkyDocsPropertyDefinitionsComponent,
|
|
2370
2345
|
SkyDocsTypeAliasDefinitionComponent,
|
|
2371
|
-
SkyDocsTypeAnchorLinksPipe
|
|
2346
|
+
SkyDocsTypeAnchorLinksPipe,
|
|
2372
2347
|
],
|
|
2373
2348
|
exports: [
|
|
2374
2349
|
SkyDocsCallSignatureDefinitionComponent,
|
|
@@ -2380,8 +2355,8 @@
|
|
|
2380
2355
|
SkyDocsPipeDefinitionComponent,
|
|
2381
2356
|
SkyDocsPropertyDefinitionsComponent,
|
|
2382
2357
|
SkyDocsTypeAliasDefinitionComponent,
|
|
2383
|
-
SkyDocsTypeAnchorLinksPipe
|
|
2384
|
-
]
|
|
2358
|
+
SkyDocsTypeAnchorLinksPipe,
|
|
2359
|
+
],
|
|
2385
2360
|
}]
|
|
2386
2361
|
}] });
|
|
2387
2362
|
|
|
@@ -2410,7 +2385,8 @@
|
|
|
2410
2385
|
if (!value) {
|
|
2411
2386
|
return;
|
|
2412
2387
|
}
|
|
2413
|
-
var sanitized = value
|
|
2388
|
+
var sanitized = value
|
|
2389
|
+
.toLowerCase()
|
|
2414
2390
|
// Remove special characters.
|
|
2415
2391
|
.replace(/[\_\~\`\@\!\#\$\%\^\&\*\(\)\[\]\{\}\;\:\'\/\\\<\>\,\.\?\=\+\|"]/g, '')
|
|
2416
2392
|
// Replace space characters with a dash.
|
|
@@ -2422,14 +2398,14 @@
|
|
|
2422
2398
|
return SkyDocsDemoPageSectionComponent;
|
|
2423
2399
|
}());
|
|
2424
2400
|
SkyDocsDemoPageSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2425
|
-
SkyDocsDemoPageSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: { heading: "heading" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n <div *ngIf=\"heading\"
|
|
2401
|
+
SkyDocsDemoPageSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: { heading: "heading" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n <div *ngIf=\"heading\" class=\"sky-docs-demo-page-section-header\">\n <sky-docs-heading-anchor headingLevel=\"2\" [anchorId]=\"anchorId\">\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>\n", styles: [".sky-docs-demo-page-section{margin-bottom:50px}\n"], components: [{ type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingLevel"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2426
2402
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageSectionComponent, decorators: [{
|
|
2427
2403
|
type: i0.Component,
|
|
2428
2404
|
args: [{
|
|
2429
2405
|
selector: 'sky-docs-demo-page-section',
|
|
2430
|
-
template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n <div *ngIf=\"heading\"
|
|
2406
|
+
template: "<div class=\"sky-docs-demo-page-section sky-rounded-corners\">\n <div *ngIf=\"heading\" class=\"sky-docs-demo-page-section-header\">\n <sky-docs-heading-anchor headingLevel=\"2\" [anchorId]=\"anchorId\">\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>\n",
|
|
2431
2407
|
styles: [".sky-docs-demo-page-section{margin-bottom:50px}\n"],
|
|
2432
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2408
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2433
2409
|
}]
|
|
2434
2410
|
}], propDecorators: { heading: [{
|
|
2435
2411
|
type: i0.Input
|
|
@@ -2458,7 +2434,7 @@
|
|
|
2458
2434
|
selector: 'sky-docs-demo-page-summary',
|
|
2459
2435
|
template: "<div class=\"sky-docs-demo-page-summary\">\n <ng-content></ng-content>\n</div>\n",
|
|
2460
2436
|
styles: [".sky-docs-demo-page-summary{margin-bottom:20px}\n"],
|
|
2461
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2437
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2462
2438
|
}]
|
|
2463
2439
|
}] });
|
|
2464
2440
|
|
|
@@ -2474,7 +2450,7 @@
|
|
|
2474
2450
|
args: [{
|
|
2475
2451
|
selector: 'sky-docs-design-guidelines',
|
|
2476
2452
|
template: "<div class=\"sky-docs-design-guidelines\">\n <ng-content></ng-content>\n</div>\n",
|
|
2477
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2453
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2478
2454
|
}]
|
|
2479
2455
|
}] });
|
|
2480
2456
|
|
|
@@ -2489,7 +2465,7 @@
|
|
|
2489
2465
|
this.eventListener = function (e) {
|
|
2490
2466
|
e.preventDefault();
|
|
2491
2467
|
_this._anchorLinkClick.next({
|
|
2492
|
-
href: e.target.href
|
|
2468
|
+
href: e.target.href,
|
|
2493
2469
|
});
|
|
2494
2470
|
};
|
|
2495
2471
|
}
|
|
@@ -2581,7 +2557,7 @@
|
|
|
2581
2557
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsSupportalService, decorators: [{
|
|
2582
2558
|
type: i0.Injectable,
|
|
2583
2559
|
args: [{
|
|
2584
|
-
providedIn: 'root'
|
|
2560
|
+
providedIn: 'root',
|
|
2585
2561
|
}]
|
|
2586
2562
|
}], ctorParameters: function () { return [{ type: i1__namespace$5.HttpClient }]; } });
|
|
2587
2563
|
|
|
@@ -2611,7 +2587,7 @@
|
|
|
2611
2587
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageTitleService, decorators: [{
|
|
2612
2588
|
type: i0.Injectable,
|
|
2613
2589
|
args: [{
|
|
2614
|
-
providedIn: 'root'
|
|
2590
|
+
providedIn: 'root',
|
|
2615
2591
|
}]
|
|
2616
2592
|
}], ctorParameters: function () { return [{ type: i1__namespace$4.Title }]; } });
|
|
2617
2593
|
|
|
@@ -2625,7 +2601,7 @@
|
|
|
2625
2601
|
SkyDocsTypeDocAdapterService.prototype.toClassDefinition = function (entry) {
|
|
2626
2602
|
var definition = {
|
|
2627
2603
|
anchorId: this.getAnchorId(entry),
|
|
2628
|
-
name: entry.name
|
|
2604
|
+
name: entry.name,
|
|
2629
2605
|
};
|
|
2630
2606
|
var tags = this.getCommentTags(entry.comment);
|
|
2631
2607
|
this.applyCommentTagValues(definition, tags);
|
|
@@ -2643,7 +2619,7 @@
|
|
|
2643
2619
|
var definition = {
|
|
2644
2620
|
anchorId: this.getAnchorId(entry),
|
|
2645
2621
|
name: entry.name,
|
|
2646
|
-
selector: this.getSelector(entry)
|
|
2622
|
+
selector: this.getSelector(entry),
|
|
2647
2623
|
};
|
|
2648
2624
|
var tags = this.getCommentTags(entry.comment);
|
|
2649
2625
|
this.applyCommentTagValues(definition, tags);
|
|
@@ -2663,7 +2639,7 @@
|
|
|
2663
2639
|
var definition = {
|
|
2664
2640
|
anchorId: this.getAnchorId(entry),
|
|
2665
2641
|
members: members,
|
|
2666
|
-
name: entry.name
|
|
2642
|
+
name: entry.name,
|
|
2667
2643
|
};
|
|
2668
2644
|
var tags = this.getCommentTags(entry.comment);
|
|
2669
2645
|
this.applyCommentTagValues(definition, tags);
|
|
@@ -2674,7 +2650,7 @@
|
|
|
2674
2650
|
var definition = {
|
|
2675
2651
|
anchorId: this.getAnchorId(entry),
|
|
2676
2652
|
name: entry.name,
|
|
2677
|
-
properties: properties
|
|
2653
|
+
properties: properties,
|
|
2678
2654
|
};
|
|
2679
2655
|
var tags = this.getCommentTags(entry.comment);
|
|
2680
2656
|
this.applyCommentTagValues(definition, tags);
|
|
@@ -2690,22 +2666,25 @@
|
|
|
2690
2666
|
var definition = {
|
|
2691
2667
|
anchorId: this.getAnchorId(entry),
|
|
2692
2668
|
name: entry.name,
|
|
2693
|
-
transformMethod: transformMethod
|
|
2669
|
+
transformMethod: transformMethod,
|
|
2694
2670
|
};
|
|
2695
2671
|
var tags = this.getCommentTags(entry.comment);
|
|
2696
2672
|
this.applyCommentTagValues(definition, tags);
|
|
2697
2673
|
return definition;
|
|
2698
2674
|
};
|
|
2699
2675
|
SkyDocsTypeDocAdapterService.prototype.toTypeAliasDefinition = function (entry) {
|
|
2676
|
+
var _a;
|
|
2700
2677
|
var definition = {
|
|
2701
2678
|
anchorId: this.getAnchorId(entry),
|
|
2702
2679
|
name: entry.name,
|
|
2703
2680
|
type: this.getTypeDefinition({
|
|
2704
2681
|
comment: entry.comment,
|
|
2705
|
-
type: entry.type
|
|
2706
|
-
})
|
|
2682
|
+
type: entry.type,
|
|
2683
|
+
}),
|
|
2707
2684
|
};
|
|
2708
|
-
var tags = this.getCommentTags(entry.
|
|
2685
|
+
var tags = this.getCommentTags(((_a = entry.type.declaration) === null || _a === void 0 ? void 0 : _a.signatures)
|
|
2686
|
+
? entry.type.declaration.signatures[0].comment
|
|
2687
|
+
: entry.comment);
|
|
2709
2688
|
this.applyCommentTagValues(definition, tags);
|
|
2710
2689
|
var typeParameters = this.getTypeParameterDefinitions(entry.typeParameter);
|
|
2711
2690
|
if (typeParameters.length) {
|
|
@@ -2715,9 +2694,12 @@
|
|
|
2715
2694
|
};
|
|
2716
2695
|
SkyDocsTypeDocAdapterService.prototype.getSelector = function (entry) {
|
|
2717
2696
|
var decoratorSource = entry.decorators[0].arguments.obj;
|
|
2718
|
-
return
|
|
2719
|
-
? decoratorSource
|
|
2720
|
-
|
|
2697
|
+
return decoratorSource.indexOf('selector: `') > -1
|
|
2698
|
+
? decoratorSource
|
|
2699
|
+
.split('selector: `')[1]
|
|
2700
|
+
.split('`')[0]
|
|
2701
|
+
.replace(/\s\s+/g, ' ')
|
|
2702
|
+
: decoratorSource.split("selector: '")[1].split("'")[0];
|
|
2721
2703
|
};
|
|
2722
2704
|
SkyDocsTypeDocAdapterService.prototype.getClassProperties = function (entry) {
|
|
2723
2705
|
var _this = this;
|
|
@@ -2727,24 +2709,31 @@
|
|
|
2727
2709
|
var definitions = entry.children
|
|
2728
2710
|
.filter(function (child) { return child.kindString === 'Property' || child.kindString === 'Accessor'; })
|
|
2729
2711
|
.map(function (child) {
|
|
2730
|
-
var _a, _b, _c;
|
|
2712
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
2731
2713
|
var definition = {
|
|
2732
2714
|
isOptional: true,
|
|
2733
2715
|
name: _this.getPropertyName(child),
|
|
2734
|
-
type: _this.getTypeDefinition(child)
|
|
2716
|
+
type: _this.getTypeDefinition(child),
|
|
2735
2717
|
};
|
|
2736
2718
|
var defaultValue;
|
|
2737
2719
|
/* Ensure we are properly capturing definitions which use a getter/setter. Final check is a sanity check */
|
|
2738
|
-
if (child.kindString === 'Accessor' &&
|
|
2720
|
+
if (child.kindString === 'Accessor' &&
|
|
2721
|
+
!((_a = child.comment) === null || _a === void 0 ? void 0 : _a.shortText) &&
|
|
2722
|
+
(((_b = child.setSignature) === null || _b === void 0 ? void 0 : _b.length) > 0 || child.getSignature.length > 0)) {
|
|
2739
2723
|
var mainTags = _this.getCommentTags(child.comment);
|
|
2740
|
-
var getTags = _this.getCommentTags(child.getSignature[0].comment);
|
|
2741
2724
|
_this.applyCommentTagValues(definition, mainTags);
|
|
2742
|
-
|
|
2743
|
-
|
|
2725
|
+
if (((_c = child.getSignature) === null || _c === void 0 ? void 0 : _c.length) > 0) {
|
|
2726
|
+
var getTags = _this.getCommentTags(child.getSignature[0].comment);
|
|
2727
|
+
definition.isOptional = !getTags.extras.required;
|
|
2728
|
+
_this.applyCommentTagValues(definition, getTags);
|
|
2729
|
+
defaultValue = _this.getDefaultValue(child, getTags);
|
|
2730
|
+
}
|
|
2731
|
+
if (((_d = child.setSignature) === null || _d === void 0 ? void 0 : _d.length) > 0) {
|
|
2744
2732
|
var setTags = _this.getCommentTags(child.setSignature[0].comment);
|
|
2745
2733
|
_this.applyCommentTagValues(definition, setTags);
|
|
2746
|
-
definition.isOptional =
|
|
2747
|
-
|
|
2734
|
+
definition.isOptional =
|
|
2735
|
+
definition.isOptional && !setTags.extras.required;
|
|
2736
|
+
defaultValue = defaultValue || _this.getDefaultValue(child, setTags);
|
|
2748
2737
|
}
|
|
2749
2738
|
else {
|
|
2750
2739
|
definition.isOptional = !mainTags.extras.required;
|
|
@@ -2752,8 +2741,18 @@
|
|
|
2752
2741
|
}
|
|
2753
2742
|
}
|
|
2754
2743
|
else {
|
|
2755
|
-
var tags =
|
|
2756
|
-
|
|
2744
|
+
var tags = void 0;
|
|
2745
|
+
if (child.kindString === 'Property' &&
|
|
2746
|
+
!((_e = child.comment) === null || _e === void 0 ? void 0 : _e.shortText) &&
|
|
2747
|
+
((_g = (_f = child.type.declaration) === null || _f === void 0 ? void 0 : _f.signatures) === null || _g === void 0 ? void 0 : _g.length) > 0 &&
|
|
2748
|
+
child.type.declaration.signatures[0].comment) {
|
|
2749
|
+
tags = _this.getCommentTags(child.type.declaration.signatures[0].comment);
|
|
2750
|
+
definition.isOptional = !tags.extras.required;
|
|
2751
|
+
_this.applyCommentTagValues(definition, tags);
|
|
2752
|
+
}
|
|
2753
|
+
tags = _this.getCommentTags(child.comment);
|
|
2754
|
+
definition.isOptional =
|
|
2755
|
+
definition.isOptional && !tags.extras.required;
|
|
2757
2756
|
_this.applyCommentTagValues(definition, tags);
|
|
2758
2757
|
defaultValue = _this.getDefaultValue(child, tags);
|
|
2759
2758
|
}
|
|
@@ -2764,6 +2763,21 @@
|
|
|
2764
2763
|
if (decorator) {
|
|
2765
2764
|
definition.decorator = decorator;
|
|
2766
2765
|
}
|
|
2766
|
+
if (!definition.description) {
|
|
2767
|
+
var constructor = entry.children.find(function (child) { return child.kindString === 'Constructor'; });
|
|
2768
|
+
if (constructor) {
|
|
2769
|
+
var signature = constructor.signatures.find(function (signature) { return signature.kindString === 'Constructor signature'; });
|
|
2770
|
+
/* Sanity check */
|
|
2771
|
+
/* istanbul ignore else */
|
|
2772
|
+
if (signature) {
|
|
2773
|
+
var matchingParam = (_h = signature.parameters) === null || _h === void 0 ? void 0 : _h.find(function (parameter) { return parameter.name === child.name; });
|
|
2774
|
+
if (matchingParam) {
|
|
2775
|
+
var matchingParamTags = _this.getCommentTags(matchingParam.comment);
|
|
2776
|
+
_this.applyCommentTagValues(definition, matchingParamTags);
|
|
2777
|
+
}
|
|
2778
|
+
}
|
|
2779
|
+
}
|
|
2780
|
+
}
|
|
2767
2781
|
return definition;
|
|
2768
2782
|
});
|
|
2769
2783
|
return orderBy__default["default"](definitions, ['isOptional', 'name'], ['asc', 'asc']);
|
|
@@ -2778,7 +2792,7 @@
|
|
|
2778
2792
|
.map(function (child) {
|
|
2779
2793
|
var definition = {
|
|
2780
2794
|
name: _this.getPropertyName(child),
|
|
2781
|
-
type: _this.getTypeDefinition(child)
|
|
2795
|
+
type: _this.getTypeDefinition(child),
|
|
2782
2796
|
};
|
|
2783
2797
|
// Comments for methods are stored in a different location.
|
|
2784
2798
|
var comment = child.signatures[0].comment;
|
|
@@ -2800,11 +2814,17 @@
|
|
|
2800
2814
|
}
|
|
2801
2815
|
var definitions = ((_a = entry.children) === null || _a === void 0 ? void 0 : _a.map(function (child) {
|
|
2802
2816
|
var _a;
|
|
2803
|
-
var tags
|
|
2817
|
+
var tags;
|
|
2818
|
+
if (child.kindString === 'Method' && child.signatures.length > 0) {
|
|
2819
|
+
tags = _this.getCommentTags(child.signatures[0].comment);
|
|
2820
|
+
}
|
|
2821
|
+
else {
|
|
2822
|
+
tags = _this.getCommentTags(child.comment);
|
|
2823
|
+
}
|
|
2804
2824
|
var definition = {
|
|
2805
|
-
isOptional:
|
|
2825
|
+
isOptional: tags.extras.required ? false : !!((_a = child.flags) === null || _a === void 0 ? void 0 : _a.isOptional),
|
|
2806
2826
|
name: _this.getPropertyName(child),
|
|
2807
|
-
type: _this.getTypeDefinition(child)
|
|
2827
|
+
type: _this.getTypeDefinition(child),
|
|
2808
2828
|
};
|
|
2809
2829
|
_this.applyCommentTagValues(definition, tags);
|
|
2810
2830
|
return definition;
|
|
@@ -2817,8 +2837,8 @@
|
|
|
2817
2837
|
isOptional: true,
|
|
2818
2838
|
name: indexSignature.name,
|
|
2819
2839
|
type: {
|
|
2820
|
-
indexSignature: this.getIndexSignatureDefinition(indexSignature)
|
|
2821
|
-
}
|
|
2840
|
+
indexSignature: this.getIndexSignatureDefinition(indexSignature),
|
|
2841
|
+
},
|
|
2822
2842
|
};
|
|
2823
2843
|
var tags = this.getCommentTags(indexSignature.comment);
|
|
2824
2844
|
this.applyCommentTagValues(definition, tags);
|
|
@@ -2833,7 +2853,7 @@
|
|
|
2833
2853
|
}
|
|
2834
2854
|
return entry.children.map(function (child) {
|
|
2835
2855
|
var definition = {
|
|
2836
|
-
name: child.name
|
|
2856
|
+
name: child.name,
|
|
2837
2857
|
};
|
|
2838
2858
|
var tags = _this.getCommentTags(child.comment);
|
|
2839
2859
|
_this.applyCommentTagValues(definition, tags);
|
|
@@ -2854,13 +2874,13 @@
|
|
|
2854
2874
|
case 'Method':
|
|
2855
2875
|
definition = {
|
|
2856
2876
|
callSignature: this.getCallSignatureDefinition(child.signatures[0], this.getCommentTags(child.comment)),
|
|
2857
|
-
name: child.signatures[0].name
|
|
2877
|
+
name: child.signatures[0].name,
|
|
2858
2878
|
};
|
|
2859
2879
|
return definition;
|
|
2860
2880
|
default:
|
|
2861
2881
|
var name = child.type.name || ((_a = child.type.elementType) === null || _a === void 0 ? void 0 : _a.name) || child.type.value;
|
|
2862
2882
|
definition = {
|
|
2863
|
-
type: child.type.type
|
|
2883
|
+
type: child.type.type,
|
|
2864
2884
|
};
|
|
2865
2885
|
if (name) {
|
|
2866
2886
|
definition.name = name;
|
|
@@ -2879,13 +2899,14 @@
|
|
|
2879
2899
|
}
|
|
2880
2900
|
else if (declaration.indexSignature) {
|
|
2881
2901
|
var indexSignature = declaration.indexSignature;
|
|
2882
|
-
definition.indexSignature =
|
|
2883
|
-
|
|
2884
|
-
|
|
2902
|
+
definition.indexSignature =
|
|
2903
|
+
this.getIndexSignatureDefinition(indexSignature);
|
|
2904
|
+
} /* istanbul ignore else */
|
|
2905
|
+
else if (declaration.children) {
|
|
2885
2906
|
definition.typeLiteral = {
|
|
2886
2907
|
properties: this.getInterfaceProperties({
|
|
2887
|
-
children: declaration.children
|
|
2888
|
-
})
|
|
2908
|
+
children: declaration.children,
|
|
2909
|
+
}),
|
|
2889
2910
|
};
|
|
2890
2911
|
}
|
|
2891
2912
|
}
|
|
@@ -2912,7 +2933,7 @@
|
|
|
2912
2933
|
var parameter = {
|
|
2913
2934
|
isOptional: !!(defaultValue || !!((_a = p.flags) === null || _a === void 0 ? void 0 : _a.isOptional)),
|
|
2914
2935
|
name: p.name,
|
|
2915
|
-
type: _this.getTypeDefinition(p)
|
|
2936
|
+
type: _this.getTypeDefinition(p),
|
|
2916
2937
|
};
|
|
2917
2938
|
if (defaultValue !== undefined) {
|
|
2918
2939
|
parameter.defaultValue = defaultValue;
|
|
@@ -2938,7 +2959,7 @@
|
|
|
2938
2959
|
};
|
|
2939
2960
|
SkyDocsTypeDocAdapterService.prototype.getCallSignatureDefinition = function (callSignature, tags) {
|
|
2940
2961
|
var definition = {
|
|
2941
|
-
returnType: this.getTypeDefinition(callSignature)
|
|
2962
|
+
returnType: this.getTypeDefinition(callSignature),
|
|
2942
2963
|
};
|
|
2943
2964
|
var parameters = this.getParameterDefinitions(callSignature, tags);
|
|
2944
2965
|
if (parameters.length) {
|
|
@@ -2950,9 +2971,9 @@
|
|
|
2950
2971
|
return {
|
|
2951
2972
|
key: {
|
|
2952
2973
|
name: signature.parameters[0].name,
|
|
2953
|
-
type: this.getTypeDefinition(signature.parameters[0])
|
|
2974
|
+
type: this.getTypeDefinition(signature.parameters[0]),
|
|
2954
2975
|
},
|
|
2955
|
-
type: this.getTypeDefinition(signature)
|
|
2976
|
+
type: this.getTypeDefinition(signature),
|
|
2956
2977
|
};
|
|
2957
2978
|
};
|
|
2958
2979
|
SkyDocsTypeDocAdapterService.prototype.getTypeParameterDefinitions = function (typeParameters) {
|
|
@@ -2962,11 +2983,11 @@
|
|
|
2962
2983
|
}
|
|
2963
2984
|
return typeParameters.map(function (typeParam) {
|
|
2964
2985
|
var definition = {
|
|
2965
|
-
name: typeParam.name
|
|
2986
|
+
name: typeParam.name,
|
|
2966
2987
|
};
|
|
2967
2988
|
if (typeParam.type) {
|
|
2968
2989
|
definition.type = _this.getTypeDefinition({
|
|
2969
|
-
type: typeParam.type
|
|
2990
|
+
type: typeParam.type,
|
|
2970
2991
|
});
|
|
2971
2992
|
}
|
|
2972
2993
|
return definition;
|
|
@@ -3003,7 +3024,7 @@
|
|
|
3003
3024
|
parameters = parameters || [];
|
|
3004
3025
|
parameters.push({
|
|
3005
3026
|
name: tag.param,
|
|
3006
|
-
description: tag.text.trim()
|
|
3027
|
+
description: tag.text.trim(),
|
|
3007
3028
|
});
|
|
3008
3029
|
break;
|
|
3009
3030
|
default:
|
|
@@ -3021,7 +3042,7 @@
|
|
|
3021
3042
|
deprecationWarning: deprecationWarning,
|
|
3022
3043
|
description: description,
|
|
3023
3044
|
extras: extras,
|
|
3024
|
-
parameters: parameters
|
|
3045
|
+
parameters: parameters,
|
|
3025
3046
|
};
|
|
3026
3047
|
};
|
|
3027
3048
|
/**
|
|
@@ -3030,12 +3051,14 @@
|
|
|
3030
3051
|
SkyDocsTypeDocAdapterService.prototype.getParameterCommentTags = function (parameter, parentTags) {
|
|
3031
3052
|
var tags = this.getCommentTags(parameter.comment);
|
|
3032
3053
|
var paramTags = parentTags.parameters;
|
|
3033
|
-
var tagParam =
|
|
3054
|
+
var tagParam = paramTags
|
|
3055
|
+
? paramTags.find(function (param) { return param.name === parameter.name; })
|
|
3056
|
+
: undefined;
|
|
3034
3057
|
if (!tagParam || !tagParam.description) {
|
|
3035
3058
|
return tags;
|
|
3036
3059
|
}
|
|
3037
3060
|
return Object.assign(Object.assign({}, tags), {
|
|
3038
|
-
description: tagParam.description
|
|
3061
|
+
description: tagParam.description,
|
|
3039
3062
|
});
|
|
3040
3063
|
};
|
|
3041
3064
|
/**
|
|
@@ -3082,7 +3105,9 @@
|
|
|
3082
3105
|
};
|
|
3083
3106
|
SkyDocsTypeDocAdapterService.prototype.getAnchorId = function (entry) {
|
|
3084
3107
|
var _a;
|
|
3085
|
-
return entry.anchorId ||
|
|
3108
|
+
return (entry.anchorId ||
|
|
3109
|
+
((_a = this.typeDefinitionsProvider) === null || _a === void 0 ? void 0 : _a.anchorIds[entry.name]) ||
|
|
3110
|
+
'');
|
|
3086
3111
|
};
|
|
3087
3112
|
return SkyDocsTypeDocAdapterService;
|
|
3088
3113
|
}());
|
|
@@ -3091,7 +3116,7 @@
|
|
|
3091
3116
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsTypeDocAdapterService, decorators: [{
|
|
3092
3117
|
type: i0.Injectable,
|
|
3093
3118
|
args: [{
|
|
3094
|
-
providedIn: 'any'
|
|
3119
|
+
providedIn: 'any',
|
|
3095
3120
|
}]
|
|
3096
3121
|
}], ctorParameters: function () {
|
|
3097
3122
|
return [{ type: SkyDocsTypeDefinitionsProvider, decorators: [{
|
|
@@ -3117,9 +3142,9 @@
|
|
|
3117
3142
|
if (!sourceCodePath) {
|
|
3118
3143
|
throw new Error('The `sourceCodePath` parameter is required');
|
|
3119
3144
|
}
|
|
3120
|
-
var sourceCodePaths = additionalSourceCodePaths && additionalSourceCodePaths.length > 0
|
|
3121
|
-
[sourceCodePath].concat(additionalSourceCodePaths)
|
|
3122
|
-
[sourceCodePath];
|
|
3145
|
+
var sourceCodePaths = additionalSourceCodePaths && additionalSourceCodePaths.length > 0
|
|
3146
|
+
? [sourceCodePath].concat(additionalSourceCodePaths)
|
|
3147
|
+
: [sourceCodePath];
|
|
3123
3148
|
sourceCodePaths.forEach(function (path) {
|
|
3124
3149
|
if (!path.endsWith('/') && !path.endsWith('.ts')) {
|
|
3125
3150
|
throw new Error('Source code paths must end with a forward slash (`/`) or `.ts`.');
|
|
@@ -3134,7 +3159,7 @@
|
|
|
3134
3159
|
interfaces: [],
|
|
3135
3160
|
pipes: [],
|
|
3136
3161
|
services: [],
|
|
3137
|
-
typeAliases: []
|
|
3162
|
+
typeAliases: [],
|
|
3138
3163
|
};
|
|
3139
3164
|
if (!allDefinitions) {
|
|
3140
3165
|
console.warn("No types were found for this project!");
|
|
@@ -3196,7 +3221,7 @@
|
|
|
3196
3221
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsService, decorators: [{
|
|
3197
3222
|
type: i0.Injectable,
|
|
3198
3223
|
args: [{
|
|
3199
|
-
providedIn: 'any'
|
|
3224
|
+
providedIn: 'any',
|
|
3200
3225
|
}]
|
|
3201
3226
|
}], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }, { type: SkyDocsTypeDocAdapterService }]; } });
|
|
3202
3227
|
|
|
@@ -3215,13 +3240,13 @@
|
|
|
3215
3240
|
return SkyDocsDemoPageTypeDefinitionsComponent;
|
|
3216
3241
|
}());
|
|
3217
3242
|
SkyDocsDemoPageTypeDefinitionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageTypeDefinitionsComponent, deps: [{ token: SkyDocsTypeDefinitionsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3218
|
-
SkyDocsDemoPageTypeDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: { additionalSourceCodePaths: "additionalSourceCodePaths", moduleSourceCodePath: "moduleSourceCodePath" }, ngImport: i0__namespace, template: "<ng-template [ngIf]=\"types\">\n <sky-docs-demo-page-section
|
|
3243
|
+
SkyDocsDemoPageTypeDefinitionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: { additionalSourceCodePaths: "additionalSourceCodePaths", moduleSourceCodePath: "moduleSourceCodePath" }, ngImport: i0__namespace, template: "<ng-template [ngIf]=\"types\">\n <sky-docs-demo-page-section\n *ngIf=\"types.components.length\"\n heading=\"Components\"\n >\n <sky-docs-directive-definition\n *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\n *ngIf=\"types.directives.length\"\n heading=\"Directives\"\n >\n <sky-docs-directive-definition\n *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\" heading=\"Pipes\">\n <sky-docs-pipe-definition\n *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\" heading=\"Services\">\n <sky-docs-class-definition\n *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\" heading=\"Classes\">\n <sky-docs-class-definition\n *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\n *ngIf=\"types.interfaces.length\"\n heading=\"Interfaces\"\n >\n <sky-docs-interface-definition\n *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\n *ngIf=\"types.enumerations.length\"\n heading=\"Enumerations\"\n >\n <sky-docs-enumeration-definition\n *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\n *ngIf=\"types.typeAliases.length\"\n heading=\"Type aliases\"\n >\n <sky-docs-type-alias-definition\n *ngFor=\"let config of types.typeAliases\"\n [config]=\"config\"\n ></sky-docs-type-alias-definition>\n </sky-docs-demo-page-section>\n</ng-template>\n", components: [{ type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsDirectiveDefinitionComponent, selector: "sky-docs-directive-definition", inputs: ["config"] }, { type: SkyDocsPipeDefinitionComponent, selector: "sky-docs-pipe-definition", inputs: ["config"] }, { type: SkyDocsClassDefinitionComponent, selector: "sky-docs-class-definition", inputs: ["config"] }, { type: SkyDocsInterfaceDefinitionComponent, selector: "sky-docs-interface-definition", inputs: ["config"] }, { type: SkyDocsEnumerationDefinitionComponent, selector: "sky-docs-enumeration-definition", inputs: ["config"] }, { type: SkyDocsTypeAliasDefinitionComponent, selector: "sky-docs-type-alias-definition", inputs: ["config"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3219
3244
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageTypeDefinitionsComponent, decorators: [{
|
|
3220
3245
|
type: i0.Component,
|
|
3221
3246
|
args: [{
|
|
3222
3247
|
selector: 'sky-docs-demo-page-type-definitions',
|
|
3223
|
-
template: "<ng-template [ngIf]=\"types\">\n <sky-docs-demo-page-section
|
|
3224
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3248
|
+
template: "<ng-template [ngIf]=\"types\">\n <sky-docs-demo-page-section\n *ngIf=\"types.components.length\"\n heading=\"Components\"\n >\n <sky-docs-directive-definition\n *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\n *ngIf=\"types.directives.length\"\n heading=\"Directives\"\n >\n <sky-docs-directive-definition\n *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\" heading=\"Pipes\">\n <sky-docs-pipe-definition\n *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\" heading=\"Services\">\n <sky-docs-class-definition\n *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\" heading=\"Classes\">\n <sky-docs-class-definition\n *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\n *ngIf=\"types.interfaces.length\"\n heading=\"Interfaces\"\n >\n <sky-docs-interface-definition\n *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\n *ngIf=\"types.enumerations.length\"\n heading=\"Enumerations\"\n >\n <sky-docs-enumeration-definition\n *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\n *ngIf=\"types.typeAliases.length\"\n heading=\"Type aliases\"\n >\n <sky-docs-type-alias-definition\n *ngFor=\"let config of types.typeAliases\"\n [config]=\"config\"\n ></sky-docs-type-alias-definition>\n </sky-docs-demo-page-section>\n</ng-template>\n",
|
|
3249
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3225
3250
|
}]
|
|
3226
3251
|
}], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsService }]; }, propDecorators: { additionalSourceCodePaths: [{
|
|
3227
3252
|
type: i0.Input
|
|
@@ -3265,20 +3290,22 @@
|
|
|
3265
3290
|
this.supportalService
|
|
3266
3291
|
.getComponentsInfo()
|
|
3267
3292
|
.subscribe(function (results) {
|
|
3268
|
-
_this.sidebarRoutes = [
|
|
3293
|
+
_this.sidebarRoutes = [
|
|
3294
|
+
{
|
|
3269
3295
|
name: 'Components',
|
|
3270
3296
|
path: 'https://developer.blackbaud.com/skyux/components',
|
|
3271
3297
|
children: results.map(function (component) { return ({
|
|
3272
3298
|
name: component.name,
|
|
3273
|
-
path: _this.getPath(component.url, currentHostUrl)
|
|
3274
|
-
}); })
|
|
3275
|
-
}
|
|
3299
|
+
path: _this.getPath(component.url, currentHostUrl),
|
|
3300
|
+
}); }),
|
|
3301
|
+
},
|
|
3302
|
+
];
|
|
3276
3303
|
_this.changeDetector.markForCheck();
|
|
3277
3304
|
});
|
|
3278
3305
|
};
|
|
3279
3306
|
SkyDocsDemoPageComponent.prototype.ngAfterContentInit = function () {
|
|
3280
|
-
this.enableCodeExamples =
|
|
3281
|
-
this.enableTabLayout = !!
|
|
3307
|
+
this.enableCodeExamples = this.codeExampleComponents.length > 0;
|
|
3308
|
+
this.enableTabLayout = !!this.designGuidelinesComponent;
|
|
3282
3309
|
};
|
|
3283
3310
|
SkyDocsDemoPageComponent.prototype.ngAfterViewInit = function () {
|
|
3284
3311
|
var _this = this;
|
|
@@ -3296,7 +3323,7 @@
|
|
|
3296
3323
|
var fragment = anchorLink.href.split('#')[1];
|
|
3297
3324
|
_this.router.navigate([], {
|
|
3298
3325
|
fragment: fragment,
|
|
3299
|
-
queryParamsHandling: 'merge'
|
|
3326
|
+
queryParamsHandling: 'merge',
|
|
3300
3327
|
});
|
|
3301
3328
|
if (_this.activatedRoute.snapshot.fragment === fragment) {
|
|
3302
3329
|
_this.domAdapter.scrollToFragment(fragment);
|
|
@@ -3322,19 +3349,15 @@
|
|
|
3322
3349
|
return SkyDocsDemoPageComponent;
|
|
3323
3350
|
}());
|
|
3324
3351
|
SkyDocsDemoPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageComponent, deps: [{ token: i1__namespace$3.ActivatedRoute }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$3.Router }, { token: i2__namespace$5.SkyAppConfig }, { token: SkyDocsDemoPageDomAdapterService }, { token: SkyDocsSupportalService }, { token: SkyDocsDemoPageTitleService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3325
|
-
SkyDocsDemoPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoPageComponent, selector: "sky-docs-demo-page", inputs: { additionalSourceCodePaths: "additionalSourceCodePaths", gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", moduleSourceCodePath: "moduleSourceCodePath", packageName: "packageName", packageUrl: "packageUrl", pageTitle: "pageTitle" }, providers: [
|
|
3326
|
-
SkyDocsDemoPageDomAdapterService
|
|
3327
|
-
], queries: [{ propertyName: "designGuidelinesComponent", first: true, predicate: SkyDocsDesignGuidelinesComponent, descendants: true }, { propertyName: "codeExampleComponents", predicate: SkyDocsCodeExamplesComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page\">\n <stache\n layout=\"sidebar\"\n [pageTitle]=\"pageTitle\"\n [showBreadcrumbs]=\"false\"\n [showTableOfContents]=\"false\"\n [sidebarRoutes]=\"sidebarRoutes\"\n >\n <ng-content\n select=\"sky-docs-demo-page-summary\"\n ></ng-content>\n\n <ng-content\n select=\"sky-docs-demo\"\n ></ng-content>\n\n <div\n class=\"sky-docs-demo-page-main\"\n >\n <sky-tabset *ngIf=\"enableTabLayout else content\"\n permalinkId=\"docs\"\n >\n <sky-tab tabHeading=\"Design\">\n <ng-content\n select=\"sky-docs-design-guidelines\"\n ></ng-content>\n </sky-tab>\n\n <sky-tab tabHeading=\"Development\">\n <ng-container\n [ngTemplateOutlet]=\"content\"\n ></ng-container>\n </sky-tab>\n </sky-tabset>\n </div>\n </stache>\n</div>\n\n<ng-template #content>\n <sky-docs-demo-page-section *ngIf=\"moduleName\"\n heading=\"Installation\"\n >\n <sky-docs-module-info\n [gitRepoUrl]=\"gitRepoUrl\"\n [moduleName]=\"moduleName\"\n [packageName]=\"packageName\"\n [packageUrl]=\"packageUrl\"\n >\n <ng-content\n select=\"sky-docs-demo-page-module-info\"\n ></ng-content>\n </sky-docs-module-info>\n </sky-docs-demo-page-section>\n\n <ng-content></ng-content>\n\n <sky-docs-demo-page-type-definitions\n [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__namespace$1.λ30, selector: "stache", inputs: ["pageTitle", "windowTitle", "navTitle", "layout", "sidebarRoutes", "breadcrumbsRoutes", "showBreadcrumbs", "showEditButton", "showFooter", "showTableOfContents", "showBackToTop", "showInNav", "inPageRoutes"] }, { type: i4__namespace.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }, { type: i4__namespace.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndex"], outputs: ["close"] }, { type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: ["gitRepoUrl", "moduleName", "packageName", "packageUrl"] }, { type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: ["additionalSourceCodePaths", "moduleSourceCodePath"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3352
|
+
SkyDocsDemoPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDemoPageComponent, selector: "sky-docs-demo-page", inputs: { additionalSourceCodePaths: "additionalSourceCodePaths", gitRepoUrl: "gitRepoUrl", moduleName: "moduleName", moduleSourceCodePath: "moduleSourceCodePath", packageName: "packageName", packageUrl: "packageUrl", pageTitle: "pageTitle" }, providers: [SkyDocsDemoPageDomAdapterService], queries: [{ propertyName: "designGuidelinesComponent", first: true, predicate: SkyDocsDesignGuidelinesComponent, descendants: true }, { propertyName: "codeExampleComponents", predicate: SkyDocsCodeExamplesComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-demo-page\">\n <stache\n layout=\"sidebar\"\n [pageTitle]=\"pageTitle\"\n [showBreadcrumbs]=\"false\"\n [showTableOfContents]=\"false\"\n [sidebarRoutes]=\"sidebarRoutes\"\n >\n <ng-content select=\"sky-docs-demo-page-summary\"></ng-content>\n\n <ng-content select=\"sky-docs-demo\"></ng-content>\n\n <div class=\"sky-docs-demo-page-main\">\n <sky-tabset *ngIf=\"enableTabLayout; else content\" permalinkId=\"docs\">\n <sky-tab tabHeading=\"Design\">\n <ng-content select=\"sky-docs-design-guidelines\"></ng-content>\n </sky-tab>\n\n <sky-tab tabHeading=\"Development\">\n <ng-container [ngTemplateOutlet]=\"content\"></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\" heading=\"Installation\">\n <sky-docs-module-info\n [gitRepoUrl]=\"gitRepoUrl\"\n [moduleName]=\"moduleName\"\n [packageName]=\"packageName\"\n [packageUrl]=\"packageUrl\"\n >\n <ng-content select=\"sky-docs-demo-page-module-info\"></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\n *ngIf=\"enableCodeExamples\"\n heading=\"Code examples\"\n >\n <ng-content select=\"sky-docs-code-examples\"></ng-content>\n </sky-docs-demo-page-section>\n</ng-template>\n", styles: [".sky-docs-demo-page ::ng-deep p{margin:15px 0}.sky-docs-demo-page ::ng-deep .stache-max-width-container{max-width:none;margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-code-block{margin:15px 0;display:block}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-block{font-size:13.5px}.sky-docs-demo-page ::ng-deep .sky-docs-code-block .sky-code-output{margin:-2px 0 0;padding:0 0 0 15px;background:transparent;border:0}.sky-docs-demo-page ::ng-deep .sky-definition-list{margin:0}.sky-docs-demo-page ::ng-deep .sky-definition-list .sky-docs-code-block{margin:0}.sky-docs-demo-page ::ng-deep .sky-docs-type-definition-wrapper{margin-bottom:40px}.sky-docs-demo-page-main{padding:30px 0}.sky-docs-demo-page-main table{margin-top:15px;margin-bottom:15px}.sky-docs-demo-page-main ::ng-deep .sky-tabset{margin-left:-45px;margin-right:-45px;padding-left:45px;padding-right:45px}\n"], components: [{ type: i6__namespace$1.λ30, selector: "stache", inputs: ["pageTitle", "windowTitle", "navTitle", "layout", "sidebarRoutes", "breadcrumbsRoutes", "showBreadcrumbs", "showEditButton", "showFooter", "showTableOfContents", "showBackToTop", "showInNav", "inPageRoutes"] }, { type: i4__namespace.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }, { type: i4__namespace.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndex"], outputs: ["close"] }, { type: SkyDocsDemoPageSectionComponent, selector: "sky-docs-demo-page-section", inputs: ["heading"] }, { type: SkyDocsModuleInfoComponent, selector: "sky-docs-module-info", inputs: ["gitRepoUrl", "moduleName", "packageName", "packageUrl"] }, { type: SkyDocsDemoPageTypeDefinitionsComponent, selector: "sky-docs-demo-page-type-definitions", inputs: ["additionalSourceCodePaths", "moduleSourceCodePath"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3328
3353
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageComponent, decorators: [{
|
|
3329
3354
|
type: i0.Component,
|
|
3330
3355
|
args: [{
|
|
3331
3356
|
selector: 'sky-docs-demo-page',
|
|
3332
|
-
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
|
|
3357
|
+
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 select=\"sky-docs-demo-page-summary\"></ng-content>\n\n <ng-content select=\"sky-docs-demo\"></ng-content>\n\n <div class=\"sky-docs-demo-page-main\">\n <sky-tabset *ngIf=\"enableTabLayout; else content\" permalinkId=\"docs\">\n <sky-tab tabHeading=\"Design\">\n <ng-content select=\"sky-docs-design-guidelines\"></ng-content>\n </sky-tab>\n\n <sky-tab tabHeading=\"Development\">\n <ng-container [ngTemplateOutlet]=\"content\"></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\" heading=\"Installation\">\n <sky-docs-module-info\n [gitRepoUrl]=\"gitRepoUrl\"\n [moduleName]=\"moduleName\"\n [packageName]=\"packageName\"\n [packageUrl]=\"packageUrl\"\n >\n <ng-content select=\"sky-docs-demo-page-module-info\"></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\n *ngIf=\"enableCodeExamples\"\n heading=\"Code examples\"\n >\n <ng-content select=\"sky-docs-code-examples\"></ng-content>\n </sky-docs-demo-page-section>\n</ng-template>\n",
|
|
3333
3358
|
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"],
|
|
3334
|
-
providers: [
|
|
3335
|
-
|
|
3336
|
-
],
|
|
3337
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3359
|
+
providers: [SkyDocsDemoPageDomAdapterService],
|
|
3360
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3338
3361
|
}]
|
|
3339
3362
|
}], ctorParameters: function () { return [{ type: i1__namespace$3.ActivatedRoute }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$3.Router }, { type: i2__namespace$5.SkyAppConfig }, { type: SkyDocsDemoPageDomAdapterService }, { type: SkyDocsSupportalService }, { type: SkyDocsDemoPageTitleService }]; }, propDecorators: { additionalSourceCodePaths: [{
|
|
3340
3363
|
type: i0.Input
|
|
@@ -3369,7 +3392,7 @@
|
|
|
3369
3392
|
type: i0.Component,
|
|
3370
3393
|
args: [{
|
|
3371
3394
|
selector: 'sky-docs-demo-page-module-info',
|
|
3372
|
-
template: '<ng-content></ng-content>'
|
|
3395
|
+
template: '<ng-content></ng-content>',
|
|
3373
3396
|
}]
|
|
3374
3397
|
}] });
|
|
3375
3398
|
|
|
@@ -3411,7 +3434,7 @@
|
|
|
3411
3434
|
SkyDocsTypeDefinitionsModule,
|
|
3412
3435
|
i4.SkyTabsModule,
|
|
3413
3436
|
i6$1.StachePageSummaryModule,
|
|
3414
|
-
i6$1.StacheWrapperModule
|
|
3437
|
+
i6$1.StacheWrapperModule,
|
|
3415
3438
|
]] });
|
|
3416
3439
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageModule, decorators: [{
|
|
3417
3440
|
type: i0.NgModule,
|
|
@@ -3428,22 +3451,22 @@
|
|
|
3428
3451
|
SkyDocsTypeDefinitionsModule,
|
|
3429
3452
|
i4.SkyTabsModule,
|
|
3430
3453
|
i6$1.StachePageSummaryModule,
|
|
3431
|
-
i6$1.StacheWrapperModule
|
|
3454
|
+
i6$1.StacheWrapperModule,
|
|
3432
3455
|
],
|
|
3433
3456
|
declarations: [
|
|
3434
3457
|
SkyDocsDemoPageComponent,
|
|
3435
3458
|
SkyDocsDemoPageModuleInfoComponent,
|
|
3436
3459
|
SkyDocsDemoPageSectionComponent,
|
|
3437
3460
|
SkyDocsDemoPageSummaryComponent,
|
|
3438
|
-
SkyDocsDemoPageTypeDefinitionsComponent
|
|
3461
|
+
SkyDocsDemoPageTypeDefinitionsComponent,
|
|
3439
3462
|
],
|
|
3440
3463
|
exports: [
|
|
3441
3464
|
SkyDocsDemoPageComponent,
|
|
3442
3465
|
SkyDocsDemoPageModuleInfoComponent,
|
|
3443
3466
|
SkyDocsDemoPageSectionComponent,
|
|
3444
3467
|
SkyDocsDemoPageSummaryComponent,
|
|
3445
|
-
SkyDocsDemoPageTypeDefinitionsComponent
|
|
3446
|
-
]
|
|
3468
|
+
SkyDocsDemoPageTypeDefinitionsComponent,
|
|
3469
|
+
],
|
|
3447
3470
|
}]
|
|
3448
3471
|
}] });
|
|
3449
3472
|
|
|
@@ -3454,14 +3477,14 @@
|
|
|
3454
3477
|
return SkyDocsThumbnailComponent;
|
|
3455
3478
|
}());
|
|
3456
3479
|
SkyDocsThumbnailComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3457
|
-
SkyDocsThumbnailComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsThumbnailComponent, selector: "sky-docs-thumbnail", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", videoSource: "videoSource" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-thumbnail\">\n <sky-image
|
|
3480
|
+
SkyDocsThumbnailComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsThumbnailComponent, selector: "sky-docs-thumbnail", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", videoSource: "videoSource" }, ngImport: i0__namespace, template: "<div class=\"sky-docs-thumbnail\">\n <sky-image\n *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\n *ngIf=\"videoSource\"\n class=\"sky-docs-video\"\n [ngClass]=\"{\n 'sky-docs-video-border': showBorder\n }\"\n >\n <video controls>\n <source [attr.src]=\"videoSource\" type=\"video/mp4\" />\n </video>\n </div>\n</div>\n", styles: [".sky-docs-thumbnail{margin-bottom:50px}.sky-docs-video video{max-width:100%}.sky-docs-video-border video{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4}\n"], components: [{ type: i2__namespace$2.λ4, selector: "sky-image", inputs: ["caption", "captionType", "imageAlt", "imageSource", "showBorder", "showCaptionPrefix"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3458
3481
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailComponent, decorators: [{
|
|
3459
3482
|
type: i0.Component,
|
|
3460
3483
|
args: [{
|
|
3461
3484
|
selector: 'sky-docs-thumbnail',
|
|
3462
|
-
template: "<div class=\"sky-docs-thumbnail\">\n <sky-image
|
|
3485
|
+
template: "<div class=\"sky-docs-thumbnail\">\n <sky-image\n *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\n *ngIf=\"videoSource\"\n class=\"sky-docs-video\"\n [ngClass]=\"{\n 'sky-docs-video-border': showBorder\n }\"\n >\n <video controls>\n <source [attr.src]=\"videoSource\" type=\"video/mp4\" />\n </video>\n </div>\n</div>\n",
|
|
3463
3486
|
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"],
|
|
3464
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3487
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3465
3488
|
}]
|
|
3466
3489
|
}], propDecorators: { caption: [{
|
|
3467
3490
|
type: i0.Input
|
|
@@ -3483,25 +3506,14 @@
|
|
|
3483
3506
|
return SkyDocsThumbnailModule;
|
|
3484
3507
|
}());
|
|
3485
3508
|
SkyDocsThumbnailModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3486
|
-
SkyDocsThumbnailModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailModule, declarations: [SkyDocsThumbnailComponent], imports: [i2.CommonModule,
|
|
3487
|
-
|
|
3488
|
-
SkyDocsThumbnailModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailModule, imports: [[
|
|
3489
|
-
i2.CommonModule,
|
|
3490
|
-
i2$2.SkyImageModule
|
|
3491
|
-
]] });
|
|
3509
|
+
SkyDocsThumbnailModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailModule, declarations: [SkyDocsThumbnailComponent], imports: [i2.CommonModule, i2$2.SkyImageModule], exports: [SkyDocsThumbnailComponent] });
|
|
3510
|
+
SkyDocsThumbnailModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailModule, imports: [[i2.CommonModule, i2$2.SkyImageModule]] });
|
|
3492
3511
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailModule, decorators: [{
|
|
3493
3512
|
type: i0.NgModule,
|
|
3494
3513
|
args: [{
|
|
3495
|
-
imports: [
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
],
|
|
3499
|
-
exports: [
|
|
3500
|
-
SkyDocsThumbnailComponent
|
|
3501
|
-
],
|
|
3502
|
-
declarations: [
|
|
3503
|
-
SkyDocsThumbnailComponent
|
|
3504
|
-
]
|
|
3514
|
+
imports: [i2.CommonModule, i2$2.SkyImageModule],
|
|
3515
|
+
exports: [SkyDocsThumbnailComponent],
|
|
3516
|
+
declarations: [SkyDocsThumbnailComponent],
|
|
3505
3517
|
}]
|
|
3506
3518
|
}] });
|
|
3507
3519
|
|
|
@@ -3519,7 +3531,7 @@
|
|
|
3519
3531
|
selector: 'sky-docs-design-guideline-thumbnail',
|
|
3520
3532
|
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",
|
|
3521
3533
|
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"],
|
|
3522
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3534
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3523
3535
|
}]
|
|
3524
3536
|
}], propDecorators: { caption: [{
|
|
3525
3537
|
type: i0.Input
|
|
@@ -3555,14 +3567,14 @@
|
|
|
3555
3567
|
return SkyDocsDesignGuidelineComponent;
|
|
3556
3568
|
}());
|
|
3557
3569
|
SkyDocsDesignGuidelineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3558
|
-
SkyDocsDesignGuidelineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDesignGuidelineComponent, selector: "sky-docs-design-guideline", inputs: { heading: "heading", headingStyle: "headingStyle" }, queries: [{ propertyName: "thumbnails", predicate: SkyDocsDesignGuidelineThumbnailComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-design-guideline\">\n <h3
|
|
3570
|
+
SkyDocsDesignGuidelineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDocsDesignGuidelineComponent, selector: "sky-docs-design-guideline", inputs: { heading: "heading", headingStyle: "headingStyle" }, queries: [{ propertyName: "thumbnails", predicate: SkyDocsDesignGuidelineThumbnailComponent }], ngImport: i0__namespace, template: "<div class=\"sky-docs-design-guideline\">\n <h3\n *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 screenSmall=\"6\" screenMedium=\"5\" screenLarge=\"4\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </sky-column>\n <sky-column screenSmall=\"6\" screenMedium=\"7\" screenLarge=\"8\">\n <div class=\"sky-docs-design-guideline-thumbnails\">\n <ng-container *ngTemplateOutlet=\"thumbnails\"></ng-container>\n </div>\n </sky-column>\n </sky-row>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #thumbnails>\n <ng-content select=\"sky-docs-design-guideline-thumbnail\"></ng-content>\n</ng-template>\n", styles: [".sky-docs-design-guideline-heading{line-height:1.1;font-family:\"BLKB Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#212327;margin:30px 0 15px;font-size:19px;font-weight:400}.sky-docs-design-guideline-thumbnails{display:flex;flex-wrap:wrap}.sky-docs-design-guideline-thumbnails ::ng-deep sky-docs-design-guideline-thumbnail:first-child{padding-right:20px}\n"], components: [{ type: i2__namespace$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2__namespace$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3559
3571
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelineComponent, decorators: [{
|
|
3560
3572
|
type: i0.Component,
|
|
3561
3573
|
args: [{
|
|
3562
3574
|
selector: 'sky-docs-design-guideline',
|
|
3563
|
-
template: "<div class=\"sky-docs-design-guideline\">\n <h3
|
|
3575
|
+
template: "<div class=\"sky-docs-design-guideline\">\n <h3\n *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 screenSmall=\"6\" screenMedium=\"5\" screenLarge=\"4\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </sky-column>\n <sky-column screenSmall=\"6\" screenMedium=\"7\" screenLarge=\"8\">\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",
|
|
3564
3576
|
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"],
|
|
3565
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3577
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3566
3578
|
}]
|
|
3567
3579
|
}], propDecorators: { heading: [{
|
|
3568
3580
|
type: i0.Input
|
|
@@ -3581,34 +3593,24 @@
|
|
|
3581
3593
|
SkyDocsDesignGuidelinesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3582
3594
|
SkyDocsDesignGuidelinesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, declarations: [SkyDocsDesignGuidelineComponent,
|
|
3583
3595
|
SkyDocsDesignGuidelineThumbnailComponent,
|
|
3584
|
-
SkyDocsDesignGuidelinesComponent], imports: [i2.CommonModule,
|
|
3585
|
-
SkyDocsThumbnailModule,
|
|
3586
|
-
i2$1.SkyFluidGridModule], exports: [SkyDocsDesignGuidelineComponent,
|
|
3596
|
+
SkyDocsDesignGuidelinesComponent], imports: [i2.CommonModule, SkyDocsThumbnailModule, i2$1.SkyFluidGridModule], exports: [SkyDocsDesignGuidelineComponent,
|
|
3587
3597
|
SkyDocsDesignGuidelineThumbnailComponent,
|
|
3588
3598
|
SkyDocsDesignGuidelinesComponent] });
|
|
3589
|
-
SkyDocsDesignGuidelinesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, imports: [[
|
|
3590
|
-
i2.CommonModule,
|
|
3591
|
-
SkyDocsThumbnailModule,
|
|
3592
|
-
i2$1.SkyFluidGridModule
|
|
3593
|
-
]] });
|
|
3599
|
+
SkyDocsDesignGuidelinesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, imports: [[i2.CommonModule, SkyDocsThumbnailModule, i2$1.SkyFluidGridModule]] });
|
|
3594
3600
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, decorators: [{
|
|
3595
3601
|
type: i0.NgModule,
|
|
3596
3602
|
args: [{
|
|
3597
|
-
imports: [
|
|
3598
|
-
i2.CommonModule,
|
|
3599
|
-
SkyDocsThumbnailModule,
|
|
3600
|
-
i2$1.SkyFluidGridModule
|
|
3601
|
-
],
|
|
3603
|
+
imports: [i2.CommonModule, SkyDocsThumbnailModule, i2$1.SkyFluidGridModule],
|
|
3602
3604
|
declarations: [
|
|
3603
3605
|
SkyDocsDesignGuidelineComponent,
|
|
3604
3606
|
SkyDocsDesignGuidelineThumbnailComponent,
|
|
3605
|
-
SkyDocsDesignGuidelinesComponent
|
|
3607
|
+
SkyDocsDesignGuidelinesComponent,
|
|
3606
3608
|
],
|
|
3607
3609
|
exports: [
|
|
3608
3610
|
SkyDocsDesignGuidelineComponent,
|
|
3609
3611
|
SkyDocsDesignGuidelineThumbnailComponent,
|
|
3610
|
-
SkyDocsDesignGuidelinesComponent
|
|
3611
|
-
]
|
|
3612
|
+
SkyDocsDesignGuidelinesComponent,
|
|
3613
|
+
],
|
|
3612
3614
|
}]
|
|
3613
3615
|
}] });
|
|
3614
3616
|
|
|
@@ -3642,8 +3644,8 @@
|
|
|
3642
3644
|
SkyDocsCodeExamplesModule,
|
|
3643
3645
|
SkyDocsDemoModule,
|
|
3644
3646
|
SkyDocsDemoPageModule,
|
|
3645
|
-
SkyDocsDesignGuidelinesModule
|
|
3646
|
-
]
|
|
3647
|
+
SkyDocsDesignGuidelinesModule,
|
|
3648
|
+
],
|
|
3647
3649
|
}]
|
|
3648
3650
|
}] });
|
|
3649
3651
|
|