@skyux/docs-tools 5.0.0-beta.10 → 5.0.0-beta.11
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 +332 -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 +95 -61
- package/esm2015/modules/type-definitions/typedoc-types.js +1 -1
- package/esm2015/public-api.js +1 -1
- package/fesm2015/skyux-docs-tools.js +336 -349
- package/fesm2015/skyux-docs-tools.js.map +1 -1
- package/modules/type-definitions/typedoc-types.d.ts +3 -1
- 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
|
|
590
|
+
i4.SkyVerticalTabsetModule,
|
|
594
591
|
],
|
|
595
|
-
declarations: [
|
|
596
|
-
|
|
597
|
-
SkyDocsCodeExamplesComponent
|
|
598
|
-
],
|
|
599
|
-
exports: [
|
|
600
|
-
SkyDocsCodeExampleComponent,
|
|
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
|
|
1521
|
+
i5.SkyPopoverModule,
|
|
1549
1522
|
],
|
|
1550
|
-
declarations: [
|
|
1551
|
-
|
|
1552
|
-
],
|
|
1553
|
-
exports: [
|
|
1554
|
-
SkyDocsModuleInfoComponent
|
|
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;
|
|
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
|
}
|
|
@@ -2778,7 +2777,7 @@
|
|
|
2778
2777
|
.map(function (child) {
|
|
2779
2778
|
var definition = {
|
|
2780
2779
|
name: _this.getPropertyName(child),
|
|
2781
|
-
type: _this.getTypeDefinition(child)
|
|
2780
|
+
type: _this.getTypeDefinition(child),
|
|
2782
2781
|
};
|
|
2783
2782
|
// Comments for methods are stored in a different location.
|
|
2784
2783
|
var comment = child.signatures[0].comment;
|
|
@@ -2800,11 +2799,17 @@
|
|
|
2800
2799
|
}
|
|
2801
2800
|
var definitions = ((_a = entry.children) === null || _a === void 0 ? void 0 : _a.map(function (child) {
|
|
2802
2801
|
var _a;
|
|
2803
|
-
var tags
|
|
2802
|
+
var tags;
|
|
2803
|
+
if (child.kindString === 'Method' && child.signatures.length > 0) {
|
|
2804
|
+
tags = _this.getCommentTags(child.signatures[0].comment);
|
|
2805
|
+
}
|
|
2806
|
+
else {
|
|
2807
|
+
tags = _this.getCommentTags(child.comment);
|
|
2808
|
+
}
|
|
2804
2809
|
var definition = {
|
|
2805
|
-
isOptional:
|
|
2810
|
+
isOptional: tags.extras.required ? false : !!((_a = child.flags) === null || _a === void 0 ? void 0 : _a.isOptional),
|
|
2806
2811
|
name: _this.getPropertyName(child),
|
|
2807
|
-
type: _this.getTypeDefinition(child)
|
|
2812
|
+
type: _this.getTypeDefinition(child),
|
|
2808
2813
|
};
|
|
2809
2814
|
_this.applyCommentTagValues(definition, tags);
|
|
2810
2815
|
return definition;
|
|
@@ -2817,8 +2822,8 @@
|
|
|
2817
2822
|
isOptional: true,
|
|
2818
2823
|
name: indexSignature.name,
|
|
2819
2824
|
type: {
|
|
2820
|
-
indexSignature: this.getIndexSignatureDefinition(indexSignature)
|
|
2821
|
-
}
|
|
2825
|
+
indexSignature: this.getIndexSignatureDefinition(indexSignature),
|
|
2826
|
+
},
|
|
2822
2827
|
};
|
|
2823
2828
|
var tags = this.getCommentTags(indexSignature.comment);
|
|
2824
2829
|
this.applyCommentTagValues(definition, tags);
|
|
@@ -2833,7 +2838,7 @@
|
|
|
2833
2838
|
}
|
|
2834
2839
|
return entry.children.map(function (child) {
|
|
2835
2840
|
var definition = {
|
|
2836
|
-
name: child.name
|
|
2841
|
+
name: child.name,
|
|
2837
2842
|
};
|
|
2838
2843
|
var tags = _this.getCommentTags(child.comment);
|
|
2839
2844
|
_this.applyCommentTagValues(definition, tags);
|
|
@@ -2854,13 +2859,13 @@
|
|
|
2854
2859
|
case 'Method':
|
|
2855
2860
|
definition = {
|
|
2856
2861
|
callSignature: this.getCallSignatureDefinition(child.signatures[0], this.getCommentTags(child.comment)),
|
|
2857
|
-
name: child.signatures[0].name
|
|
2862
|
+
name: child.signatures[0].name,
|
|
2858
2863
|
};
|
|
2859
2864
|
return definition;
|
|
2860
2865
|
default:
|
|
2861
2866
|
var name = child.type.name || ((_a = child.type.elementType) === null || _a === void 0 ? void 0 : _a.name) || child.type.value;
|
|
2862
2867
|
definition = {
|
|
2863
|
-
type: child.type.type
|
|
2868
|
+
type: child.type.type,
|
|
2864
2869
|
};
|
|
2865
2870
|
if (name) {
|
|
2866
2871
|
definition.name = name;
|
|
@@ -2879,13 +2884,14 @@
|
|
|
2879
2884
|
}
|
|
2880
2885
|
else if (declaration.indexSignature) {
|
|
2881
2886
|
var indexSignature = declaration.indexSignature;
|
|
2882
|
-
definition.indexSignature =
|
|
2883
|
-
|
|
2884
|
-
|
|
2887
|
+
definition.indexSignature =
|
|
2888
|
+
this.getIndexSignatureDefinition(indexSignature);
|
|
2889
|
+
} /* istanbul ignore else */
|
|
2890
|
+
else if (declaration.children) {
|
|
2885
2891
|
definition.typeLiteral = {
|
|
2886
2892
|
properties: this.getInterfaceProperties({
|
|
2887
|
-
children: declaration.children
|
|
2888
|
-
})
|
|
2893
|
+
children: declaration.children,
|
|
2894
|
+
}),
|
|
2889
2895
|
};
|
|
2890
2896
|
}
|
|
2891
2897
|
}
|
|
@@ -2912,7 +2918,7 @@
|
|
|
2912
2918
|
var parameter = {
|
|
2913
2919
|
isOptional: !!(defaultValue || !!((_a = p.flags) === null || _a === void 0 ? void 0 : _a.isOptional)),
|
|
2914
2920
|
name: p.name,
|
|
2915
|
-
type: _this.getTypeDefinition(p)
|
|
2921
|
+
type: _this.getTypeDefinition(p),
|
|
2916
2922
|
};
|
|
2917
2923
|
if (defaultValue !== undefined) {
|
|
2918
2924
|
parameter.defaultValue = defaultValue;
|
|
@@ -2938,7 +2944,7 @@
|
|
|
2938
2944
|
};
|
|
2939
2945
|
SkyDocsTypeDocAdapterService.prototype.getCallSignatureDefinition = function (callSignature, tags) {
|
|
2940
2946
|
var definition = {
|
|
2941
|
-
returnType: this.getTypeDefinition(callSignature)
|
|
2947
|
+
returnType: this.getTypeDefinition(callSignature),
|
|
2942
2948
|
};
|
|
2943
2949
|
var parameters = this.getParameterDefinitions(callSignature, tags);
|
|
2944
2950
|
if (parameters.length) {
|
|
@@ -2950,9 +2956,9 @@
|
|
|
2950
2956
|
return {
|
|
2951
2957
|
key: {
|
|
2952
2958
|
name: signature.parameters[0].name,
|
|
2953
|
-
type: this.getTypeDefinition(signature.parameters[0])
|
|
2959
|
+
type: this.getTypeDefinition(signature.parameters[0]),
|
|
2954
2960
|
},
|
|
2955
|
-
type: this.getTypeDefinition(signature)
|
|
2961
|
+
type: this.getTypeDefinition(signature),
|
|
2956
2962
|
};
|
|
2957
2963
|
};
|
|
2958
2964
|
SkyDocsTypeDocAdapterService.prototype.getTypeParameterDefinitions = function (typeParameters) {
|
|
@@ -2962,11 +2968,11 @@
|
|
|
2962
2968
|
}
|
|
2963
2969
|
return typeParameters.map(function (typeParam) {
|
|
2964
2970
|
var definition = {
|
|
2965
|
-
name: typeParam.name
|
|
2971
|
+
name: typeParam.name,
|
|
2966
2972
|
};
|
|
2967
2973
|
if (typeParam.type) {
|
|
2968
2974
|
definition.type = _this.getTypeDefinition({
|
|
2969
|
-
type: typeParam.type
|
|
2975
|
+
type: typeParam.type,
|
|
2970
2976
|
});
|
|
2971
2977
|
}
|
|
2972
2978
|
return definition;
|
|
@@ -3003,7 +3009,7 @@
|
|
|
3003
3009
|
parameters = parameters || [];
|
|
3004
3010
|
parameters.push({
|
|
3005
3011
|
name: tag.param,
|
|
3006
|
-
description: tag.text.trim()
|
|
3012
|
+
description: tag.text.trim(),
|
|
3007
3013
|
});
|
|
3008
3014
|
break;
|
|
3009
3015
|
default:
|
|
@@ -3021,7 +3027,7 @@
|
|
|
3021
3027
|
deprecationWarning: deprecationWarning,
|
|
3022
3028
|
description: description,
|
|
3023
3029
|
extras: extras,
|
|
3024
|
-
parameters: parameters
|
|
3030
|
+
parameters: parameters,
|
|
3025
3031
|
};
|
|
3026
3032
|
};
|
|
3027
3033
|
/**
|
|
@@ -3030,12 +3036,14 @@
|
|
|
3030
3036
|
SkyDocsTypeDocAdapterService.prototype.getParameterCommentTags = function (parameter, parentTags) {
|
|
3031
3037
|
var tags = this.getCommentTags(parameter.comment);
|
|
3032
3038
|
var paramTags = parentTags.parameters;
|
|
3033
|
-
var tagParam =
|
|
3039
|
+
var tagParam = paramTags
|
|
3040
|
+
? paramTags.find(function (param) { return param.name === parameter.name; })
|
|
3041
|
+
: undefined;
|
|
3034
3042
|
if (!tagParam || !tagParam.description) {
|
|
3035
3043
|
return tags;
|
|
3036
3044
|
}
|
|
3037
3045
|
return Object.assign(Object.assign({}, tags), {
|
|
3038
|
-
description: tagParam.description
|
|
3046
|
+
description: tagParam.description,
|
|
3039
3047
|
});
|
|
3040
3048
|
};
|
|
3041
3049
|
/**
|
|
@@ -3082,7 +3090,9 @@
|
|
|
3082
3090
|
};
|
|
3083
3091
|
SkyDocsTypeDocAdapterService.prototype.getAnchorId = function (entry) {
|
|
3084
3092
|
var _a;
|
|
3085
|
-
return entry.anchorId ||
|
|
3093
|
+
return (entry.anchorId ||
|
|
3094
|
+
((_a = this.typeDefinitionsProvider) === null || _a === void 0 ? void 0 : _a.anchorIds[entry.name]) ||
|
|
3095
|
+
'');
|
|
3086
3096
|
};
|
|
3087
3097
|
return SkyDocsTypeDocAdapterService;
|
|
3088
3098
|
}());
|
|
@@ -3091,7 +3101,7 @@
|
|
|
3091
3101
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsTypeDocAdapterService, decorators: [{
|
|
3092
3102
|
type: i0.Injectable,
|
|
3093
3103
|
args: [{
|
|
3094
|
-
providedIn: 'any'
|
|
3104
|
+
providedIn: 'any',
|
|
3095
3105
|
}]
|
|
3096
3106
|
}], ctorParameters: function () {
|
|
3097
3107
|
return [{ type: SkyDocsTypeDefinitionsProvider, decorators: [{
|
|
@@ -3117,9 +3127,9 @@
|
|
|
3117
3127
|
if (!sourceCodePath) {
|
|
3118
3128
|
throw new Error('The `sourceCodePath` parameter is required');
|
|
3119
3129
|
}
|
|
3120
|
-
var sourceCodePaths = additionalSourceCodePaths && additionalSourceCodePaths.length > 0
|
|
3121
|
-
[sourceCodePath].concat(additionalSourceCodePaths)
|
|
3122
|
-
[sourceCodePath];
|
|
3130
|
+
var sourceCodePaths = additionalSourceCodePaths && additionalSourceCodePaths.length > 0
|
|
3131
|
+
? [sourceCodePath].concat(additionalSourceCodePaths)
|
|
3132
|
+
: [sourceCodePath];
|
|
3123
3133
|
sourceCodePaths.forEach(function (path) {
|
|
3124
3134
|
if (!path.endsWith('/') && !path.endsWith('.ts')) {
|
|
3125
3135
|
throw new Error('Source code paths must end with a forward slash (`/`) or `.ts`.');
|
|
@@ -3134,7 +3144,7 @@
|
|
|
3134
3144
|
interfaces: [],
|
|
3135
3145
|
pipes: [],
|
|
3136
3146
|
services: [],
|
|
3137
|
-
typeAliases: []
|
|
3147
|
+
typeAliases: [],
|
|
3138
3148
|
};
|
|
3139
3149
|
if (!allDefinitions) {
|
|
3140
3150
|
console.warn("No types were found for this project!");
|
|
@@ -3196,7 +3206,7 @@
|
|
|
3196
3206
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsTypeDefinitionsService, decorators: [{
|
|
3197
3207
|
type: i0.Injectable,
|
|
3198
3208
|
args: [{
|
|
3199
|
-
providedIn: 'any'
|
|
3209
|
+
providedIn: 'any',
|
|
3200
3210
|
}]
|
|
3201
3211
|
}], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsProvider }, { type: SkyDocsTypeDocAdapterService }]; } });
|
|
3202
3212
|
|
|
@@ -3215,13 +3225,13 @@
|
|
|
3215
3225
|
return SkyDocsDemoPageTypeDefinitionsComponent;
|
|
3216
3226
|
}());
|
|
3217
3227
|
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
|
|
3228
|
+
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
3229
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageTypeDefinitionsComponent, decorators: [{
|
|
3220
3230
|
type: i0.Component,
|
|
3221
3231
|
args: [{
|
|
3222
3232
|
selector: 'sky-docs-demo-page-type-definitions',
|
|
3223
|
-
template: "<ng-template [ngIf]=\"types\">\n <sky-docs-demo-page-section
|
|
3224
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3233
|
+
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",
|
|
3234
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3225
3235
|
}]
|
|
3226
3236
|
}], ctorParameters: function () { return [{ type: SkyDocsTypeDefinitionsService }]; }, propDecorators: { additionalSourceCodePaths: [{
|
|
3227
3237
|
type: i0.Input
|
|
@@ -3265,20 +3275,22 @@
|
|
|
3265
3275
|
this.supportalService
|
|
3266
3276
|
.getComponentsInfo()
|
|
3267
3277
|
.subscribe(function (results) {
|
|
3268
|
-
_this.sidebarRoutes = [
|
|
3278
|
+
_this.sidebarRoutes = [
|
|
3279
|
+
{
|
|
3269
3280
|
name: 'Components',
|
|
3270
3281
|
path: 'https://developer.blackbaud.com/skyux/components',
|
|
3271
3282
|
children: results.map(function (component) { return ({
|
|
3272
3283
|
name: component.name,
|
|
3273
|
-
path: _this.getPath(component.url, currentHostUrl)
|
|
3274
|
-
}); })
|
|
3275
|
-
}
|
|
3284
|
+
path: _this.getPath(component.url, currentHostUrl),
|
|
3285
|
+
}); }),
|
|
3286
|
+
},
|
|
3287
|
+
];
|
|
3276
3288
|
_this.changeDetector.markForCheck();
|
|
3277
3289
|
});
|
|
3278
3290
|
};
|
|
3279
3291
|
SkyDocsDemoPageComponent.prototype.ngAfterContentInit = function () {
|
|
3280
|
-
this.enableCodeExamples =
|
|
3281
|
-
this.enableTabLayout = !!
|
|
3292
|
+
this.enableCodeExamples = this.codeExampleComponents.length > 0;
|
|
3293
|
+
this.enableTabLayout = !!this.designGuidelinesComponent;
|
|
3282
3294
|
};
|
|
3283
3295
|
SkyDocsDemoPageComponent.prototype.ngAfterViewInit = function () {
|
|
3284
3296
|
var _this = this;
|
|
@@ -3296,7 +3308,7 @@
|
|
|
3296
3308
|
var fragment = anchorLink.href.split('#')[1];
|
|
3297
3309
|
_this.router.navigate([], {
|
|
3298
3310
|
fragment: fragment,
|
|
3299
|
-
queryParamsHandling: 'merge'
|
|
3311
|
+
queryParamsHandling: 'merge',
|
|
3300
3312
|
});
|
|
3301
3313
|
if (_this.activatedRoute.snapshot.fragment === fragment) {
|
|
3302
3314
|
_this.domAdapter.scrollToFragment(fragment);
|
|
@@ -3322,19 +3334,15 @@
|
|
|
3322
3334
|
return SkyDocsDemoPageComponent;
|
|
3323
3335
|
}());
|
|
3324
3336
|
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 });
|
|
3337
|
+
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
3338
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageComponent, decorators: [{
|
|
3329
3339
|
type: i0.Component,
|
|
3330
3340
|
args: [{
|
|
3331
3341
|
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
|
|
3342
|
+
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
3343
|
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
|
|
3344
|
+
providers: [SkyDocsDemoPageDomAdapterService],
|
|
3345
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3338
3346
|
}]
|
|
3339
3347
|
}], 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
3348
|
type: i0.Input
|
|
@@ -3369,7 +3377,7 @@
|
|
|
3369
3377
|
type: i0.Component,
|
|
3370
3378
|
args: [{
|
|
3371
3379
|
selector: 'sky-docs-demo-page-module-info',
|
|
3372
|
-
template: '<ng-content></ng-content>'
|
|
3380
|
+
template: '<ng-content></ng-content>',
|
|
3373
3381
|
}]
|
|
3374
3382
|
}] });
|
|
3375
3383
|
|
|
@@ -3411,7 +3419,7 @@
|
|
|
3411
3419
|
SkyDocsTypeDefinitionsModule,
|
|
3412
3420
|
i4.SkyTabsModule,
|
|
3413
3421
|
i6$1.StachePageSummaryModule,
|
|
3414
|
-
i6$1.StacheWrapperModule
|
|
3422
|
+
i6$1.StacheWrapperModule,
|
|
3415
3423
|
]] });
|
|
3416
3424
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDemoPageModule, decorators: [{
|
|
3417
3425
|
type: i0.NgModule,
|
|
@@ -3428,22 +3436,22 @@
|
|
|
3428
3436
|
SkyDocsTypeDefinitionsModule,
|
|
3429
3437
|
i4.SkyTabsModule,
|
|
3430
3438
|
i6$1.StachePageSummaryModule,
|
|
3431
|
-
i6$1.StacheWrapperModule
|
|
3439
|
+
i6$1.StacheWrapperModule,
|
|
3432
3440
|
],
|
|
3433
3441
|
declarations: [
|
|
3434
3442
|
SkyDocsDemoPageComponent,
|
|
3435
3443
|
SkyDocsDemoPageModuleInfoComponent,
|
|
3436
3444
|
SkyDocsDemoPageSectionComponent,
|
|
3437
3445
|
SkyDocsDemoPageSummaryComponent,
|
|
3438
|
-
SkyDocsDemoPageTypeDefinitionsComponent
|
|
3446
|
+
SkyDocsDemoPageTypeDefinitionsComponent,
|
|
3439
3447
|
],
|
|
3440
3448
|
exports: [
|
|
3441
3449
|
SkyDocsDemoPageComponent,
|
|
3442
3450
|
SkyDocsDemoPageModuleInfoComponent,
|
|
3443
3451
|
SkyDocsDemoPageSectionComponent,
|
|
3444
3452
|
SkyDocsDemoPageSummaryComponent,
|
|
3445
|
-
SkyDocsDemoPageTypeDefinitionsComponent
|
|
3446
|
-
]
|
|
3453
|
+
SkyDocsDemoPageTypeDefinitionsComponent,
|
|
3454
|
+
],
|
|
3447
3455
|
}]
|
|
3448
3456
|
}] });
|
|
3449
3457
|
|
|
@@ -3454,14 +3462,14 @@
|
|
|
3454
3462
|
return SkyDocsThumbnailComponent;
|
|
3455
3463
|
}());
|
|
3456
3464
|
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
|
|
3465
|
+
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
3466
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailComponent, decorators: [{
|
|
3459
3467
|
type: i0.Component,
|
|
3460
3468
|
args: [{
|
|
3461
3469
|
selector: 'sky-docs-thumbnail',
|
|
3462
|
-
template: "<div class=\"sky-docs-thumbnail\">\n <sky-image
|
|
3470
|
+
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
3471
|
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
|
|
3472
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3465
3473
|
}]
|
|
3466
3474
|
}], propDecorators: { caption: [{
|
|
3467
3475
|
type: i0.Input
|
|
@@ -3483,25 +3491,14 @@
|
|
|
3483
3491
|
return SkyDocsThumbnailModule;
|
|
3484
3492
|
}());
|
|
3485
3493
|
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
|
-
]] });
|
|
3494
|
+
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] });
|
|
3495
|
+
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
3496
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsThumbnailModule, decorators: [{
|
|
3493
3497
|
type: i0.NgModule,
|
|
3494
3498
|
args: [{
|
|
3495
|
-
imports: [
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
],
|
|
3499
|
-
exports: [
|
|
3500
|
-
SkyDocsThumbnailComponent
|
|
3501
|
-
],
|
|
3502
|
-
declarations: [
|
|
3503
|
-
SkyDocsThumbnailComponent
|
|
3504
|
-
]
|
|
3499
|
+
imports: [i2.CommonModule, i2$2.SkyImageModule],
|
|
3500
|
+
exports: [SkyDocsThumbnailComponent],
|
|
3501
|
+
declarations: [SkyDocsThumbnailComponent],
|
|
3505
3502
|
}]
|
|
3506
3503
|
}] });
|
|
3507
3504
|
|
|
@@ -3519,7 +3516,7 @@
|
|
|
3519
3516
|
selector: 'sky-docs-design-guideline-thumbnail',
|
|
3520
3517
|
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
3518
|
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
|
|
3519
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3523
3520
|
}]
|
|
3524
3521
|
}], propDecorators: { caption: [{
|
|
3525
3522
|
type: i0.Input
|
|
@@ -3555,14 +3552,14 @@
|
|
|
3555
3552
|
return SkyDocsDesignGuidelineComponent;
|
|
3556
3553
|
}());
|
|
3557
3554
|
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
|
|
3555
|
+
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
3556
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelineComponent, decorators: [{
|
|
3560
3557
|
type: i0.Component,
|
|
3561
3558
|
args: [{
|
|
3562
3559
|
selector: 'sky-docs-design-guideline',
|
|
3563
|
-
template: "<div class=\"sky-docs-design-guideline\">\n <h3
|
|
3560
|
+
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
3561
|
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
|
|
3562
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3566
3563
|
}]
|
|
3567
3564
|
}], propDecorators: { heading: [{
|
|
3568
3565
|
type: i0.Input
|
|
@@ -3581,34 +3578,24 @@
|
|
|
3581
3578
|
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
3579
|
SkyDocsDesignGuidelinesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, declarations: [SkyDocsDesignGuidelineComponent,
|
|
3583
3580
|
SkyDocsDesignGuidelineThumbnailComponent,
|
|
3584
|
-
SkyDocsDesignGuidelinesComponent], imports: [i2.CommonModule,
|
|
3585
|
-
SkyDocsThumbnailModule,
|
|
3586
|
-
i2$1.SkyFluidGridModule], exports: [SkyDocsDesignGuidelineComponent,
|
|
3581
|
+
SkyDocsDesignGuidelinesComponent], imports: [i2.CommonModule, SkyDocsThumbnailModule, i2$1.SkyFluidGridModule], exports: [SkyDocsDesignGuidelineComponent,
|
|
3587
3582
|
SkyDocsDesignGuidelineThumbnailComponent,
|
|
3588
3583
|
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
|
-
]] });
|
|
3584
|
+
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
3585
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDocsDesignGuidelinesModule, decorators: [{
|
|
3595
3586
|
type: i0.NgModule,
|
|
3596
3587
|
args: [{
|
|
3597
|
-
imports: [
|
|
3598
|
-
i2.CommonModule,
|
|
3599
|
-
SkyDocsThumbnailModule,
|
|
3600
|
-
i2$1.SkyFluidGridModule
|
|
3601
|
-
],
|
|
3588
|
+
imports: [i2.CommonModule, SkyDocsThumbnailModule, i2$1.SkyFluidGridModule],
|
|
3602
3589
|
declarations: [
|
|
3603
3590
|
SkyDocsDesignGuidelineComponent,
|
|
3604
3591
|
SkyDocsDesignGuidelineThumbnailComponent,
|
|
3605
|
-
SkyDocsDesignGuidelinesComponent
|
|
3592
|
+
SkyDocsDesignGuidelinesComponent,
|
|
3606
3593
|
],
|
|
3607
3594
|
exports: [
|
|
3608
3595
|
SkyDocsDesignGuidelineComponent,
|
|
3609
3596
|
SkyDocsDesignGuidelineThumbnailComponent,
|
|
3610
|
-
SkyDocsDesignGuidelinesComponent
|
|
3611
|
-
]
|
|
3597
|
+
SkyDocsDesignGuidelinesComponent,
|
|
3598
|
+
],
|
|
3612
3599
|
}]
|
|
3613
3600
|
}] });
|
|
3614
3601
|
|
|
@@ -3642,8 +3629,8 @@
|
|
|
3642
3629
|
SkyDocsCodeExamplesModule,
|
|
3643
3630
|
SkyDocsDemoModule,
|
|
3644
3631
|
SkyDocsDemoPageModule,
|
|
3645
|
-
SkyDocsDesignGuidelinesModule
|
|
3646
|
-
]
|
|
3632
|
+
SkyDocsDesignGuidelinesModule,
|
|
3633
|
+
],
|
|
3647
3634
|
}]
|
|
3648
3635
|
}] });
|
|
3649
3636
|
|