@skyux/docs-tools 13.0.0-beta.0 → 13.0.0-beta.1
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/fesm2022/skyux-docs-tools.mjs +238 -232
- package/fesm2022/skyux-docs-tools.mjs.map +1 -1
- package/package.json +14 -14
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { input, ChangeDetectionStrategy, Component, NgModule, inject, Injectable, Directive, booleanAttribute, ViewEncapsulation, computed, signal, makeEnvironmentProviders, Pipe, ElementRef, numberAttribute, InjectionToken, DestroyRef, DOCUMENT, effect, ChangeDetectorRef, contentChild } from '@angular/core';
|
|
3
|
-
import * as
|
|
3
|
+
import * as i4 from '@skyux/core';
|
|
4
4
|
import { SkyAppWindowRef, SkyIdModule, SkyHelpService, SkyTrimModule, SkyScrollableHostService, SkyMediaQueryService, SkyLogService } from '@skyux/core';
|
|
5
5
|
import { SkyToastService } from '@skyux/toast';
|
|
6
|
-
import {
|
|
6
|
+
import { NgComponentOutlet, KeyValuePipe, NgTemplateOutlet } from '@angular/common';
|
|
7
7
|
import * as i2 from '@skyux/icon';
|
|
8
8
|
import { SkyIconModule } from '@skyux/icon';
|
|
9
9
|
import * as i1 from '@skyux/layout';
|
|
10
10
|
import { SkyBoxModule, SkyDescriptionListModule } from '@skyux/layout';
|
|
11
|
-
import * as
|
|
11
|
+
import * as i5 from '@skyux/tabs';
|
|
12
12
|
import { SkyVerticalTabsetModule, SkyTabsModule } from '@skyux/tabs';
|
|
13
13
|
import * as i3 from '@skyux/i18n';
|
|
14
14
|
import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
|
|
@@ -35,12 +35,12 @@ import { marked } from 'marked';
|
|
|
35
35
|
*/
|
|
36
36
|
class SkyDocsCategoryTagComponent {
|
|
37
37
|
constructor() {
|
|
38
|
-
this.color = input.required();
|
|
38
|
+
this.color = input.required(...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
39
39
|
}
|
|
40
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0
|
|
40
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCategoryTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: SkyDocsCategoryTagComponent, isStandalone: true, selector: "sky-docs-category-tag", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "\"sky-docs-category-tag-color-\" + color()" }, classAttribute: "sky-rounded-corners" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{display:inline-flex;padding:.2em .6em;background-color:var(--sky-docs-category-tag-background-color);box-shadow:inset 0 -1px #0000000d;color:var(--sky-text-color-default);color:color-mix(in srgb,var(--sky-docs-category-tag-background-color) 20%,var(--sky-text-color-default))}:host(.sky-docs-category-tag-color-blue){--sky-docs-category-tag-background-color: var(--sky-category-color-blue)}:host(.sky-docs-category-tag-color-light-blue),:host(.sky-docs-category-tag-color-green){--sky-docs-category-tag-background-color: var(--sky-category-color-green)}:host(.sky-docs-category-tag-color-orange){--sky-docs-category-tag-background-color: var(--sky-category-color-orange)}:host(.sky-docs-category-tag-color-purple){--sky-docs-category-tag-background-color: var(--sky-category-color-purple)}:host(.sky-docs-category-tag-color-red){--sky-docs-category-tag-background-color: var(--sky-category-color-red)}:host(.sky-docs-category-tag-color-teal){--sky-docs-category-tag-background-color: var(--sky-category-color-teal)}:host(.sky-docs-category-tag-color-yellow){--sky-docs-category-tag-background-color: var(--sky-category-color-yellow)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCategoryTagComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
45
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
46
46
|
class: 'sky-rounded-corners',
|
|
@@ -52,11 +52,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
52
52
|
* @internal
|
|
53
53
|
*/
|
|
54
54
|
class SkyDocsCategoryTagModule {
|
|
55
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
56
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
57
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
55
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCategoryTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
56
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCategoryTagModule, imports: [SkyDocsCategoryTagComponent], exports: [SkyDocsCategoryTagComponent] }); }
|
|
57
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCategoryTagModule }); }
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCategoryTagModule, decorators: [{
|
|
60
60
|
type: NgModule,
|
|
61
61
|
args: [{
|
|
62
62
|
imports: [SkyDocsCategoryTagComponent],
|
|
@@ -80,10 +80,10 @@ class SkyDocsClipboardService {
|
|
|
80
80
|
this.#windowRef.nativeWindow.navigator.clipboard.writeText(text);
|
|
81
81
|
this.#toastSvc.openMessage(successMessage, { autoClose: true });
|
|
82
82
|
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
84
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
83
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
84
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardService, providedIn: 'root' }); }
|
|
85
85
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardService, decorators: [{
|
|
87
87
|
type: Injectable,
|
|
88
88
|
args: [{
|
|
89
89
|
providedIn: 'root',
|
|
@@ -96,8 +96,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
96
96
|
class SkyDocsClipboardButtonDirective {
|
|
97
97
|
constructor() {
|
|
98
98
|
this.#clipboardSvc = inject(SkyDocsClipboardService);
|
|
99
|
-
this.clipboardTarget = input.required();
|
|
100
|
-
this.copySuccessMessage = input.required();
|
|
99
|
+
this.clipboardTarget = input.required(...(ngDevMode ? [{ debugName: "clipboardTarget" }] : []));
|
|
100
|
+
this.copySuccessMessage = input.required(...(ngDevMode ? [{ debugName: "copySuccessMessage" }] : []));
|
|
101
101
|
}
|
|
102
102
|
#clipboardSvc;
|
|
103
103
|
onClick() {
|
|
@@ -106,10 +106,10 @@ class SkyDocsClipboardButtonDirective {
|
|
|
106
106
|
this.#clipboardSvc.copyTextContent(el, this.copySuccessMessage());
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
110
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0
|
|
109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
110
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: SkyDocsClipboardButtonDirective, isStandalone: true, selector: "[skyDocsClipboardButton]", inputs: { clipboardTarget: { classPropertyName: "clipboardTarget", publicName: "clipboardTarget", isSignal: true, isRequired: true, transformFunction: null }, copySuccessMessage: { classPropertyName: "copySuccessMessage", publicName: "copySuccessMessage", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
111
111
|
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardButtonDirective, decorators: [{
|
|
113
113
|
type: Directive,
|
|
114
114
|
args: [{
|
|
115
115
|
host: {
|
|
@@ -123,11 +123,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
123
123
|
* @internal
|
|
124
124
|
*/
|
|
125
125
|
class SkyDocsClipboardModule {
|
|
126
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
127
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
128
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
126
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
127
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardModule, imports: [SkyDocsClipboardButtonDirective], exports: [SkyDocsClipboardButtonDirective] }); }
|
|
128
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardModule }); }
|
|
129
129
|
}
|
|
130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsClipboardModule, decorators: [{
|
|
131
131
|
type: NgModule,
|
|
132
132
|
args: [{
|
|
133
133
|
imports: [SkyDocsClipboardButtonDirective],
|
|
@@ -189,11 +189,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
189
189
|
* Import into any component library module that needs to use resource strings.
|
|
190
190
|
*/
|
|
191
191
|
class SkyDocsToolsResourcesModule {
|
|
192
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
193
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
194
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
192
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsToolsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
193
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsToolsResourcesModule, exports: [SkyI18nModule] }); }
|
|
194
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsToolsResourcesModule, imports: [SkyI18nModule] }); }
|
|
195
195
|
}
|
|
196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsToolsResourcesModule, decorators: [{
|
|
197
197
|
type: NgModule,
|
|
198
198
|
args: [{
|
|
199
199
|
exports: [SkyI18nModule],
|
|
@@ -205,10 +205,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
205
205
|
*/
|
|
206
206
|
class SkyDocsCodeSnippetToolbarComponent {
|
|
207
207
|
constructor() {
|
|
208
|
-
this.codeRef = input.required();
|
|
208
|
+
this.codeRef = input.required(...(ngDevMode ? [{ debugName: "codeRef" }] : []));
|
|
209
209
|
}
|
|
210
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
211
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0
|
|
210
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
211
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: SkyDocsCodeSnippetToolbarComponent, isStandalone: true, selector: "sky-docs-code-snippet-toolbar", inputs: { codeRef: { classPropertyName: "codeRef", publicName: "codeRef", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "sky-margin-stacked-lg" }, ngImport: i0, template: `
|
|
212
212
|
<button
|
|
213
213
|
class="sky-btn sky-btn-default"
|
|
214
214
|
type="button"
|
|
@@ -226,7 +226,7 @@ class SkyDocsCodeSnippetToolbarComponent {
|
|
|
226
226
|
</button>
|
|
227
227
|
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: SkyDocsClipboardModule }, { kind: "directive", type: SkyDocsClipboardButtonDirective, selector: "[skyDocsClipboardButton]", inputs: ["clipboardTarget", "copySuccessMessage"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyDocsToolsResourcesModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
228
228
|
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetToolbarComponent, decorators: [{
|
|
230
230
|
type: Component,
|
|
231
231
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
232
232
|
class: 'sky-margin-stacked-lg',
|
|
@@ -255,19 +255,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
255
255
|
*/
|
|
256
256
|
class SkyDocsCodeSnippetWrapperComponent {
|
|
257
257
|
constructor() {
|
|
258
|
-
this.bordered = input(false, { transform: booleanAttribute });
|
|
259
|
-
this.hideToolbar = input(false, { transform: booleanAttribute });
|
|
260
|
-
this.stacked = input(false, { transform: booleanAttribute });
|
|
258
|
+
this.bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
259
|
+
this.hideToolbar = input(false, ...(ngDevMode ? [{ debugName: "hideToolbar", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
260
|
+
this.stacked = input(false, ...(ngDevMode ? [{ debugName: "stacked", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
261
261
|
}
|
|
262
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
263
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
262
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
263
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsCodeSnippetWrapperComponent, isStandalone: true, selector: "sky-docs-code-snippet:not([code])", inputs: { bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, hideToolbar: { classPropertyName: "hideToolbar", publicName: "hideToolbar", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-margin-stacked-lg": "stacked()", "class.sky-elevation-0-bordered": "bordered()", "class.sky-padding-even-xl": "bordered()", "class.sky-rounded-corners": "bordered()" } }, ngImport: i0, template: `
|
|
264
264
|
@if (!hideToolbar()) {
|
|
265
265
|
<sky-docs-code-snippet-toolbar [codeRef]="codeRef" />
|
|
266
266
|
}
|
|
267
267
|
<pre #codeRef><ng-content select="code" /></pre>
|
|
268
268
|
`, isInline: true, styles: ["sky-docs-code-snippet{overflow-x:auto;display:flex;flex-direction:column;align-items:start;font-size:14px;line-height:1.5}sky-docs-code-snippet pre{margin:0}sky-docs-code-snippet::-webkit-scrollbar{-webkit-appearance:none;height:8px}sky-docs-code-snippet::-webkit-scrollbar-track{background-color:color-mix(in srgb,var(--sky-border-color-neutral-medium-dark) 5%,transparent);border-radius:var(--sky-border-radius-s)}sky-docs-code-snippet::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--sky-border-color-neutral-medium-dark) 20%,transparent);border-radius:var(--sky-border-radius-s)}\n", "sky-docs-code-snippet .hljs-keyword,sky-docs-code-snippet .hljs-doctag,sky-docs-code-snippet .hljs-variable.language_,sky-docs-code-snippet .hljs-literal,sky-docs-code-snippet .hljs-function{color:#00f}sky-docs-code-snippet .hljs-meta,sky-docs-code-snippet .hljs-title.class_,sky-docs-code-snippet .hljs-built_in,sky-docs-code-snippet .hljs-params{color:#267f99}sky-docs-code-snippet .hljs-attribute,sky-docs-code-snippet .hljs-title.function_{color:#795e26}sky-docs-code-snippet .hljs-attr{color:#001080}sky-docs-code-snippet .hljs-string{color:#a31515}sky-docs-code-snippet .hljs-comment{color:green}sky-docs-code-snippet .hljs-attr,sky-docs-code-snippet .hljs-property,sky-docs-code-snippet .hljs-variable.constant_{color:#0070c1}sky-docs-code-snippet .hljs-number{color:#098658}sky-docs-code-snippet .hljs-tag .hljs-name{color:maroon}sky-docs-code-snippet .hljs-tag .hljs-attr{color:#e50000}sky-docs-code-snippet .hljs-tag .hljs-string{color:#00f}\n"], dependencies: [{ kind: "component", type: SkyDocsCodeSnippetToolbarComponent, selector: "sky-docs-code-snippet-toolbar", inputs: ["codeRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
269
269
|
}
|
|
270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetWrapperComponent, decorators: [{
|
|
271
271
|
type: Component,
|
|
272
272
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
273
273
|
'[class.sky-margin-stacked-lg]': 'stacked()',
|
|
@@ -302,10 +302,10 @@ class SkyDocsCodeHighlightService {
|
|
|
302
302
|
});
|
|
303
303
|
return highlighted.value;
|
|
304
304
|
}
|
|
305
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
306
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
305
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeHighlightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
306
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeHighlightService, providedIn: 'root' }); }
|
|
307
307
|
}
|
|
308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeHighlightService, decorators: [{
|
|
309
309
|
type: Injectable,
|
|
310
310
|
args: [{ providedIn: 'root' }]
|
|
311
311
|
}], ctorParameters: () => [] });
|
|
@@ -318,29 +318,29 @@ class SkyDocsCodeSnippetComponent {
|
|
|
318
318
|
constructor() {
|
|
319
319
|
this.#highlightSvc = inject(SkyDocsCodeHighlightService);
|
|
320
320
|
this.#sanitizer = inject(DomSanitizer);
|
|
321
|
-
this.code = input.required();
|
|
322
|
-
this.language = input.required();
|
|
323
|
-
this.bordered = input(false, { transform: booleanAttribute });
|
|
324
|
-
this.hideToolbar = input(false, { transform: booleanAttribute });
|
|
325
|
-
this.stacked = input(false, { transform: booleanAttribute });
|
|
321
|
+
this.code = input.required(...(ngDevMode ? [{ debugName: "code" }] : []));
|
|
322
|
+
this.language = input.required(...(ngDevMode ? [{ debugName: "language" }] : []));
|
|
323
|
+
this.bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
324
|
+
this.hideToolbar = input(false, ...(ngDevMode ? [{ debugName: "hideToolbar", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
325
|
+
this.stacked = input(false, ...(ngDevMode ? [{ debugName: "stacked", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
326
326
|
this.highlighted = computed(() => {
|
|
327
327
|
const code = this.code();
|
|
328
328
|
const language = this.language();
|
|
329
329
|
const highlighted = this.#highlightSvc.highlight(code, language);
|
|
330
330
|
return this.#sanitizer.bypassSecurityTrustHtml(highlighted);
|
|
331
|
-
});
|
|
331
|
+
}, ...(ngDevMode ? [{ debugName: "highlighted" }] : []));
|
|
332
332
|
}
|
|
333
333
|
#highlightSvc;
|
|
334
334
|
#sanitizer;
|
|
335
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
336
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
335
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
336
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsCodeSnippetComponent, isStandalone: true, selector: "sky-docs-code-snippet[code]", inputs: { code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: true, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: true, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, hideToolbar: { classPropertyName: "hideToolbar", publicName: "hideToolbar", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-margin-stacked-lg": "stacked()", "class.sky-elevation-0-bordered": "bordered()", "class.sky-padding-even-xl": "bordered()", "class.sky-rounded-corners": "bordered()" } }, ngImport: i0, template: `
|
|
337
337
|
@if (!hideToolbar()) {
|
|
338
338
|
<sky-docs-code-snippet-toolbar [codeRef]="codeRef" />
|
|
339
339
|
}
|
|
340
340
|
<pre #codeRef><code [innerHTML]="highlighted()"></code></pre>
|
|
341
341
|
`, isInline: true, styles: ["sky-docs-code-snippet{overflow-x:auto;display:flex;flex-direction:column;align-items:start;font-size:14px;line-height:1.5}sky-docs-code-snippet pre{margin:0}sky-docs-code-snippet::-webkit-scrollbar{-webkit-appearance:none;height:8px}sky-docs-code-snippet::-webkit-scrollbar-track{background-color:color-mix(in srgb,var(--sky-border-color-neutral-medium-dark) 5%,transparent);border-radius:var(--sky-border-radius-s)}sky-docs-code-snippet::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--sky-border-color-neutral-medium-dark) 20%,transparent);border-radius:var(--sky-border-radius-s)}\n", "sky-docs-code-snippet .hljs-keyword,sky-docs-code-snippet .hljs-doctag,sky-docs-code-snippet .hljs-variable.language_,sky-docs-code-snippet .hljs-literal,sky-docs-code-snippet .hljs-function{color:#00f}sky-docs-code-snippet .hljs-meta,sky-docs-code-snippet .hljs-title.class_,sky-docs-code-snippet .hljs-built_in,sky-docs-code-snippet .hljs-params{color:#267f99}sky-docs-code-snippet .hljs-attribute,sky-docs-code-snippet .hljs-title.function_{color:#795e26}sky-docs-code-snippet .hljs-attr{color:#001080}sky-docs-code-snippet .hljs-string{color:#a31515}sky-docs-code-snippet .hljs-comment{color:green}sky-docs-code-snippet .hljs-attr,sky-docs-code-snippet .hljs-property,sky-docs-code-snippet .hljs-variable.constant_{color:#0070c1}sky-docs-code-snippet .hljs-number{color:#098658}sky-docs-code-snippet .hljs-tag .hljs-name{color:maroon}sky-docs-code-snippet .hljs-tag .hljs-attr{color:#e50000}sky-docs-code-snippet .hljs-tag .hljs-string{color:#00f}\n"], dependencies: [{ kind: "component", type: SkyDocsCodeSnippetToolbarComponent, selector: "sky-docs-code-snippet-toolbar", inputs: ["codeRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
342
342
|
}
|
|
343
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetComponent, decorators: [{
|
|
344
344
|
type: Component,
|
|
345
345
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
346
346
|
'[class.sky-margin-stacked-lg]': 'stacked()',
|
|
@@ -359,11 +359,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
359
359
|
* @internal
|
|
360
360
|
*/
|
|
361
361
|
class SkyDocsCodeSnippetModule {
|
|
362
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
363
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
364
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
363
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetModule, imports: [SkyDocsCodeSnippetComponent, SkyDocsCodeSnippetWrapperComponent], exports: [SkyDocsCodeSnippetComponent, SkyDocsCodeSnippetWrapperComponent] }); }
|
|
364
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetModule, imports: [SkyDocsCodeSnippetComponent, SkyDocsCodeSnippetWrapperComponent] }); }
|
|
365
365
|
}
|
|
366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeSnippetModule, decorators: [{
|
|
367
367
|
type: NgModule,
|
|
368
368
|
args: [{
|
|
369
369
|
imports: [SkyDocsCodeSnippetComponent, SkyDocsCodeSnippetWrapperComponent],
|
|
@@ -729,10 +729,10 @@ context.keys().map(context);
|
|
|
729
729
|
return undefined;
|
|
730
730
|
});
|
|
731
731
|
}
|
|
732
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
733
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
732
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsStackBlitzService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
733
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsStackBlitzService, providedIn: 'root' }); }
|
|
734
734
|
}
|
|
735
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsStackBlitzService, decorators: [{
|
|
736
736
|
type: Injectable,
|
|
737
737
|
args: [{ providedIn: 'root' }]
|
|
738
738
|
}] });
|
|
@@ -743,15 +743,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
743
743
|
class SkyDocsCodeExampleViewerComponent {
|
|
744
744
|
constructor() {
|
|
745
745
|
this.#stackblitzSvc = inject(SkyDocsStackBlitzService);
|
|
746
|
-
this.componentName = input.required();
|
|
747
|
-
this.componentSelector = input.required();
|
|
748
|
-
this.componentType = input.required();
|
|
749
|
-
this.files = input.required();
|
|
750
|
-
this.headingText = input.required();
|
|
751
|
-
this.primaryFile = input.required();
|
|
752
|
-
this.demoHidden = input(false, { transform: booleanAttribute });
|
|
753
|
-
this.stacked = input(false, { transform: booleanAttribute });
|
|
754
|
-
this.isCodeVisible = signal(false);
|
|
746
|
+
this.componentName = input.required(...(ngDevMode ? [{ debugName: "componentName" }] : []));
|
|
747
|
+
this.componentSelector = input.required(...(ngDevMode ? [{ debugName: "componentSelector" }] : []));
|
|
748
|
+
this.componentType = input.required(...(ngDevMode ? [{ debugName: "componentType" }] : []));
|
|
749
|
+
this.files = input.required(...(ngDevMode ? [{ debugName: "files" }] : []));
|
|
750
|
+
this.headingText = input.required(...(ngDevMode ? [{ debugName: "headingText" }] : []));
|
|
751
|
+
this.primaryFile = input.required(...(ngDevMode ? [{ debugName: "primaryFile" }] : []));
|
|
752
|
+
this.demoHidden = input(false, ...(ngDevMode ? [{ debugName: "demoHidden", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
753
|
+
this.stacked = input(false, ...(ngDevMode ? [{ debugName: "stacked", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
754
|
+
this.isCodeVisible = signal(false, ...(ngDevMode ? [{ debugName: "isCodeVisible" }] : []));
|
|
755
755
|
}
|
|
756
756
|
#stackblitzSvc;
|
|
757
757
|
getCodeLanguage(fileName) {
|
|
@@ -772,10 +772,10 @@ class SkyDocsCodeExampleViewerComponent {
|
|
|
772
772
|
const isCodeVisible = this.isCodeVisible();
|
|
773
773
|
this.isCodeVisible.set(!isCodeVisible);
|
|
774
774
|
}
|
|
775
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
776
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
776
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsCodeExampleViewerComponent, isStandalone: true, selector: "sky-docs-code-example-viewer", inputs: { componentName: { classPropertyName: "componentName", publicName: "componentName", isSignal: true, isRequired: true, transformFunction: null }, componentSelector: { classPropertyName: "componentSelector", publicName: "componentSelector", isSignal: true, isRequired: true, transformFunction: null }, componentType: { classPropertyName: "componentType", publicName: "componentType", isSignal: true, isRequired: true, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: true, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null }, primaryFile: { classPropertyName: "primaryFile", publicName: "primaryFile", isSignal: true, isRequired: true, transformFunction: null }, demoHidden: { classPropertyName: "demoHidden", publicName: "demoHidden", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-margin-stacked-xl": "stacked()" } }, ngImport: i0, template: "<sky-box headingLevel=\"3\" headingStyle=\"3\" [headingText]=\"headingText()\">\n <sky-box-controls>\n <button\n class=\"sky-btn sky-btn-default\"\n data-sky-id=\"stackblitz-btn\"\n type=\"button\"\n (click)=\"launchStackBlitz()\"\n >\n <sky-icon iconName=\"edit\" />\n {{\n 'sky_docs_code_example_viewer_demo_stack_blitz_button' | skyLibResources\n }}\n </button>\n </sky-box-controls>\n\n <sky-box-content>\n <div\n class=\"sky-docs-code-example-viewer-demo sky-padding-even-md sky-margin-stacked-lg\"\n >\n @if (!demoHidden()) {\n <ng-template [ngComponentOutlet]=\"componentType()\" />\n } @else {\n {{\n 'sky_docs_code_example_viewer_demo_hidden_message' | skyLibResources\n }}\n }\n </div>\n\n <div class=\"sky-margin-stacked-sm\">\n <button\n class=\"sky-btn sky-btn-link\"\n data-sky-id=\"toggle-code-visibility-btn\"\n type=\"button\"\n [attr.aria-controls]=\"codeRef.id\"\n [attr.aria-expanded]=\"isCodeVisible()\"\n (click)=\"toggleCodeVisibility()\"\n >\n <sky-icon\n [iconName]=\"isCodeVisible() ? 'chevron-down' : 'chevron-right'\"\n />\n {{\n isCodeVisible()\n ? ('sky_docs_code_example_viewer_hide_code_button_label'\n | skyLibResources)\n : ('sky_docs_code_example_viewer_show_code_button_label'\n | skyLibResources)\n }}\n </button>\n </div>\n\n <sky-vertical-tabset #codeRef=\"skyId\" skyId [hidden]=\"!isCodeVisible()\">\n @for (obj of files() | keyvalue; track obj.key) {\n <sky-vertical-tab\n [active]=\"obj.key === primaryFile()\"\n [tabHeading]=\"obj.key\"\n >\n <sky-docs-code-snippet\n [code]=\"obj.value\"\n [language]=\"getCodeLanguage(obj.key)\"\n />\n </sky-vertical-tab>\n }\n </sky-vertical-tabset>\n </sky-box-content>\n</sky-box>\n", styles: [":host{display:block}.sky-docs-code-example-viewer-demo{border:1px solid var(--sky-border-color-neutral-medium)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: SkyBoxModule }, { kind: "component", type: i1.λ41, selector: "sky-box", inputs: ["headingText", "headingHidden", "headingLevel", "headingStyle", "helpPopoverContent", "helpPopoverTitle", "helpKey", "ariaLabel", "ariaLabelledBy", "ariaRole"] }, { kind: "component", type: i1.λ43, selector: "sky-box-content" }, { kind: "component", type: i1.λ44, selector: "sky-box-controls" }, { kind: "ngmodule", type: SkyDocsCodeSnippetModule }, { kind: "component", type: SkyDocsCodeSnippetComponent, selector: "sky-docs-code-snippet[code]", inputs: ["code", "language", "bordered", "hideToolbar", "stacked"] }, { kind: "ngmodule", type: SkyDocsToolsResourcesModule }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i4.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyVerticalTabsetModule }, { kind: "component", type: i5.λ6, selector: "sky-vertical-tabset", inputs: ["showTabsText", "ariaLabel", "ariaLabelledBy", "ariaRole", "maintainTabContent"], outputs: ["activeChange"] }, { kind: "component", type: i5.λ4, selector: "sky-vertical-tab", inputs: ["active", "ariaControls", "ariaRole", "disabled", "errorIndicator", "requiredIndicator", "tabHeaderCount", "tabHeading", "showTabRightArrow", "tabId"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
777
777
|
}
|
|
778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleViewerComponent, decorators: [{
|
|
779
779
|
type: Component,
|
|
780
780
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
781
781
|
'[class.sky-margin-stacked-xl]': 'stacked()',
|
|
@@ -802,10 +802,10 @@ class ExampleHelpService extends SkyHelpService {
|
|
|
802
802
|
updateHelp(args) {
|
|
803
803
|
/* */
|
|
804
804
|
}
|
|
805
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
806
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
805
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ExampleHelpService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
806
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ExampleHelpService }); }
|
|
807
807
|
}
|
|
808
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ExampleHelpService, decorators: [{
|
|
809
809
|
type: Injectable
|
|
810
810
|
}] });
|
|
811
811
|
|
|
@@ -823,11 +823,11 @@ function provideExampleHelpService() {
|
|
|
823
823
|
* @internal
|
|
824
824
|
*/
|
|
825
825
|
class SkyDocsCodeExampleViewerModule {
|
|
826
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
827
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
828
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
826
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
827
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleViewerModule, imports: [SkyDocsCodeExampleViewerComponent], exports: [SkyDocsCodeExampleViewerComponent] }); }
|
|
828
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleViewerModule, providers: [provideExampleHelpService()], imports: [SkyDocsCodeExampleViewerComponent] }); }
|
|
829
829
|
}
|
|
830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
830
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleViewerModule, decorators: [{
|
|
831
831
|
type: NgModule,
|
|
832
832
|
args: [{
|
|
833
833
|
imports: [SkyDocsCodeExampleViewerComponent],
|
|
@@ -844,10 +844,10 @@ class SkyDocsCodeHighlightPipe {
|
|
|
844
844
|
transform(value, language) {
|
|
845
845
|
return this.#highlightSvc.highlight(value, language);
|
|
846
846
|
}
|
|
847
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
848
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
847
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
848
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeHighlightPipe, isStandalone: true, name: "skyDocsCodeHighlight" }); }
|
|
849
849
|
}
|
|
850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeHighlightPipe, decorators: [{
|
|
851
851
|
type: Pipe,
|
|
852
852
|
args: [{
|
|
853
853
|
name: 'skyDocsCodeHighlight',
|
|
@@ -904,10 +904,10 @@ class SkyDocsHeadingAnchorService {
|
|
|
904
904
|
};
|
|
905
905
|
});
|
|
906
906
|
}
|
|
907
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
908
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
907
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
908
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorService }); }
|
|
909
909
|
}
|
|
910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
910
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorService, decorators: [{
|
|
911
911
|
type: Injectable
|
|
912
912
|
}] });
|
|
913
913
|
|
|
@@ -919,22 +919,28 @@ class SkyDocsHeadingAnchorComponent {
|
|
|
919
919
|
constructor() {
|
|
920
920
|
this.#elementRef = inject(ElementRef);
|
|
921
921
|
this.#anchorSvc = inject(SkyDocsHeadingAnchorService, { optional: true });
|
|
922
|
-
this.anchorId = input.required();
|
|
923
|
-
this.headingText = input.required();
|
|
924
|
-
this.headingTextFormat = input('normal');
|
|
925
|
-
this.categoryColor = input();
|
|
926
|
-
this.categoryTemplate = input();
|
|
927
|
-
this.categoryText = input();
|
|
928
|
-
this.headingLevel = input(DEFAULT_HEADING_LEVEL, {
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
922
|
+
this.anchorId = input.required(...(ngDevMode ? [{ debugName: "anchorId" }] : []));
|
|
923
|
+
this.headingText = input.required(...(ngDevMode ? [{ debugName: "headingText" }] : []));
|
|
924
|
+
this.headingTextFormat = input('normal', ...(ngDevMode ? [{ debugName: "headingTextFormat" }] : []));
|
|
925
|
+
this.categoryColor = input(...(ngDevMode ? [undefined, { debugName: "categoryColor" }] : []));
|
|
926
|
+
this.categoryTemplate = input(...(ngDevMode ? [undefined, { debugName: "categoryTemplate" }] : []));
|
|
927
|
+
this.categoryText = input(...(ngDevMode ? [undefined, { debugName: "categoryText" }] : []));
|
|
928
|
+
this.headingLevel = input(DEFAULT_HEADING_LEVEL, ...(ngDevMode ? [{ debugName: "headingLevel", transform: (value) => {
|
|
929
|
+
const numValue = numberAttribute(value);
|
|
930
|
+
if (numValue > 0 && numValue < 7) {
|
|
931
|
+
return numValue;
|
|
932
|
+
}
|
|
933
|
+
return DEFAULT_HEADING_LEVEL;
|
|
934
|
+
} }] : [{
|
|
935
|
+
transform: (value) => {
|
|
936
|
+
const numValue = numberAttribute(value);
|
|
937
|
+
if (numValue > 0 && numValue < 7) {
|
|
938
|
+
return numValue;
|
|
939
|
+
}
|
|
940
|
+
return DEFAULT_HEADING_LEVEL;
|
|
941
|
+
},
|
|
942
|
+
}]));
|
|
943
|
+
this.strikethrough = input(false, ...(ngDevMode ? [{ debugName: "strikethrough", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
938
944
|
}
|
|
939
945
|
#elementRef;
|
|
940
946
|
#anchorSvc;
|
|
@@ -947,10 +953,10 @@ class SkyDocsHeadingAnchorComponent {
|
|
|
947
953
|
ngOnDestroy() {
|
|
948
954
|
this.#anchorSvc?.unregister(this);
|
|
949
955
|
}
|
|
950
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
951
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
956
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
957
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsHeadingAnchorComponent, isStandalone: true, selector: "sky-docs-heading-anchor", inputs: { anchorId: { classPropertyName: "anchorId", publicName: "anchorId", isSignal: true, isRequired: true, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null }, headingTextFormat: { classPropertyName: "headingTextFormat", publicName: "headingTextFormat", isSignal: true, isRequired: false, transformFunction: null }, categoryColor: { classPropertyName: "categoryColor", publicName: "categoryColor", isSignal: true, isRequired: false, transformFunction: null }, categoryTemplate: { classPropertyName: "categoryTemplate", publicName: "categoryTemplate", isSignal: true, isRequired: false, transformFunction: null }, categoryText: { classPropertyName: "categoryText", publicName: "categoryText", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, strikethrough: { classPropertyName: "strikethrough", publicName: "strikethrough", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (headingLevel()) {\n @case (1) {\n <h1 class=\"sky-docs-heading-anchor-heading\">\n <ng-container [ngTemplateOutlet]=\"headingTextRef\" />\n </h1>\n }\n @case (2) {\n <h2 class=\"sky-docs-heading-anchor-heading\">\n <ng-container [ngTemplateOutlet]=\"headingTextRef\" />\n </h2>\n }\n @case (3) {\n <h3 class=\"sky-docs-heading-anchor-heading\">\n <ng-container [ngTemplateOutlet]=\"headingTextRef\" />\n </h3>\n }\n @case (4) {\n <h4 class=\"sky-docs-heading-anchor-heading\">\n <ng-container [ngTemplateOutlet]=\"headingTextRef\" />\n </h4>\n }\n @case (5) {\n <h5 class=\"sky-docs-heading-anchor-heading\">\n <ng-container [ngTemplateOutlet]=\"headingTextRef\" />\n </h5>\n }\n @case (6) {\n <h6 class=\"sky-docs-heading-anchor-heading\">\n <ng-container [ngTemplateOutlet]=\"headingTextRef\" />\n </h6>\n }\n}\n\n@if (categoryColor(); as categoryColor) {\n <sky-docs-category-tag [color]=\"categoryColor\">\n @if (categoryTemplate(); as categoryTemplate) {\n <ng-container [ngTemplateOutlet]=\"categoryTemplate\" />\n } @else {\n {{ categoryText() }}\n }\n </sky-docs-category-tag>\n}\n\n<ng-content />\n\n<ng-template #headingTextRef>\n <span class=\"sky-docs-heading-anchor-position\" [attr.id]=\"anchorId()\"></span>\n <a\n class=\"sky-docs-heading-anchor-link\"\n queryParamsHandling=\"merge\"\n [fragment]=\"anchorId()\"\n [routerLink]=\"[]\"\n >\n <sky-icon iconName=\"link\" />\n <span class=\"sky-screen-reader-only\"\n >Link for section titled {{ headingText() }}</span\n >\n </a>\n <span skyTrim [class.sky-docs-text-strikethrough]=\"strikethrough()\">\n @if (headingTextFormat() === 'code') {\n <code>{{ headingText() }}</code>\n } @else {\n {{ headingText() }}\n }\n </span>\n</ng-template>\n", styles: [":host{display:flex;flex-wrap:wrap;align-items:center;gap:10px}:host([id]){padding-top:var(--sky-margin-stacked-xl);margin-top:-1em}.sky-docs-heading-anchor-heading{word-break:break-all;position:relative;margin:0}.sky-docs-heading-anchor-heading:hover .sky-docs-heading-anchor-link{opacity:1}.sky-docs-heading-anchor-link{opacity:0;position:absolute;transition:opacity .25s;display:inline-block;left:-22px}.sky-docs-heading-anchor-position{position:relative;top:calc(-1 * (var(--sky-viewport-top, 0px) + var(--sky-margin-stacked-lg)))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: SkyDocsCategoryTagModule }, { kind: "component", type: SkyDocsCategoryTagComponent, selector: "sky-docs-category-tag", inputs: ["color"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyTrimModule }, { kind: "directive", type: i4.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
952
958
|
}
|
|
953
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
959
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorComponent, decorators: [{
|
|
954
960
|
type: Component,
|
|
955
961
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
956
962
|
NgTemplateOutlet,
|
|
@@ -965,11 +971,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
965
971
|
* @internal
|
|
966
972
|
*/
|
|
967
973
|
class SkyDocsHeadingAnchorModule {
|
|
968
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
969
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
970
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
974
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
975
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorModule, imports: [SkyDocsHeadingAnchorComponent], exports: [SkyDocsHeadingAnchorComponent] }); }
|
|
976
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorModule, imports: [SkyDocsHeadingAnchorComponent] }); }
|
|
971
977
|
}
|
|
972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsHeadingAnchorModule, decorators: [{
|
|
973
979
|
type: NgModule,
|
|
974
980
|
args: [{
|
|
975
981
|
imports: [SkyDocsHeadingAnchorComponent],
|
|
@@ -1007,13 +1013,13 @@ function provideSkyDocsCodeExampleTypes(examples) {
|
|
|
1007
1013
|
*/
|
|
1008
1014
|
class SkyDocsTableOfContentsComponent {
|
|
1009
1015
|
constructor() {
|
|
1010
|
-
this.headingText = input.required();
|
|
1011
|
-
this.links = input.required();
|
|
1016
|
+
this.headingText = input.required(...(ngDevMode ? [{ debugName: "headingText" }] : []));
|
|
1017
|
+
this.links = input.required(...(ngDevMode ? [{ debugName: "links" }] : []));
|
|
1012
1018
|
}
|
|
1013
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1014
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
1019
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTableOfContentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1020
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsTableOfContentsComponent, isStandalone: true, selector: "sky-docs-toc", inputs: { headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null }, links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<h3 class=\"sky-docs-toc-heading\">{{ headingText() }}</h3>\n<nav [attr.aria-label]=\"'Table of contents for ' + headingText()\">\n @for (link of links(); track link.anchorId) {\n <a\n class=\"sky-docs-toc-link sky-margin-stacked-sm\"\n queryParamsHandling=\"merge\"\n [class.sky-docs-toc-link-active]=\"link.active\"\n [fragment]=\"link.anchorId\"\n [routerLink]=\"[]\"\n >\n <span class=\"sky-docs-toc-link-text\">{{ link.text }}</span>\n @if (link.categoryColor) {\n <sky-docs-category-tag\n class=\"sky-docs-toc-link-category sky-font-body-sm\"\n [color]=\"link.categoryColor\"\n >\n @if (link.categoryTemplate) {\n <ng-container [ngTemplateOutlet]=\"link.categoryTemplate\" />\n } @else {\n {{ link.categoryText }}\n }\n </sky-docs-category-tag>\n }\n </a>\n }\n</nav>\n", styles: [":host{--sky-docs-toc-active-border-size: 4px;display:block}.sky-docs-toc-heading{padding:0 0 0 var(--sky-padding-even-md)}a.sky-docs-toc-link{display:flex;align-items:center;gap:var(--sky-margin-inline-xs);height:22px;padding:0 0 0 calc(var(--sky-padding-even-md) - var(--sky-docs-toc-active-border-size));border-left:var(--sky-docs-toc-active-border-size) solid transparent}a.sky-docs-toc-link:focus-visible,a.sky-docs-toc-link.sky-docs-toc-link-active{border-color:var(--sky-text-color-action-primary)}a.sky-docs-toc-link:hover{text-decoration:none}a.sky-docs-toc-link:hover .sky-docs-toc-link-text{text-decoration:underline}a.sky-docs-toc-link .sky-docs-toc-link-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}a.sky-docs-toc-link .sky-docs-toc-link-category{flex-shrink:1;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: SkyDocsCategoryTagModule }, { kind: "component", type: SkyDocsCategoryTagComponent, selector: "sky-docs-category-tag", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1015
1021
|
}
|
|
1016
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1022
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTableOfContentsComponent, decorators: [{
|
|
1017
1023
|
type: Component,
|
|
1018
1024
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, RouterLink, SkyDocsCategoryTagModule], selector: 'sky-docs-toc', template: "<h3 class=\"sky-docs-toc-heading\">{{ headingText() }}</h3>\n<nav [attr.aria-label]=\"'Table of contents for ' + headingText()\">\n @for (link of links(); track link.anchorId) {\n <a\n class=\"sky-docs-toc-link sky-margin-stacked-sm\"\n queryParamsHandling=\"merge\"\n [class.sky-docs-toc-link-active]=\"link.active\"\n [fragment]=\"link.anchorId\"\n [routerLink]=\"[]\"\n >\n <span class=\"sky-docs-toc-link-text\">{{ link.text }}</span>\n @if (link.categoryColor) {\n <sky-docs-category-tag\n class=\"sky-docs-toc-link-category sky-font-body-sm\"\n [color]=\"link.categoryColor\"\n >\n @if (link.categoryTemplate) {\n <ng-container [ngTemplateOutlet]=\"link.categoryTemplate\" />\n } @else {\n {{ link.categoryText }}\n }\n </sky-docs-category-tag>\n }\n </a>\n }\n</nav>\n", styles: [":host{--sky-docs-toc-active-border-size: 4px;display:block}.sky-docs-toc-heading{padding:0 0 0 var(--sky-padding-even-md)}a.sky-docs-toc-link{display:flex;align-items:center;gap:var(--sky-margin-inline-xs);height:22px;padding:0 0 0 calc(var(--sky-padding-even-md) - var(--sky-docs-toc-active-border-size));border-left:var(--sky-docs-toc-active-border-size) solid transparent}a.sky-docs-toc-link:focus-visible,a.sky-docs-toc-link.sky-docs-toc-link-active{border-color:var(--sky-text-color-action-primary)}a.sky-docs-toc-link:hover{text-decoration:none}a.sky-docs-toc-link:hover .sky-docs-toc-link-text{text-decoration:underline}a.sky-docs-toc-link .sky-docs-toc-link-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}a.sky-docs-toc-link .sky-docs-toc-link-category{flex-shrink:1;white-space:nowrap}\n"] }]
|
|
1019
1025
|
}] });
|
|
@@ -1036,8 +1042,8 @@ class SkyDocsTableOfContentsPageComponent {
|
|
|
1036
1042
|
this.#destroyRef = inject(DestroyRef);
|
|
1037
1043
|
this.#elementRef = inject(ElementRef);
|
|
1038
1044
|
this.#scrollableHostSvc = inject(SkyScrollableHostService);
|
|
1039
|
-
this.menuHeadingText = input.required();
|
|
1040
|
-
this.#activeAnchorIdOnScroll = signal(undefined);
|
|
1045
|
+
this.menuHeadingText = input.required(...(ngDevMode ? [{ debugName: "menuHeadingText" }] : []));
|
|
1046
|
+
this.#activeAnchorIdOnScroll = signal(undefined, ...(ngDevMode ? [{ debugName: "#activeAnchorIdOnScroll" }] : []));
|
|
1041
1047
|
this.#scrollOffset = 0;
|
|
1042
1048
|
this.breakpoint = toSignal(inject(SkyMediaQueryService).breakpointChange);
|
|
1043
1049
|
this.links = computed(() => {
|
|
@@ -1051,7 +1057,7 @@ class SkyDocsTableOfContentsPageComponent {
|
|
|
1051
1057
|
link.active = link.anchorId === activeAnchorId;
|
|
1052
1058
|
return link;
|
|
1053
1059
|
}) ?? []);
|
|
1054
|
-
});
|
|
1060
|
+
}, ...(ngDevMode ? [{ debugName: "links" }] : []));
|
|
1055
1061
|
this.#routeFragment = toSignal(inject(ActivatedRoute).fragment.pipe(take(1)));
|
|
1056
1062
|
this.#doc = inject(DOCUMENT);
|
|
1057
1063
|
effect(() => {
|
|
@@ -1103,10 +1109,10 @@ class SkyDocsTableOfContentsPageComponent {
|
|
|
1103
1109
|
? scrollEl.getBoundingClientRect().top
|
|
1104
1110
|
: 0;
|
|
1105
1111
|
}
|
|
1106
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1107
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
1112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTableOfContentsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1113
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsTableOfContentsPageComponent, isStandalone: true, selector: "sky-docs-toc-page", inputs: { menuHeadingText: { classPropertyName: "menuHeadingText", publicName: "menuHeadingText", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.sky-docs-toc-page-with-links": "links().length > 0" } }, ngImport: i0, template: "@if (links().length > 0) {\n <div class=\"sky-docs-toc-menu\">\n <sky-docs-toc [headingText]=\"menuHeadingText()\" [links]=\"links()\" />\n </div>\n}\n<div class=\"sky-docs-toc-body\">\n <ng-content />\n</div>\n", styles: [":host{display:flex;align-items:flex-start;flex-direction:row-reverse;gap:40px}:host(:not(.sky-docs-toc-page-with-links)) .sky-docs-toc-body{width:100%}:host(.sky-docs-toc-page-with-links) .sky-docs-toc-body{min-width:50%;flex:1}:host(.sky-docs-toc-page-with-links) .sky-docs-toc-menu{position:sticky;top:var(--sky-viewport-top);flex-shrink:1;max-width:40%;min-width:20%}\n"], dependencies: [{ kind: "component", type: SkyDocsTableOfContentsComponent, selector: "sky-docs-toc", inputs: ["headingText", "links"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1108
1114
|
}
|
|
1109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTableOfContentsPageComponent, decorators: [{
|
|
1110
1116
|
type: Component,
|
|
1111
1117
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1112
1118
|
'[class.sky-docs-toc-page-with-links]': 'links().length > 0',
|
|
@@ -1117,12 +1123,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1117
1123
|
* @internal
|
|
1118
1124
|
*/
|
|
1119
1125
|
class SkyDocsTableOfContentsModule {
|
|
1120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1121
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
1126
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTableOfContentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1127
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTableOfContentsModule, imports: [SkyDocsTableOfContentsComponent,
|
|
1122
1128
|
SkyDocsTableOfContentsPageComponent], exports: [SkyDocsTableOfContentsPageComponent] }); }
|
|
1123
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
1129
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTableOfContentsModule }); }
|
|
1124
1130
|
}
|
|
1125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTableOfContentsModule, decorators: [{
|
|
1126
1132
|
type: NgModule,
|
|
1127
1133
|
args: [{
|
|
1128
1134
|
imports: [
|
|
@@ -1138,13 +1144,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1138
1144
|
*/
|
|
1139
1145
|
class SkyDocsTypeDefinitionBoxComponent {
|
|
1140
1146
|
constructor() {
|
|
1141
|
-
this.headingText = input.required();
|
|
1142
|
-
this.deprecated = input(false, { transform: booleanAttribute });
|
|
1143
|
-
this.required = input(false, { transform: booleanAttribute });
|
|
1144
|
-
this.stacked = input(false, { transform: booleanAttribute });
|
|
1147
|
+
this.headingText = input.required(...(ngDevMode ? [{ debugName: "headingText" }] : []));
|
|
1148
|
+
this.deprecated = input(false, ...(ngDevMode ? [{ debugName: "deprecated", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1149
|
+
this.required = input(false, ...(ngDevMode ? [{ debugName: "required", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1150
|
+
this.stacked = input(false, ...(ngDevMode ? [{ debugName: "stacked", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1145
1151
|
}
|
|
1146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1147
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
1152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1153
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsTypeDefinitionBoxComponent, isStandalone: true, selector: "sky-docs-type-definition-box", inputs: { headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null }, deprecated: { classPropertyName: "deprecated", publicName: "deprecated", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-margin-stacked-xl": "stacked()" }, classAttribute: "sky-elevation-0-bordered sky-rounded-corners" }, ngImport: i0, template: `
|
|
1148
1154
|
<div
|
|
1149
1155
|
class="sky-docs-type-definition-box-header sky-border-bottom-dark sky-padding-even-xl"
|
|
1150
1156
|
>
|
|
@@ -1163,7 +1169,7 @@ class SkyDocsTypeDefinitionBoxComponent {
|
|
|
1163
1169
|
</div>
|
|
1164
1170
|
`, isInline: true, styles: [":host{display:block;overflow:hidden}.sky-docs-type-definition-box-header{background-color:var(--sky-background-color-info-light);display:flex;align-items:center;gap:10px}.sky-docs-type-definition-box-heading{margin:0;font-weight:400;word-break:break-all}\n"], dependencies: [{ kind: "ngmodule", type: SkyDocsCategoryTagModule }, { kind: "component", type: SkyDocsCategoryTagComponent, selector: "sky-docs-category-tag", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1165
1171
|
}
|
|
1166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionBoxComponent, decorators: [{
|
|
1167
1173
|
type: Component,
|
|
1168
1174
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1169
1175
|
class: 'sky-elevation-0-bordered sky-rounded-corners',
|
|
@@ -1205,10 +1211,10 @@ class SkyDocsMarkdownPipe {
|
|
|
1205
1211
|
? marked.parseInline(value)
|
|
1206
1212
|
: marked.parse(value);
|
|
1207
1213
|
}
|
|
1208
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1209
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1214
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsMarkdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1215
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsMarkdownPipe, isStandalone: true, name: "skyDocsMarkdown" }); }
|
|
1210
1216
|
}
|
|
1211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsMarkdownPipe, decorators: [{
|
|
1212
1218
|
type: Pipe,
|
|
1213
1219
|
args: [{
|
|
1214
1220
|
name: 'skyDocsMarkdown',
|
|
@@ -1230,10 +1236,10 @@ class SkyDocsTypeDefinitionAnchorIdsService {
|
|
|
1230
1236
|
getAnchorId(typeName) {
|
|
1231
1237
|
return this.#anchorIds.get(typeName);
|
|
1232
1238
|
}
|
|
1233
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1234
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
1239
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionAnchorIdsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1240
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionAnchorIdsService }); }
|
|
1235
1241
|
}
|
|
1236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionAnchorIdsService, decorators: [{
|
|
1237
1243
|
type: Injectable
|
|
1238
1244
|
}] });
|
|
1239
1245
|
|
|
@@ -1298,10 +1304,10 @@ class SkyTypeAnchorLinksPipe {
|
|
|
1298
1304
|
anchorEl: `<a class="sky-docs-codespan-anchor" href="${href}">${typeName}</a>`,
|
|
1299
1305
|
};
|
|
1300
1306
|
}
|
|
1301
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1302
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1307
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyTypeAnchorLinksPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1308
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyTypeAnchorLinksPipe, isStandalone: true, name: "skyTypeAnchorLinks", pure: false }); }
|
|
1303
1309
|
}
|
|
1304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1310
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyTypeAnchorLinksPipe, decorators: [{
|
|
1305
1311
|
type: Pipe,
|
|
1306
1312
|
args: [{
|
|
1307
1313
|
name: 'skyTypeAnchorLinks',
|
|
@@ -1314,10 +1320,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1314
1320
|
*/
|
|
1315
1321
|
class SkyDocsDeprecationReasonComponent {
|
|
1316
1322
|
constructor() {
|
|
1317
|
-
this.message = input.required();
|
|
1323
|
+
this.message = input.required(...(ngDevMode ? [{ debugName: "message" }] : []));
|
|
1318
1324
|
}
|
|
1319
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1320
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0
|
|
1325
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsDeprecationReasonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1326
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: SkyDocsDeprecationReasonComponent, isStandalone: true, selector: "sky-docs-deprecation-reason", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
1321
1327
|
<p>
|
|
1322
1328
|
<sky-status-indicator descriptionType="warning" indicatorType="warning">
|
|
1323
1329
|
<strong class="sky-font-emphasized">Deprecated. </strong
|
|
@@ -1326,9 +1332,9 @@ class SkyDocsDeprecationReasonComponent {
|
|
|
1326
1332
|
></span>
|
|
1327
1333
|
</sky-status-indicator>
|
|
1328
1334
|
</p>
|
|
1329
|
-
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "
|
|
1335
|
+
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: SkyStatusIndicatorModule }, { kind: "component", type: i1$1.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }, { kind: "pipe", type: SkyDocsMarkdownPipe, name: "skyDocsMarkdown" }, { kind: "pipe", type: SkyTypeAnchorLinksPipe, name: "skyTypeAnchorLinks" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1330
1336
|
}
|
|
1331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsDeprecationReasonComponent, decorators: [{
|
|
1332
1338
|
type: Component,
|
|
1333
1339
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1334
1340
|
SkyDocsMarkdownPipe,
|
|
@@ -1353,10 +1359,10 @@ class SkyDocsEscapeHtmlPipe {
|
|
|
1353
1359
|
transform(value) {
|
|
1354
1360
|
return value.replaceAll('<', '<').replaceAll('>', '>');
|
|
1355
1361
|
}
|
|
1356
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1357
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsEscapeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1363
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsEscapeHtmlPipe, isStandalone: true, name: "skyDocsEscapeHtml" }); }
|
|
1358
1364
|
}
|
|
1359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsEscapeHtmlPipe, decorators: [{
|
|
1360
1366
|
type: Pipe,
|
|
1361
1367
|
args: [{
|
|
1362
1368
|
name: 'skyDocsEscapeHtml',
|
|
@@ -1368,11 +1374,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1368
1374
|
*/
|
|
1369
1375
|
class SkyDocsTypeDefinitionDescriptionComponent {
|
|
1370
1376
|
constructor() {
|
|
1371
|
-
this.definitionName = input.required();
|
|
1372
|
-
this.description = input.required();
|
|
1377
|
+
this.definitionName = input.required(...(ngDevMode ? [{ debugName: "definitionName" }] : []));
|
|
1378
|
+
this.description = input.required(...(ngDevMode ? [{ debugName: "description" }] : []));
|
|
1373
1379
|
}
|
|
1374
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1375
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0
|
|
1380
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1381
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: SkyDocsTypeDefinitionDescriptionComponent, isStandalone: true, selector: "sky-docs-type-definition-description", inputs: { definitionName: { classPropertyName: "definitionName", publicName: "definitionName", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
1376
1382
|
<div
|
|
1377
1383
|
[innerHTML]="
|
|
1378
1384
|
description()
|
|
@@ -1381,9 +1387,9 @@ class SkyDocsTypeDefinitionDescriptionComponent {
|
|
|
1381
1387
|
| skyTypeAnchorLinks: { ignore: [definitionName()] }
|
|
1382
1388
|
"
|
|
1383
1389
|
></div>
|
|
1384
|
-
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "
|
|
1390
|
+
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: SkyStatusIndicatorModule }, { kind: "pipe", type: SkyDocsEscapeHtmlPipe, name: "skyDocsEscapeHtml" }, { kind: "pipe", type: SkyDocsMarkdownPipe, name: "skyDocsMarkdown" }, { kind: "pipe", type: SkyTypeAnchorLinksPipe, name: "skyTypeAnchorLinks" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1385
1391
|
}
|
|
1386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionDescriptionComponent, decorators: [{
|
|
1387
1393
|
type: Component,
|
|
1388
1394
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1389
1395
|
SkyDocsEscapeHtmlPipe,
|
|
@@ -1409,10 +1415,10 @@ class SkyDocsPropertyTypeDefinitionDefaultValuePipe {
|
|
|
1409
1415
|
transform(prop) {
|
|
1410
1416
|
return prop?.defaultValue;
|
|
1411
1417
|
}
|
|
1412
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1413
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1418
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsPropertyTypeDefinitionDefaultValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1419
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsPropertyTypeDefinitionDefaultValuePipe, isStandalone: true, name: "skyDocsPropertyDefaultValue" }); }
|
|
1414
1420
|
}
|
|
1415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsPropertyTypeDefinitionDefaultValuePipe, decorators: [{
|
|
1416
1422
|
type: Pipe,
|
|
1417
1423
|
args: [{
|
|
1418
1424
|
name: 'skyDocsPropertyDefaultValue',
|
|
@@ -1429,10 +1435,10 @@ class SkyDocsEnumerationSignaturePipe {
|
|
|
1429
1435
|
${def.children?.map((c) => `${c.name} = ${c.type},`).join('\n ')}
|
|
1430
1436
|
}`;
|
|
1431
1437
|
}
|
|
1432
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1433
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1438
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsEnumerationSignaturePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1439
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsEnumerationSignaturePipe, isStandalone: true, name: "skyDocsEnumerationSignature" }); }
|
|
1434
1440
|
}
|
|
1435
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsEnumerationSignaturePipe, decorators: [{
|
|
1436
1442
|
type: Pipe,
|
|
1437
1443
|
args: [{
|
|
1438
1444
|
name: 'skyDocsEnumerationSignature',
|
|
@@ -1446,10 +1452,10 @@ class SkyDocsParameterNamePipe {
|
|
|
1446
1452
|
transform(parameter) {
|
|
1447
1453
|
return `${parameter.name}${parameter.defaultValue ? ` = ${parameter.defaultValue}` : `${parameter.isOptional ? '?' : ''}: ${parameter.type}`}`;
|
|
1448
1454
|
}
|
|
1449
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1450
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1455
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsParameterNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1456
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsParameterNamePipe, isStandalone: true, name: "skyDocsParameterName" }); }
|
|
1451
1457
|
}
|
|
1452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsParameterNamePipe, decorators: [{
|
|
1453
1459
|
type: Pipe,
|
|
1454
1460
|
args: [{
|
|
1455
1461
|
name: 'skyDocsParameterName',
|
|
@@ -1468,10 +1474,10 @@ class SkyDocsFunctionSignaturePipe {
|
|
|
1468
1474
|
'') +
|
|
1469
1475
|
`): ${def.type}`);
|
|
1470
1476
|
}
|
|
1471
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1472
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1477
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsFunctionSignaturePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1478
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsFunctionSignaturePipe, isStandalone: true, name: "skyDocsFunctionSignature" }); }
|
|
1473
1479
|
}
|
|
1474
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsFunctionSignaturePipe, decorators: [{
|
|
1475
1481
|
type: Pipe,
|
|
1476
1482
|
args: [{
|
|
1477
1483
|
name: 'skyDocsFunctionSignature',
|
|
@@ -1495,10 +1501,10 @@ class SkyDocsInterfaceSignaturePipe {
|
|
|
1495
1501
|
}
|
|
1496
1502
|
return `interface ${def.name} {}`;
|
|
1497
1503
|
}
|
|
1498
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1499
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1504
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsInterfaceSignaturePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1505
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsInterfaceSignaturePipe, isStandalone: true, name: "skyDocsInterfaceSignature" }); }
|
|
1500
1506
|
}
|
|
1501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsInterfaceSignaturePipe, decorators: [{
|
|
1502
1508
|
type: Pipe,
|
|
1503
1509
|
args: [{
|
|
1504
1510
|
name: 'skyDocsInterfaceSignature',
|
|
@@ -1524,10 +1530,10 @@ class SkyDocsMethodNamePipe {
|
|
|
1524
1530
|
'') +
|
|
1525
1531
|
`): ${method.type}`);
|
|
1526
1532
|
}
|
|
1527
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1528
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1533
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsMethodNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1534
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsMethodNamePipe, isStandalone: true, name: "skyDocsMethodName" }); }
|
|
1529
1535
|
}
|
|
1530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsMethodNamePipe, decorators: [{
|
|
1531
1537
|
type: Pipe,
|
|
1532
1538
|
args: [{
|
|
1533
1539
|
name: 'skyDocsMethodName',
|
|
@@ -1551,10 +1557,10 @@ class SkyDocsPropertyNamePipe {
|
|
|
1551
1557
|
}
|
|
1552
1558
|
}
|
|
1553
1559
|
}
|
|
1554
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1555
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1560
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsPropertyNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1561
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsPropertyNamePipe, isStandalone: true, name: "skyDocsPropertyName" }); }
|
|
1556
1562
|
}
|
|
1557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1563
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsPropertyNamePipe, decorators: [{
|
|
1558
1564
|
type: Pipe,
|
|
1559
1565
|
args: [{
|
|
1560
1566
|
name: 'skyDocsPropertyName',
|
|
@@ -1569,10 +1575,10 @@ class SkyDocsTypeAliasSignaturePipe {
|
|
|
1569
1575
|
const def = definition;
|
|
1570
1576
|
return `type ${def.name} = ${def.type}`;
|
|
1571
1577
|
}
|
|
1572
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1573
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1578
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeAliasSignaturePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1579
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeAliasSignaturePipe, isStandalone: true, name: "skyDocsTypeAliasSignature" }); }
|
|
1574
1580
|
}
|
|
1575
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeAliasSignaturePipe, decorators: [{
|
|
1576
1582
|
type: Pipe,
|
|
1577
1583
|
args: [{
|
|
1578
1584
|
name: 'skyDocsTypeAliasSignature',
|
|
@@ -1601,10 +1607,10 @@ class SkyDocsTypeDefinitionKindToCategoryColorPipe {
|
|
|
1601
1607
|
return 'light-blue';
|
|
1602
1608
|
}
|
|
1603
1609
|
}
|
|
1604
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1605
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionKindToCategoryColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1611
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionKindToCategoryColorPipe, isStandalone: true, name: "skyDocsDefinitionKindToCategoryColor" }); }
|
|
1606
1612
|
}
|
|
1607
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionKindToCategoryColorPipe, decorators: [{
|
|
1608
1614
|
type: Pipe,
|
|
1609
1615
|
args: [{
|
|
1610
1616
|
name: 'skyDocsDefinitionKindToCategoryColor',
|
|
@@ -1623,10 +1629,10 @@ class SkyDocsTypeDefinitionKindToLabelPipe {
|
|
|
1623
1629
|
return kind.charAt(0).toLocaleUpperCase() + kind.slice(1);
|
|
1624
1630
|
}
|
|
1625
1631
|
}
|
|
1626
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1627
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1632
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionKindToLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1633
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionKindToLabelPipe, isStandalone: true, name: "skyTypeDefinitionKindToLabel" }); }
|
|
1628
1634
|
}
|
|
1629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionKindToLabelPipe, decorators: [{
|
|
1630
1636
|
type: Pipe,
|
|
1631
1637
|
args: [{
|
|
1632
1638
|
name: 'skyTypeDefinitionKindToLabel',
|
|
@@ -1638,8 +1644,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1638
1644
|
*/
|
|
1639
1645
|
class SkyDocsTypeDefinitionComponent {
|
|
1640
1646
|
constructor() {
|
|
1641
|
-
this.definition = input.required();
|
|
1642
|
-
this.stacked = input(false, { transform: booleanAttribute });
|
|
1647
|
+
this.definition = input.required(...(ngDevMode ? [{ debugName: "definition" }] : []));
|
|
1648
|
+
this.stacked = input(false, ...(ngDevMode ? [{ debugName: "stacked", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1643
1649
|
this.inputs = computed(() => {
|
|
1644
1650
|
const def = this.definition();
|
|
1645
1651
|
const inputs = def.children?.filter((c) => c.kind === 'directive-input');
|
|
@@ -1666,24 +1672,24 @@ class SkyDocsTypeDefinitionComponent {
|
|
|
1666
1672
|
return 0;
|
|
1667
1673
|
})
|
|
1668
1674
|
: undefined;
|
|
1669
|
-
});
|
|
1675
|
+
}, ...(ngDevMode ? [{ debugName: "inputs" }] : []));
|
|
1670
1676
|
this.methods = computed(() => {
|
|
1671
1677
|
const def = this.definition();
|
|
1672
1678
|
return def.children?.filter((c) => c.kind === 'class-method');
|
|
1673
|
-
});
|
|
1679
|
+
}, ...(ngDevMode ? [{ debugName: "methods" }] : []));
|
|
1674
1680
|
this.outputs = computed(() => {
|
|
1675
1681
|
const def = this.definition();
|
|
1676
1682
|
const outputs = def.children?.filter((c) => c.kind === 'directive-output');
|
|
1677
1683
|
return outputs && outputs.length > 0 ? outputs : undefined;
|
|
1678
|
-
});
|
|
1684
|
+
}, ...(ngDevMode ? [{ debugName: "outputs" }] : []));
|
|
1679
1685
|
this.parameters = computed(() => {
|
|
1680
1686
|
const def = this.definition();
|
|
1681
1687
|
return isFunctionDefinition(def) ? def.parameters : undefined;
|
|
1682
|
-
});
|
|
1688
|
+
}, ...(ngDevMode ? [{ debugName: "parameters" }] : []));
|
|
1683
1689
|
this.pipeName = computed(() => {
|
|
1684
1690
|
const def = this.definition();
|
|
1685
1691
|
return isPipeDefinition(def) ? def.templateBindingName : undefined;
|
|
1686
|
-
});
|
|
1692
|
+
}, ...(ngDevMode ? [{ debugName: "pipeName" }] : []));
|
|
1687
1693
|
this.properties = computed(() => {
|
|
1688
1694
|
const def = this.definition();
|
|
1689
1695
|
const ignore = [
|
|
@@ -1693,16 +1699,16 @@ class SkyDocsTypeDefinitionComponent {
|
|
|
1693
1699
|
];
|
|
1694
1700
|
const properties = def.children?.filter((c) => !ignore.includes(c.kind));
|
|
1695
1701
|
return properties && properties.length > 0 ? properties : undefined;
|
|
1696
|
-
});
|
|
1702
|
+
}, ...(ngDevMode ? [{ debugName: "properties" }] : []));
|
|
1697
1703
|
this.selector = computed(() => {
|
|
1698
1704
|
const def = this.definition();
|
|
1699
1705
|
return isDirectiveDefinition(def) ? def.selector : undefined;
|
|
1700
|
-
});
|
|
1706
|
+
}, ...(ngDevMode ? [{ debugName: "selector" }] : []));
|
|
1701
1707
|
}
|
|
1702
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1703
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: SkyDocsTypeDefinitionComponent, isStandalone: true, selector: "sky-docs-type-definition", inputs: { definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-margin-stacked-xxl": "stacked()" } }, providers: [SkyDocsParameterNamePipe], ngImport: i0, template: "@if (definition(); as def) {\n <sky-docs-heading-anchor\n class=\"sky-margin-stacked-lg\"\n headingLevel=\"2\"\n [anchorId]=\"def.anchorId\"\n [categoryColor]=\"def.kind | skyDocsDefinitionKindToCategoryColor\"\n [categoryTemplate]=\"categoryTemplate\"\n [headingText]=\"def.name\"\n [strikethrough]=\"def.isDeprecated\"\n >\n <ng-template #categoryTemplate>\n <span class=\"sky-screen-reader-only\">Type: </span>\n {{ def.kind | skyTypeDefinitionKindToLabel }}\n </ng-template>\n @if (def.isPreview) {\n <sky-docs-category-tag color=\"teal\"> Preview </sky-docs-category-tag>\n }\n </sky-docs-heading-anchor>\n @if (def.kind === 'module' || def.name.endsWith('Harness')) {\n <p>\n <code class=\"sky-docs-codespan\"\n >import {{ '{' }} {{ def.name }} {{ '}' }} from '{{\n def.packageName\n }}';</code\n >\n </p>\n }\n @if (selector(); as selector) {\n <p>\n Selector: <code class=\"sky-docs-codespan\">{{ selector }}</code>\n </p>\n }\n @if (pipeName(); as pipeName) {\n <p>\n Pipe name: <code class=\"sky-docs-codespan\">{{ pipeName }}</code>\n </p>\n }\n @if (def.deprecationReason) {\n <sky-docs-deprecation-reason [message]=\"def.deprecationReason\" />\n }\n @if (def.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"def.name\"\n [description]=\"def.description\"\n />\n }\n @if (def.codeExample) {\n <h3>Example</h3>\n <sky-docs-code-snippet\n bordered\n class=\"sky-margin-stacked-lg\"\n hideToolbar\n [code]=\"def.codeExample\"\n [language]=\"def.codeExampleLanguage ?? 'html'\"\n />\n }\n @switch (def.kind) {\n @case ('function') {\n <sky-docs-code-snippet\n bordered\n class=\"sky-margin-stacked-lg\"\n hideToolbar\n language=\"ts\"\n [code]=\"\n def\n | skyDocsFunctionSignature\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n />\n @let parametersValue = parameters();\n @if (parametersValue && parametersValue.length > 0) {\n <h3>Parameters</h3>\n @for (parameter of parametersValue; track parameter.name) {\n <h4 class=\"sky-font-body-default\">\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n parameter\n | skyDocsParameterName\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks\n \"\n ></code>\n </h4>\n @if (parameter.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"parameter.name\"\n [description]=\"parameter.description\"\n />\n }\n }\n }\n }\n @case ('type-alias') {\n <sky-docs-code-snippet bordered hideToolbar stacked>\n <code\n [innerHTML]=\"\n def\n | skyDocsTypeAliasSignature\n | skyDocsCodeHighlight: 'typescript'\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n ></code>\n </sky-docs-code-snippet>\n }\n @default {\n @if (def.kind === 'interface') {\n <sky-docs-code-snippet\n bordered\n hideToolbar\n language=\"ts\"\n stacked\n [code]=\"def | skyDocsInterfaceSignature\"\n />\n }\n @if (def.kind === 'enumeration') {\n <sky-docs-code-snippet\n bordered\n hideToolbar\n language=\"ts\"\n stacked\n [code]=\"def | skyDocsEnumerationSignature\"\n />\n }\n @if (inputs(); as inputs) {\n <h3>Inputs</h3>\n @for (input of inputs; track input.name; let last = $last) {\n <sky-docs-type-definition-box\n [stacked]=\"!last\"\n [deprecated]=\"input.isDeprecated\"\n [required]=\"input.isRequired\"\n [headingText]=\"\n input\n | skyDocsPropertyName: def\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n >\n @if (input.deprecationReason) {\n <sky-docs-deprecation-reason\n class=\"sky-margin-stacked-sm\"\n [message]=\"input.deprecationReason\"\n />\n }\n @if (input.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"input.name\"\n [description]=\"input.description\"\n />\n }\n @let defaultValue = input | skyDocsPropertyDefaultValue;\n @if (defaultValue) {\n <p>\n Default:\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n defaultValue | skyDocsEscapeHtml | skyTypeAnchorLinks\n \"\n ></code>\n </p>\n }\n </sky-docs-type-definition-box>\n }\n }\n @if (outputs(); as outputs) {\n <h3>Outputs</h3>\n @for (output of outputs; track output.name; let last = $last) {\n <sky-docs-type-definition-box\n [stacked]=\"!last\"\n [deprecated]=\"output.isDeprecated\"\n [headingText]=\"\n output\n | skyDocsPropertyName: def\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n >\n @if (output.deprecationReason) {\n <sky-docs-deprecation-reason\n class=\"sky-margin-stacked-sm\"\n [message]=\"output.deprecationReason\"\n />\n }\n @if (output.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"output.name\"\n [description]=\"output.description\"\n />\n }\n </sky-docs-type-definition-box>\n }\n }\n @if (properties(); as properties) {\n <h3>Properties</h3>\n @for (property of properties; track property.name; let last = $last) {\n <sky-docs-type-definition-box\n [stacked]=\"!last\"\n [deprecated]=\"property.isDeprecated\"\n [headingText]=\"\n property\n | skyDocsPropertyName: def\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n >\n @if (property.deprecationReason) {\n <sky-docs-deprecation-reason\n class=\"sky-margin-stacked-sm\"\n [message]=\"property.deprecationReason\"\n />\n }\n @if (property.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"property.name\"\n [description]=\"property.description\"\n />\n }\n @let defaultValue = property | skyDocsPropertyDefaultValue;\n @if (defaultValue) {\n <p>\n Default:\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n defaultValue | skyDocsEscapeHtml | skyTypeAnchorLinks\n \"\n ></code>\n </p>\n }\n </sky-docs-type-definition-box>\n }\n }\n @let methodsValue = methods();\n @if (methodsValue && methodsValue.length > 0) {\n <h3>Methods</h3>\n @for (method of methodsValue; track method.name; let last = $last) {\n <sky-docs-type-definition-box\n [stacked]=\"!last\"\n [deprecated]=\"method.isDeprecated\"\n [headingText]=\"\n method\n | skyDocsMethodName: def\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n >\n @if (method.deprecationReason) {\n <sky-docs-deprecation-reason\n class=\"sky-margin-stacked-sm\"\n [message]=\"method.deprecationReason\"\n />\n }\n @if (method.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"method.name\"\n [description]=\"method.description\"\n />\n }\n @if (method.parameters) {\n <h4>Parameters</h4>\n @for (param of method.parameters; track param.name) {\n <h5 class=\"sky-font-body-default\">\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n param\n | skyDocsParameterName\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks\n \"\n ></code>\n </h5>\n @if (param.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"param.name\"\n [description]=\"param.description\"\n />\n }\n }\n }\n <h4>Returns</h4>\n <p>\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n method.type | skyDocsEscapeHtml | skyTypeAnchorLinks\n \"\n ></code>\n </p>\n </sky-docs-type-definition-box>\n }\n }\n }\n }\n}\n", styles: ["sky-docs-type-definition{display:block}sky-docs-type-definition .sky-docs-type-definition-box-body :first-child{margin-top:0}sky-docs-type-definition .sky-docs-type-definition-box-body :last-child{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: SkyDocsCategoryTagModule }, { kind: "component", type: SkyDocsCategoryTagComponent, selector: "sky-docs-category-tag", inputs: ["color"] }, { kind: "pipe", type: SkyDocsCodeHighlightPipe, name: "skyDocsCodeHighlight" }, { kind: "ngmodule", type: SkyDocsCodeSnippetModule }, { kind: "component", type: SkyDocsCodeSnippetComponent, selector: "sky-docs-code-snippet[code]", inputs: ["code", "language", "bordered", "hideToolbar", "stacked"] }, { kind: "component", type: SkyDocsCodeSnippetWrapperComponent, selector: "sky-docs-code-snippet:not([code])", inputs: ["bordered", "hideToolbar", "stacked"] }, { kind: "component", type: SkyDocsDeprecationReasonComponent, selector: "sky-docs-deprecation-reason", inputs: ["message"] }, { kind: "pipe", type: SkyDocsEnumerationSignaturePipe, name: "skyDocsEnumerationSignature" }, { kind: "ngmodule", type: SkyDocsHeadingAnchorModule }, { kind: "component", type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingText", "headingTextFormat", "categoryColor", "categoryTemplate", "categoryText", "headingLevel", "strikethrough"] }, { kind: "pipe", type: SkyDocsFunctionSignaturePipe, name: "skyDocsFunctionSignature" }, { kind: "pipe", type: SkyDocsInterfaceSignaturePipe, name: "skyDocsInterfaceSignature" }, { kind: "pipe", type: SkyDocsMethodNamePipe, name: "skyDocsMethodName" }, { kind: "pipe", type: SkyDocsParameterNamePipe, name: "skyDocsParameterName" }, { kind: "pipe", type: SkyDocsPropertyNamePipe, name: "skyDocsPropertyName" }, { kind: "pipe", type: SkyDocsPropertyTypeDefinitionDefaultValuePipe, name: "skyDocsPropertyDefaultValue" }, { kind: "pipe", type: SkyDocsTypeAliasSignaturePipe, name: "skyDocsTypeAliasSignature" }, { kind: "component", type: SkyDocsTypeDefinitionBoxComponent, selector: "sky-docs-type-definition-box", inputs: ["headingText", "deprecated", "required", "stacked"] }, { kind: "component", type: SkyDocsTypeDefinitionDescriptionComponent, selector: "sky-docs-type-definition-description", inputs: ["definitionName", "description"] }, { kind: "pipe", type: SkyDocsTypeDefinitionKindToCategoryColorPipe, name: "skyDocsDefinitionKindToCategoryColor" }, { kind: "pipe", type: SkyDocsTypeDefinitionKindToLabelPipe, name: "skyTypeDefinitionKindToLabel" }, { kind: "pipe", type: SkyDocsEscapeHtmlPipe, name: "skyDocsEscapeHtml" }, { kind: "pipe", type: SkyTypeAnchorLinksPipe, name: "skyTypeAnchorLinks" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1708
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1709
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsTypeDefinitionComponent, isStandalone: true, selector: "sky-docs-type-definition", inputs: { definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-margin-stacked-xxl": "stacked()" } }, providers: [SkyDocsParameterNamePipe], ngImport: i0, template: "@if (definition(); as def) {\n <sky-docs-heading-anchor\n class=\"sky-margin-stacked-lg\"\n headingLevel=\"2\"\n [anchorId]=\"def.anchorId\"\n [categoryColor]=\"def.kind | skyDocsDefinitionKindToCategoryColor\"\n [categoryTemplate]=\"categoryTemplate\"\n [headingText]=\"def.name\"\n [strikethrough]=\"def.isDeprecated\"\n >\n <ng-template #categoryTemplate>\n <span class=\"sky-screen-reader-only\">Type: </span>\n {{ def.kind | skyTypeDefinitionKindToLabel }}\n </ng-template>\n @if (def.isPreview) {\n <sky-docs-category-tag color=\"teal\"> Preview </sky-docs-category-tag>\n }\n </sky-docs-heading-anchor>\n @if (def.kind === 'module' || def.name.endsWith('Harness')) {\n <p>\n <code class=\"sky-docs-codespan\"\n >import {{ '{' }} {{ def.name }} {{ '}' }} from '{{\n def.packageName\n }}';</code\n >\n </p>\n }\n @if (selector(); as selector) {\n <p>\n Selector: <code class=\"sky-docs-codespan\">{{ selector }}</code>\n </p>\n }\n @if (pipeName(); as pipeName) {\n <p>\n Pipe name: <code class=\"sky-docs-codespan\">{{ pipeName }}</code>\n </p>\n }\n @if (def.deprecationReason) {\n <sky-docs-deprecation-reason [message]=\"def.deprecationReason\" />\n }\n @if (def.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"def.name\"\n [description]=\"def.description\"\n />\n }\n @if (def.codeExample) {\n <h3>Example</h3>\n <sky-docs-code-snippet\n bordered\n class=\"sky-margin-stacked-lg\"\n hideToolbar\n [code]=\"def.codeExample\"\n [language]=\"def.codeExampleLanguage ?? 'html'\"\n />\n }\n @switch (def.kind) {\n @case ('function') {\n <sky-docs-code-snippet\n bordered\n class=\"sky-margin-stacked-lg\"\n hideToolbar\n language=\"ts\"\n [code]=\"\n def\n | skyDocsFunctionSignature\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n />\n @let parametersValue = parameters();\n @if (parametersValue && parametersValue.length > 0) {\n <h3>Parameters</h3>\n @for (parameter of parametersValue; track parameter.name) {\n <h4 class=\"sky-font-body-default\">\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n parameter\n | skyDocsParameterName\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks\n \"\n ></code>\n </h4>\n @if (parameter.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"parameter.name\"\n [description]=\"parameter.description\"\n />\n }\n }\n }\n }\n @case ('type-alias') {\n <sky-docs-code-snippet bordered hideToolbar stacked>\n <code\n [innerHTML]=\"\n def\n | skyDocsTypeAliasSignature\n | skyDocsCodeHighlight: 'typescript'\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n ></code>\n </sky-docs-code-snippet>\n }\n @default {\n @if (def.kind === 'interface') {\n <sky-docs-code-snippet\n bordered\n hideToolbar\n language=\"ts\"\n stacked\n [code]=\"def | skyDocsInterfaceSignature\"\n />\n }\n @if (def.kind === 'enumeration') {\n <sky-docs-code-snippet\n bordered\n hideToolbar\n language=\"ts\"\n stacked\n [code]=\"def | skyDocsEnumerationSignature\"\n />\n }\n @if (inputs(); as inputs) {\n <h3>Inputs</h3>\n @for (input of inputs; track input.name; let last = $last) {\n <sky-docs-type-definition-box\n [stacked]=\"!last\"\n [deprecated]=\"input.isDeprecated\"\n [required]=\"input.isRequired\"\n [headingText]=\"\n input\n | skyDocsPropertyName: def\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n >\n @if (input.deprecationReason) {\n <sky-docs-deprecation-reason\n class=\"sky-margin-stacked-sm\"\n [message]=\"input.deprecationReason\"\n />\n }\n @if (input.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"input.name\"\n [description]=\"input.description\"\n />\n }\n @let defaultValue = input | skyDocsPropertyDefaultValue;\n @if (defaultValue) {\n <p>\n Default:\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n defaultValue | skyDocsEscapeHtml | skyTypeAnchorLinks\n \"\n ></code>\n </p>\n }\n </sky-docs-type-definition-box>\n }\n }\n @if (outputs(); as outputs) {\n <h3>Outputs</h3>\n @for (output of outputs; track output.name; let last = $last) {\n <sky-docs-type-definition-box\n [stacked]=\"!last\"\n [deprecated]=\"output.isDeprecated\"\n [headingText]=\"\n output\n | skyDocsPropertyName: def\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n >\n @if (output.deprecationReason) {\n <sky-docs-deprecation-reason\n class=\"sky-margin-stacked-sm\"\n [message]=\"output.deprecationReason\"\n />\n }\n @if (output.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"output.name\"\n [description]=\"output.description\"\n />\n }\n </sky-docs-type-definition-box>\n }\n }\n @if (properties(); as properties) {\n <h3>Properties</h3>\n @for (property of properties; track property.name; let last = $last) {\n <sky-docs-type-definition-box\n [stacked]=\"!last\"\n [deprecated]=\"property.isDeprecated\"\n [headingText]=\"\n property\n | skyDocsPropertyName: def\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n >\n @if (property.deprecationReason) {\n <sky-docs-deprecation-reason\n class=\"sky-margin-stacked-sm\"\n [message]=\"property.deprecationReason\"\n />\n }\n @if (property.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"property.name\"\n [description]=\"property.description\"\n />\n }\n @let defaultValue = property | skyDocsPropertyDefaultValue;\n @if (defaultValue) {\n <p>\n Default:\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n defaultValue | skyDocsEscapeHtml | skyTypeAnchorLinks\n \"\n ></code>\n </p>\n }\n </sky-docs-type-definition-box>\n }\n }\n @let methodsValue = methods();\n @if (methodsValue && methodsValue.length > 0) {\n <h3>Methods</h3>\n @for (method of methodsValue; track method.name; let last = $last) {\n <sky-docs-type-definition-box\n [stacked]=\"!last\"\n [deprecated]=\"method.isDeprecated\"\n [headingText]=\"\n method\n | skyDocsMethodName: def\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks: { ignore: [def.name] }\n \"\n >\n @if (method.deprecationReason) {\n <sky-docs-deprecation-reason\n class=\"sky-margin-stacked-sm\"\n [message]=\"method.deprecationReason\"\n />\n }\n @if (method.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"method.name\"\n [description]=\"method.description\"\n />\n }\n @if (method.parameters) {\n <h4>Parameters</h4>\n @for (param of method.parameters; track param.name) {\n <h5 class=\"sky-font-body-default\">\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n param\n | skyDocsParameterName\n | skyDocsEscapeHtml\n | skyTypeAnchorLinks\n \"\n ></code>\n </h5>\n @if (param.description) {\n <sky-docs-type-definition-description\n [definitionName]=\"param.name\"\n [description]=\"param.description\"\n />\n }\n }\n }\n <h4>Returns</h4>\n <p>\n <code\n class=\"sky-docs-codespan\"\n [innerHTML]=\"\n method.type | skyDocsEscapeHtml | skyTypeAnchorLinks\n \"\n ></code>\n </p>\n </sky-docs-type-definition-box>\n }\n }\n }\n }\n}\n", styles: ["sky-docs-type-definition{display:block}sky-docs-type-definition .sky-docs-type-definition-box-body :first-child{margin-top:0}sky-docs-type-definition .sky-docs-type-definition-box-body :last-child{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: SkyDocsCategoryTagModule }, { kind: "component", type: SkyDocsCategoryTagComponent, selector: "sky-docs-category-tag", inputs: ["color"] }, { kind: "ngmodule", type: SkyDocsCodeSnippetModule }, { kind: "component", type: SkyDocsCodeSnippetComponent, selector: "sky-docs-code-snippet[code]", inputs: ["code", "language", "bordered", "hideToolbar", "stacked"] }, { kind: "component", type: SkyDocsCodeSnippetWrapperComponent, selector: "sky-docs-code-snippet:not([code])", inputs: ["bordered", "hideToolbar", "stacked"] }, { kind: "component", type: SkyDocsDeprecationReasonComponent, selector: "sky-docs-deprecation-reason", inputs: ["message"] }, { kind: "ngmodule", type: SkyDocsHeadingAnchorModule }, { kind: "component", type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingText", "headingTextFormat", "categoryColor", "categoryTemplate", "categoryText", "headingLevel", "strikethrough"] }, { kind: "component", type: SkyDocsTypeDefinitionBoxComponent, selector: "sky-docs-type-definition-box", inputs: ["headingText", "deprecated", "required", "stacked"] }, { kind: "component", type: SkyDocsTypeDefinitionDescriptionComponent, selector: "sky-docs-type-definition-description", inputs: ["definitionName", "description"] }, { kind: "pipe", type: SkyDocsCodeHighlightPipe, name: "skyDocsCodeHighlight" }, { kind: "pipe", type: SkyDocsEnumerationSignaturePipe, name: "skyDocsEnumerationSignature" }, { kind: "pipe", type: SkyDocsFunctionSignaturePipe, name: "skyDocsFunctionSignature" }, { kind: "pipe", type: SkyDocsInterfaceSignaturePipe, name: "skyDocsInterfaceSignature" }, { kind: "pipe", type: SkyDocsMethodNamePipe, name: "skyDocsMethodName" }, { kind: "pipe", type: SkyDocsParameterNamePipe, name: "skyDocsParameterName" }, { kind: "pipe", type: SkyDocsPropertyNamePipe, name: "skyDocsPropertyName" }, { kind: "pipe", type: SkyDocsPropertyTypeDefinitionDefaultValuePipe, name: "skyDocsPropertyDefaultValue" }, { kind: "pipe", type: SkyDocsTypeAliasSignaturePipe, name: "skyDocsTypeAliasSignature" }, { kind: "pipe", type: SkyDocsTypeDefinitionKindToCategoryColorPipe, name: "skyDocsDefinitionKindToCategoryColor" }, { kind: "pipe", type: SkyDocsTypeDefinitionKindToLabelPipe, name: "skyTypeDefinitionKindToLabel" }, { kind: "pipe", type: SkyDocsEscapeHtmlPipe, name: "skyDocsEscapeHtml" }, { kind: "pipe", type: SkyTypeAnchorLinksPipe, name: "skyTypeAnchorLinks" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1704
1710
|
}
|
|
1705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1711
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionComponent, decorators: [{
|
|
1706
1712
|
type: Component,
|
|
1707
1713
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
1708
1714
|
'[class.sky-margin-stacked-xxl]': 'stacked()',
|
|
@@ -1733,11 +1739,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1733
1739
|
* @internal
|
|
1734
1740
|
*/
|
|
1735
1741
|
class SkyDocsTypeDefinitionModule {
|
|
1736
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1737
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
1738
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
1742
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1743
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionModule, imports: [SkyDocsTypeDefinitionComponent], exports: [SkyDocsTypeDefinitionComponent] }); }
|
|
1744
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionModule, imports: [SkyDocsTypeDefinitionComponent] }); }
|
|
1739
1745
|
}
|
|
1740
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsTypeDefinitionModule, decorators: [{
|
|
1741
1747
|
type: NgModule,
|
|
1742
1748
|
args: [{
|
|
1743
1749
|
imports: [SkyDocsTypeDefinitionComponent],
|
|
@@ -1760,10 +1766,10 @@ class SkyDocsShowcaseHostService {
|
|
|
1760
1766
|
updateGroup(group) {
|
|
1761
1767
|
this.#documentationGroup.next(group);
|
|
1762
1768
|
}
|
|
1763
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1764
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
1769
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseHostService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1770
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseHostService }); }
|
|
1765
1771
|
}
|
|
1766
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseHostService, decorators: [{
|
|
1767
1773
|
type: Injectable
|
|
1768
1774
|
}] });
|
|
1769
1775
|
|
|
@@ -1777,10 +1783,10 @@ class SkyDocsShowcaseAreaDevelopmentComponent {
|
|
|
1777
1783
|
this.documentationGroup = toSignal(this.#hostSvc.documentationGroup);
|
|
1778
1784
|
}
|
|
1779
1785
|
#hostSvc;
|
|
1780
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1781
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
1786
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaDevelopmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1787
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsShowcaseAreaDevelopmentComponent, isStandalone: true, selector: "sky-docs-showcase-area-development", providers: [SkyDocsHeadingAnchorService], ngImport: i0, template: "<sky-docs-toc-page menuHeadingText=\"Development\">\n @if (documentationGroup()?.packageInfo; as packageInfo) {\n <div\n class=\"sky-docs-showcase-section sky-margin-stacked-xxl sky-border-bottom-row\"\n >\n <sky-docs-heading-anchor\n anchorId=\"installation\"\n class=\"sky-margin-stacked-lg\"\n headingText=\"Installation\"\n />\n <sky-description-list>\n <sky-description-list-content>\n <sky-description-list-term> NPM package </sky-description-list-term>\n <sky-description-list-description>\n <code class=\"sky-docs-codespan sky-margin-inline-sm\">{{\n packageInfo.packageName\n }}</code>\n <a [attr.href]=\"packageInfo.registryUrl\">View in NPM</a\n ><span> | </span\n ><a [attr.href]=\"packageInfo.repoUrl\">View in GitHub</a>\n </sky-description-list-description>\n </sky-description-list-content>\n <sky-description-list-content\n helpPopoverContent=\"To use this module, you must install peer dependencies along with its package. Also, after you install the package, you must add the module as an export in your SPA's main module to make exports available to your SPA.\"\n >\n <sky-description-list-term>\n Install with NPM\n </sky-description-list-term>\n <sky-description-list-description>\n <code\n #installationRef\n class=\"sky-docs-codespan sky-margin-inline-sm sky-margin-stacked-sm\"\n >\n npm install --save-exact {{ packageInfo.packageName }}\n </code>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n skyDocsClipboardButton\n copySuccessMessage=\"Command copied\"\n [clipboardTarget]=\"installationRef\"\n >\n <sky-icon iconName=\"clipboard-multiple\" />\n Copy\n </button>\n </sky-description-list-description>\n </sky-description-list-content>\n </sky-description-list>\n </div>\n }\n <div\n class=\"sky-docs-showcase-section sky-margin-stacked-xxl sky-border-bottom-row\"\n >\n <ng-content />\n </div>\n @if (documentationGroup()?.publicApi; as definitions) {\n @for (\n definition of definitions;\n track definition.docsId;\n let last = $last\n ) {\n <sky-docs-type-definition [definition]=\"definition\" [stacked]=\"!last\" />\n }\n }\n</sky-docs-toc-page>\n", styles: [":host{display:block;padding-top:var(--sky-padding-even-xl)}.sky-docs-showcase-section{padding-bottom:var(--sky-padding-even-xl)}.sky-docs-showcase-section:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: SkyDescriptionListModule }, { kind: "component", type: i1.λ18, selector: "sky-description-list", inputs: ["defaultDescription", "listItemWidth", "mode"] }, { kind: "component", type: i1.λ21, selector: "sky-description-list-content", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle"] }, { kind: "component", type: i1.λ19, selector: "sky-description-list-term" }, { kind: "component", type: i1.λ20, selector: "sky-description-list-description" }, { kind: "ngmodule", type: SkyDocsClipboardModule }, { kind: "directive", type: SkyDocsClipboardButtonDirective, selector: "[skyDocsClipboardButton]", inputs: ["clipboardTarget", "copySuccessMessage"] }, { kind: "ngmodule", type: SkyDocsHeadingAnchorModule }, { kind: "component", type: SkyDocsHeadingAnchorComponent, selector: "sky-docs-heading-anchor", inputs: ["anchorId", "headingText", "headingTextFormat", "categoryColor", "categoryTemplate", "categoryText", "headingLevel", "strikethrough"] }, { kind: "ngmodule", type: SkyDocsTableOfContentsModule }, { kind: "component", type: SkyDocsTableOfContentsPageComponent, selector: "sky-docs-toc-page", inputs: ["menuHeadingText"] }, { kind: "ngmodule", type: SkyDocsTypeDefinitionModule }, { kind: "component", type: SkyDocsTypeDefinitionComponent, selector: "sky-docs-type-definition", inputs: ["definition", "stacked"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1782
1788
|
}
|
|
1783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaDevelopmentComponent, decorators: [{
|
|
1784
1790
|
type: Component,
|
|
1785
1791
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1786
1792
|
SkyDescriptionListModule,
|
|
@@ -1800,10 +1806,10 @@ class SkyDocsCodeExampleNameToComponentTypePipe {
|
|
|
1800
1806
|
transform(componentName) {
|
|
1801
1807
|
return this.#examples[componentName];
|
|
1802
1808
|
}
|
|
1803
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1804
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0
|
|
1809
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleNameToComponentTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1810
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleNameToComponentTypePipe, isStandalone: true, name: "skyDocsCodeExampleNameToComponentType" }); }
|
|
1805
1811
|
}
|
|
1806
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1812
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsCodeExampleNameToComponentTypePipe, decorators: [{
|
|
1807
1813
|
type: Pipe,
|
|
1808
1814
|
args: [{
|
|
1809
1815
|
name: 'skyDocsCodeExampleNameToComponentType',
|
|
@@ -1820,10 +1826,10 @@ class SkyDocsShowcaseAreaExamplesComponent {
|
|
|
1820
1826
|
this.documentationGroup = toSignal(this.#hostSvc.documentationGroup);
|
|
1821
1827
|
}
|
|
1822
1828
|
#hostSvc;
|
|
1823
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1824
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
1829
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaExamplesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1830
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsShowcaseAreaExamplesComponent, isStandalone: true, selector: "sky-docs-showcase-area-examples", providers: [SkyDocsHeadingAnchorService], ngImport: i0, template: "@if (documentationGroup()?.codeExamples; as codeExamples) {\n @for (\n example of codeExamples;\n track example.componentName;\n let last = $last\n ) {\n <sky-docs-code-example-viewer\n [componentName]=\"example.componentName\"\n [componentSelector]=\"example.selector\"\n [componentType]=\"\n example.componentName | skyDocsCodeExampleNameToComponentType\n \"\n [demoHidden]=\"!!example.demoHidden\"\n [files]=\"example.files\"\n [headingText]=\"example.title || 'Example'\"\n [primaryFile]=\"example.primaryFile\"\n [stacked]=\"!last\"\n />\n }\n}\n", styles: [":host{display:block;padding-top:var(--sky-padding-even-xl)}\n"], dependencies: [{ kind: "ngmodule", type: SkyDocsCodeExampleViewerModule }, { kind: "component", type: SkyDocsCodeExampleViewerComponent, selector: "sky-docs-code-example-viewer", inputs: ["componentName", "componentSelector", "componentType", "files", "headingText", "primaryFile", "demoHidden", "stacked"] }, { kind: "pipe", type: SkyDocsCodeExampleNameToComponentTypePipe, name: "skyDocsCodeExampleNameToComponentType" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1825
1831
|
}
|
|
1826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaExamplesComponent, decorators: [{
|
|
1827
1833
|
type: Component,
|
|
1828
1834
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1829
1835
|
SkyDocsCodeExampleNameToComponentTypePipe,
|
|
@@ -1842,12 +1848,12 @@ var showcaseAreaExamples_component = /*#__PURE__*/Object.freeze({
|
|
|
1842
1848
|
*/
|
|
1843
1849
|
class SkyDocsShowcaseAreaHighlightComponent {
|
|
1844
1850
|
constructor() {
|
|
1845
|
-
this.headingText = input.required();
|
|
1851
|
+
this.headingText = input.required(...(ngDevMode ? [{ debugName: "headingText" }] : []));
|
|
1846
1852
|
}
|
|
1847
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1848
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0
|
|
1853
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaHighlightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1854
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: SkyDocsShowcaseAreaHighlightComponent, isStandalone: true, selector: "sky-docs-showcase-area-highlight", inputs: { headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null } }, providers: [SkyDocsHeadingAnchorService], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;padding-top:var(--sky-padding-even-xl)}\n"], dependencies: [{ kind: "ngmodule", type: SkyDocsTableOfContentsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1849
1855
|
}
|
|
1850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1856
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaHighlightComponent, decorators: [{
|
|
1851
1857
|
type: Component,
|
|
1852
1858
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyDocsTableOfContentsModule], providers: [SkyDocsHeadingAnchorService], selector: 'sky-docs-showcase-area-highlight', template: `<ng-content />`, styles: [":host{display:block;padding-top:var(--sky-padding-even-xl)}\n"] }]
|
|
1853
1859
|
}] });
|
|
@@ -1857,14 +1863,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
1857
1863
|
* @internal
|
|
1858
1864
|
*/
|
|
1859
1865
|
class SkyDocsShowcaseAreaOverviewComponent {
|
|
1860
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1861
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0
|
|
1866
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1867
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: SkyDocsShowcaseAreaOverviewComponent, isStandalone: true, selector: "sky-docs-showcase-area-overview", providers: [SkyDocsHeadingAnchorService], ngImport: i0, template: `
|
|
1862
1868
|
<sky-docs-toc-page menuHeadingText="Overview">
|
|
1863
1869
|
<ng-content />
|
|
1864
1870
|
</sky-docs-toc-page>
|
|
1865
1871
|
`, isInline: true, styles: [":host{display:block;padding-top:var(--sky-padding-even-xl)}\n"], dependencies: [{ kind: "ngmodule", type: SkyDocsTableOfContentsModule }, { kind: "component", type: SkyDocsTableOfContentsPageComponent, selector: "sky-docs-toc-page", inputs: ["menuHeadingText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1866
1872
|
}
|
|
1867
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1873
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaOverviewComponent, decorators: [{
|
|
1868
1874
|
type: Component,
|
|
1869
1875
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyDocsTableOfContentsModule], providers: [SkyDocsHeadingAnchorService], selector: 'sky-docs-showcase-area-overview', template: `
|
|
1870
1876
|
<sky-docs-toc-page menuHeadingText="Overview">
|
|
@@ -1883,10 +1889,10 @@ class SkyDocsShowcaseAreaTestingComponent {
|
|
|
1883
1889
|
this.documentationGroup = toSignal(this.#hostSvc.documentationGroup);
|
|
1884
1890
|
}
|
|
1885
1891
|
#hostSvc;
|
|
1886
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1887
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
1892
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaTestingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1893
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsShowcaseAreaTestingComponent, isStandalone: true, selector: "sky-docs-showcase-area-testing", providers: [SkyDocsHeadingAnchorService], ngImport: i0, template: "<sky-docs-toc-page menuHeadingText=\"Testing\">\n <div\n class=\"sky-docs-showcase-section sky-margin-stacked-xxl sky-border-bottom-row\"\n >\n <p class=\"sky-margin-stacked-xl\">\n SKY UX test harnesses are built upon Angular CDK component harnesses. For\n more information see the\n <a href=\"https://material.angular.io/cdk/test-harnesses/overview\"\n >Angular CDK component harness documentation</a\n >.\n </p>\n <ng-content />\n </div>\n @if (documentationGroup()?.testing; as definitions) {\n @for (\n definition of definitions;\n track definition.docsId;\n let last = $last\n ) {\n <sky-docs-type-definition [definition]=\"definition\" [stacked]=\"!last\" />\n }\n }\n</sky-docs-toc-page>\n", styles: [":host{display:block;padding-top:var(--sky-padding-even-xl)}.sky-docs-showcase-section{padding-bottom:var(--sky-padding-even-xl)}.sky-docs-showcase-section:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: SkyDocsTableOfContentsModule }, { kind: "component", type: SkyDocsTableOfContentsPageComponent, selector: "sky-docs-toc-page", inputs: ["menuHeadingText"] }, { kind: "ngmodule", type: SkyDocsTypeDefinitionModule }, { kind: "component", type: SkyDocsTypeDefinitionComponent, selector: "sky-docs-type-definition", inputs: ["definition", "stacked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1888
1894
|
}
|
|
1889
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseAreaTestingComponent, decorators: [{
|
|
1890
1896
|
type: Component,
|
|
1891
1897
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyDocsTableOfContentsModule, SkyDocsTypeDefinitionModule], providers: [SkyDocsHeadingAnchorService], selector: 'sky-docs-showcase-area-testing', template: "<sky-docs-toc-page menuHeadingText=\"Testing\">\n <div\n class=\"sky-docs-showcase-section sky-margin-stacked-xxl sky-border-bottom-row\"\n >\n <p class=\"sky-margin-stacked-xl\">\n SKY UX test harnesses are built upon Angular CDK component harnesses. For\n more information see the\n <a href=\"https://material.angular.io/cdk/test-harnesses/overview\"\n >Angular CDK component harness documentation</a\n >.\n </p>\n <ng-content />\n </div>\n @if (documentationGroup()?.testing; as definitions) {\n @for (\n definition of definitions;\n track definition.docsId;\n let last = $last\n ) {\n <sky-docs-type-definition [definition]=\"definition\" [stacked]=\"!last\" />\n }\n }\n</sky-docs-toc-page>\n", styles: [":host{display:block;padding-top:var(--sky-padding-even-xl)}.sky-docs-showcase-section{padding-bottom:var(--sky-padding-even-xl)}.sky-docs-showcase-section:empty{display:none}\n"] }]
|
|
1892
1898
|
}] });
|
|
@@ -1900,8 +1906,8 @@ class SkyDocsShowcaseComponent {
|
|
|
1900
1906
|
constructor() {
|
|
1901
1907
|
this.#anchorIdsSvc = inject(SkyDocsTypeDefinitionAnchorIdsService);
|
|
1902
1908
|
this.#showcaseHostSvc = inject(SkyDocsShowcaseHostService);
|
|
1903
|
-
this.groupName = input.required();
|
|
1904
|
-
this.packageName = input.required();
|
|
1909
|
+
this.groupName = input.required(...(ngDevMode ? [{ debugName: "groupName" }] : []));
|
|
1910
|
+
this.packageName = input.required(...(ngDevMode ? [{ debugName: "packageName" }] : []));
|
|
1905
1911
|
this.docsGroup = computed(() => {
|
|
1906
1912
|
const groupName = this.groupName();
|
|
1907
1913
|
const packageName = this.packageName();
|
|
@@ -1912,11 +1918,11 @@ class SkyDocsShowcaseComponent {
|
|
|
1912
1918
|
catch {
|
|
1913
1919
|
return;
|
|
1914
1920
|
}
|
|
1915
|
-
});
|
|
1916
|
-
this.developmentContent = contentChild(SkyDocsShowcaseAreaDevelopmentComponent);
|
|
1917
|
-
this.highlightContent = contentChild(SkyDocsShowcaseAreaHighlightComponent);
|
|
1918
|
-
this.overviewContent = contentChild(SkyDocsShowcaseAreaOverviewComponent);
|
|
1919
|
-
this.testingContent = contentChild(SkyDocsShowcaseAreaTestingComponent);
|
|
1921
|
+
}, ...(ngDevMode ? [{ debugName: "docsGroup" }] : []));
|
|
1922
|
+
this.developmentContent = contentChild(SkyDocsShowcaseAreaDevelopmentComponent, ...(ngDevMode ? [{ debugName: "developmentContent" }] : []));
|
|
1923
|
+
this.highlightContent = contentChild(SkyDocsShowcaseAreaHighlightComponent, ...(ngDevMode ? [{ debugName: "highlightContent" }] : []));
|
|
1924
|
+
this.overviewContent = contentChild(SkyDocsShowcaseAreaOverviewComponent, ...(ngDevMode ? [{ debugName: "overviewContent" }] : []));
|
|
1925
|
+
this.testingContent = contentChild(SkyDocsShowcaseAreaTestingComponent, ...(ngDevMode ? [{ debugName: "testingContent" }] : []));
|
|
1920
1926
|
effect(() => {
|
|
1921
1927
|
const docsGroup = this.docsGroup();
|
|
1922
1928
|
const anchorIds = {};
|
|
@@ -1930,13 +1936,13 @@ class SkyDocsShowcaseComponent {
|
|
|
1930
1936
|
this.#showcaseHostSvc.updateGroup(docsGroup);
|
|
1931
1937
|
});
|
|
1932
1938
|
}
|
|
1933
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1934
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0
|
|
1939
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1940
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: SkyDocsShowcaseComponent, isStandalone: true, selector: "sky-docs-showcase", inputs: { groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: true, transformFunction: null }, packageName: { classPropertyName: "packageName", publicName: "packageName", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
|
|
1935
1941
|
SkyDocsTypeDefinitionAnchorIdsService,
|
|
1936
1942
|
SkyDocsShowcaseHostService,
|
|
1937
|
-
], queries: [{ propertyName: "developmentContent", first: true, predicate: SkyDocsShowcaseAreaDevelopmentComponent, descendants: true, isSignal: true }, { propertyName: "highlightContent", first: true, predicate: SkyDocsShowcaseAreaHighlightComponent, descendants: true, isSignal: true }, { propertyName: "overviewContent", first: true, predicate: SkyDocsShowcaseAreaOverviewComponent, descendants: true, isSignal: true }, { propertyName: "testingContent", first: true, predicate: SkyDocsShowcaseAreaTestingComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@let group = docsGroup();\n<sky-tabset permalinkId=\"docs\">\n @if (highlightContent()) {\n <sky-tab [tabHeading]=\"highlightContent()?.headingText()\">\n <ng-container [ngTemplateOutlet]=\"highlightContentRef\" />\n </sky-tab>\n }\n @if (overviewContent()) {\n <sky-tab tabHeading=\"Design\">\n <ng-container [ngTemplateOutlet]=\"overviewContentRef\" />\n </sky-tab>\n }\n @if ((group && group.publicApi.length > 0) || developmentContent()) {\n <sky-tab tabHeading=\"Development\">\n @if (developmentContent()) {\n <ng-container [ngTemplateOutlet]=\"developmentContentRef\" />\n } @else {\n <sky-docs-showcase-area-development />\n }\n </sky-tab>\n }\n @if ((group && group.testing.length > 0) || testingContent()) {\n <sky-tab tabHeading=\"Testing\">\n @if (testingContent()) {\n <ng-container [ngTemplateOutlet]=\"testingContentRef\" />\n } @else {\n <sky-docs-showcase-area-testing />\n }\n </sky-tab>\n }\n @if (group && group.codeExamples.length > 0) {\n <sky-tab tabHeading=\"Examples\">\n @defer (on viewport) {\n <sky-docs-showcase-area-examples />\n } @placeholder {\n <p>Loading...</p>\n }\n </sky-tab>\n }\n</sky-tabset>\n<ng-template #highlightContentRef>\n <ng-content select=\"sky-docs-showcase-area-highlight\" />\n</ng-template>\n<ng-template #overviewContentRef>\n <ng-content select=\"sky-docs-showcase-area-overview\" />\n</ng-template>\n<ng-template #developmentContentRef>\n <ng-content select=\"sky-docs-showcase-area-development\" />\n</ng-template>\n<ng-template #testingContentRef>\n <ng-content select=\"sky-docs-showcase-area-testing\" />\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SkyDocsShowcaseAreaDevelopmentComponent, selector: "sky-docs-showcase-area-development" }, { kind: "component", type: SkyDocsShowcaseAreaTestingComponent, selector: "sky-docs-showcase-area-testing" }, { kind: "ngmodule", type: SkyTabsModule }, { kind: "component", type:
|
|
1943
|
+
], queries: [{ propertyName: "developmentContent", first: true, predicate: SkyDocsShowcaseAreaDevelopmentComponent, descendants: true, isSignal: true }, { propertyName: "highlightContent", first: true, predicate: SkyDocsShowcaseAreaHighlightComponent, descendants: true, isSignal: true }, { propertyName: "overviewContent", first: true, predicate: SkyDocsShowcaseAreaOverviewComponent, descendants: true, isSignal: true }, { propertyName: "testingContent", first: true, predicate: SkyDocsShowcaseAreaTestingComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@let group = docsGroup();\n<sky-tabset permalinkId=\"docs\">\n @if (highlightContent()) {\n <sky-tab [tabHeading]=\"highlightContent()?.headingText()\">\n <ng-container [ngTemplateOutlet]=\"highlightContentRef\" />\n </sky-tab>\n }\n @if (overviewContent()) {\n <sky-tab tabHeading=\"Design\">\n <ng-container [ngTemplateOutlet]=\"overviewContentRef\" />\n </sky-tab>\n }\n @if ((group && group.publicApi.length > 0) || developmentContent()) {\n <sky-tab tabHeading=\"Development\">\n @if (developmentContent()) {\n <ng-container [ngTemplateOutlet]=\"developmentContentRef\" />\n } @else {\n <sky-docs-showcase-area-development />\n }\n </sky-tab>\n }\n @if ((group && group.testing.length > 0) || testingContent()) {\n <sky-tab tabHeading=\"Testing\">\n @if (testingContent()) {\n <ng-container [ngTemplateOutlet]=\"testingContentRef\" />\n } @else {\n <sky-docs-showcase-area-testing />\n }\n </sky-tab>\n }\n @if (group && group.codeExamples.length > 0) {\n <sky-tab tabHeading=\"Examples\">\n @defer (on viewport) {\n <sky-docs-showcase-area-examples />\n } @placeholder {\n <p>Loading...</p>\n }\n </sky-tab>\n }\n</sky-tabset>\n<ng-template #highlightContentRef>\n <ng-content select=\"sky-docs-showcase-area-highlight\" />\n</ng-template>\n<ng-template #overviewContentRef>\n <ng-content select=\"sky-docs-showcase-area-overview\" />\n</ng-template>\n<ng-template #developmentContentRef>\n <ng-content select=\"sky-docs-showcase-area-development\" />\n</ng-template>\n<ng-template #testingContentRef>\n <ng-content select=\"sky-docs-showcase-area-testing\" />\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SkyDocsShowcaseAreaDevelopmentComponent, selector: "sky-docs-showcase-area-development" }, { kind: "component", type: SkyDocsShowcaseAreaTestingComponent, selector: "sky-docs-showcase-area-testing" }, { kind: "ngmodule", type: SkyTabsModule }, { kind: "component", type: i5.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndexValue", "layout"], outputs: ["close"] }, { kind: "component", type: i5.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [Promise.resolve().then(function () { return showcaseAreaExamples_component; }).then(m => m.SkyDocsShowcaseAreaExamplesComponent)]] }); }
|
|
1938
1944
|
}
|
|
1939
|
-
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.0
|
|
1945
|
+
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return showcaseAreaExamples_component; }).then(m => m.SkyDocsShowcaseAreaExamplesComponent)], resolveMetadata: SkyDocsShowcaseAreaExamplesComponent => ({ decorators: [{
|
|
1940
1946
|
type: Component,
|
|
1941
1947
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1942
1948
|
NgTemplateOutlet,
|
|
@@ -1954,8 +1960,8 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.0.5", ng
|
|
|
1954
1960
|
* @internal
|
|
1955
1961
|
*/
|
|
1956
1962
|
class SkyDocsShowcaseModule {
|
|
1957
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1958
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
1963
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1964
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseModule, imports: [SkyDocsShowcaseComponent,
|
|
1959
1965
|
SkyDocsShowcaseAreaDevelopmentComponent,
|
|
1960
1966
|
SkyDocsShowcaseAreaExamplesComponent,
|
|
1961
1967
|
SkyDocsShowcaseAreaHighlightComponent,
|
|
@@ -1965,12 +1971,12 @@ class SkyDocsShowcaseModule {
|
|
|
1965
1971
|
SkyDocsShowcaseAreaHighlightComponent,
|
|
1966
1972
|
SkyDocsShowcaseAreaOverviewComponent,
|
|
1967
1973
|
SkyDocsShowcaseAreaTestingComponent] }); }
|
|
1968
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
1974
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseModule, imports: [SkyDocsShowcaseComponent,
|
|
1969
1975
|
SkyDocsShowcaseAreaDevelopmentComponent,
|
|
1970
1976
|
SkyDocsShowcaseAreaExamplesComponent,
|
|
1971
1977
|
SkyDocsShowcaseAreaTestingComponent] }); }
|
|
1972
1978
|
}
|
|
1973
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyDocsShowcaseModule, decorators: [{
|
|
1974
1980
|
type: NgModule,
|
|
1975
1981
|
args: [{
|
|
1976
1982
|
imports: [
|