@eui/showcase 22.0.0-alpha.54 → 22.0.0-alpha.56
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/eui-showcase.mjs +5306 -2051
- package/fesm2022/eui-showcase.mjs.map +1 -1
- package/package.json +3 -3
- package/types/eui-showcase.d.ts +1121 -699
- package/types/eui-showcase.d.ts.map +1 -1
package/types/eui-showcase.d.ts
CHANGED
|
@@ -1,717 +1,1139 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { EuiTabComponent, EuiTabsComponent } from
|
|
5
|
-
import { EuiMenuItem } from
|
|
6
|
-
import { EuiAppShellService } from
|
|
7
|
-
import { EuiDialogComponent } from
|
|
8
|
-
import { ProjectDependencies } from
|
|
9
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { AfterViewInit, ElementRef, OnDestroy, OnInit, QueryList, Signal } from "@angular/core";
|
|
3
|
+
import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser";
|
|
4
|
+
import { EuiTabComponent, EuiTabsComponent } from "@eui/components/eui-tabs";
|
|
5
|
+
import { EuiMenuItem } from "@eui/base";
|
|
6
|
+
import { EuiAppShellService } from "@eui/core";
|
|
7
|
+
import { EuiDialogComponent } from "@eui/components/eui-dialog";
|
|
8
|
+
import { ProjectDependencies } from "@stackblitz/sdk";
|
|
10
9
|
/**
|
|
11
10
|
* This interface describes the basis of the configuration structure of the
|
|
12
11
|
* service.
|
|
13
12
|
*/
|
|
14
|
-
interface Configuration {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
export interface Configuration {
|
|
14
|
+
/**
|
|
15
|
+
* default value for all playground
|
|
16
|
+
*/
|
|
17
|
+
renderPlayground: boolean;
|
|
19
18
|
}
|
|
20
19
|
/**
|
|
21
20
|
* A service to update and configure the Showcase module state.
|
|
22
21
|
*/
|
|
23
|
-
declare class ConfigurationService<T extends Configuration> {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
private destroyRef;
|
|
84
|
-
private elementRef;
|
|
85
|
-
ngOnInit(): void;
|
|
86
|
-
onNavClick(fragmentId: string): void;
|
|
87
|
-
/**
|
|
88
|
-
* Build the "On this page" nav from the rendered markdown DOM. This runs on the `<markdown>`
|
|
89
|
-
* `(ready)` event rather than via a marked heading-renderer hook, because the host may install
|
|
90
|
-
* its own global marked renderer (`MARKED_OPTIONS`) that overrides ours — so the only reliable
|
|
91
|
-
* source of headings is the actual rendered output. Section headings are rendered either as
|
|
92
|
-
* `<h2>`/`<h3>` or (with the eUI renderer) as `.doc-page-section-subtitle`; handle both, and
|
|
93
|
-
* assign a stable `id` so click-to-scroll works.
|
|
94
|
-
*/
|
|
95
|
-
onMarkdownReady(): void;
|
|
96
|
-
private _loadMdContent;
|
|
97
|
-
private _scrollToFragment;
|
|
98
|
-
/**
|
|
99
|
-
* Lazy-load Mermaid and expose it as `window.mermaid` (ngx-markdown's renderer reads that
|
|
100
|
-
* global). Runs only when the `mermaid` input is enabled. Flips `mermaidReady` so the template
|
|
101
|
-
* renders `<markdown mermaid>` once Mermaid is available.
|
|
102
|
-
*/
|
|
103
|
-
private _loadMermaid;
|
|
104
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageDevGuideComponent, never>;
|
|
105
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPageDevGuideComponent, "eui-showcase-doc-page-dev-guide", never, { "rootDocsFolder": { "alias": "rootDocsFolder"; "required": false; "isSignal": true; }; "showcaseName": { "alias": "showcaseName"; "required": false; "isSignal": true; }; "mermaid": { "alias": "mermaid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
declare class DocSampleComponent {
|
|
109
|
-
readonly id: _angular_core.InputSignal<string>;
|
|
110
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
111
|
-
readonly category: _angular_core.InputSignal<any>;
|
|
112
|
-
readonly description: _angular_core.InputSignal<any>;
|
|
113
|
-
readonly defaultValue: _angular_core.InputSignal<any>;
|
|
114
|
-
readonly styleClass: _angular_core.InputSignal<string>;
|
|
115
|
-
readonly renderPlayground: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
116
|
-
readonly isCodeButtonVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
117
|
-
readonly isInnerSection: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
118
|
-
/** Host element ref — used by the doc-page to tell which projected section a sample belongs to. */
|
|
119
|
-
readonly elementRef: ElementRef<any>;
|
|
120
|
-
isCodeLoaded: boolean;
|
|
121
|
-
isCodeLoading: boolean;
|
|
122
|
-
isCodeExpanded: boolean;
|
|
123
|
-
playground_activated: boolean;
|
|
124
|
-
tsContent: any;
|
|
125
|
-
htmlContent: any;
|
|
126
|
-
sampleFiles: {
|
|
127
|
-
name: string;
|
|
128
|
-
type: string;
|
|
129
|
-
content: string;
|
|
130
|
-
label: string;
|
|
131
|
-
}[];
|
|
132
|
-
protected conf: ConfigurationService<Configuration>;
|
|
133
|
-
private sb;
|
|
134
|
-
private _http;
|
|
135
|
-
private asService;
|
|
136
|
-
private cd;
|
|
137
|
-
private growlService;
|
|
138
|
-
private clipboard;
|
|
139
|
-
private router;
|
|
140
|
-
copyCurrentUrlToClipboard(id: string): void;
|
|
141
|
-
onToggleCode(): void;
|
|
142
|
-
/**
|
|
143
|
-
* on playground tab selected inform the playground component that its content is rendered
|
|
144
|
-
* TODO: fix the bug on eui-tab implementation where the ngAfterViewInit is called without the view actually
|
|
145
|
-
* being rendered on screen. Issue is that initially the view is being rendered and then removed from the DOM.
|
|
146
|
-
* Internally eui-tabs is moving the projected content.
|
|
147
|
-
*
|
|
148
|
-
* @param selected The selected tab component reference and its index in the tabs array.
|
|
149
|
-
*/
|
|
150
|
-
onTabActivate(selected: {
|
|
151
|
-
tab: EuiTabComponent;
|
|
152
|
-
index: number;
|
|
153
|
-
}): void;
|
|
154
|
-
/**
|
|
155
|
-
* filter out the extra import and module from the code sample
|
|
156
|
-
*
|
|
157
|
-
* @param code
|
|
158
|
-
*/
|
|
159
|
-
filterOutModuleAndImports(code: string): string;
|
|
160
|
-
/**
|
|
161
|
-
* open the code sample in stackblitz
|
|
162
|
-
*/
|
|
163
|
-
onStackblitzOpen(): void;
|
|
164
|
-
/**
|
|
165
|
-
* returns whenever playground should render. Input has precedence over Configuration service
|
|
166
|
-
*/
|
|
167
|
-
protected shouldRenderPlayground(): boolean;
|
|
168
|
-
private _getComponent;
|
|
169
|
-
private flatten;
|
|
170
|
-
private loadCodeFiles;
|
|
171
|
-
private getSamplesPath;
|
|
172
|
-
private getFileLabel;
|
|
173
|
-
getCodeLanguage(type: string): string;
|
|
174
|
-
/**
|
|
175
|
-
* filter out the content between the pattern below in both html and ts files.
|
|
176
|
-
* @param content the content of the file to filter out the exclude content
|
|
177
|
-
*/
|
|
178
|
-
private filterOutExcludeContent;
|
|
179
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSampleComponent, never>;
|
|
180
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocSampleComponent, "eui-showcase-doc-sample", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "category": { "alias": "category"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "renderPlayground": { "alias": "renderPlayground"; "required": false; "isSignal": true; }; "isCodeButtonVisible": { "alias": "isCodeButtonVisible"; "required": false; "isSignal": true; }; "isInnerSection": { "alias": "isInnerSection"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
declare class DocSectionComponent {
|
|
184
|
-
readonly id: _angular_core.InputSignal<string>;
|
|
185
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
186
|
-
readonly styleClass: _angular_core.InputSignal<string>;
|
|
187
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionComponent, never>;
|
|
188
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocSectionComponent, "eui-showcase-doc-section", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
/** Subset of the shared @eui/eds-styles component catalog the doc page consumes for its links. */
|
|
192
|
-
interface EdsManifestEntry {
|
|
22
|
+
export declare class ConfigurationService<T extends Configuration> {
|
|
23
|
+
/**
|
|
24
|
+
* A single signal to hold the configuration service state. The state is
|
|
25
|
+
* extensible to user's preferences through generics.
|
|
26
|
+
*
|
|
27
|
+
* Default value for renderPlayground will be true.
|
|
28
|
+
*/
|
|
29
|
+
private state;
|
|
30
|
+
/**
|
|
31
|
+
* Update the state of configuration. Deep merge is not available thus if
|
|
32
|
+
* a deep update needs to happen make sure you carry other parts of the state
|
|
33
|
+
* too.
|
|
34
|
+
* e.g.
|
|
35
|
+
* Given state { rootA, rootB, rootC: { subC_A: {a: 1}, subC_B: {b: 1} } }
|
|
36
|
+
* the update({ rootC: { subC_A: {a: 1, extra: null }}})
|
|
37
|
+
* will result in
|
|
38
|
+
* { rootA, rootB, rootC: { subC_A: {a: 1, extra: null } } }
|
|
39
|
+
*
|
|
40
|
+
* @param partialState
|
|
41
|
+
*/
|
|
42
|
+
update(partialState: Partial<T>): void;
|
|
43
|
+
/**
|
|
44
|
+
* returns the configuration state as a readonly signal
|
|
45
|
+
*/
|
|
46
|
+
get configuration(): Signal<T>;
|
|
47
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationService<any>, never>;
|
|
48
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
49
|
+
}
|
|
50
|
+
export declare class DocPageCodeComponent {
|
|
51
|
+
readonly codeFolder: import("@angular/core").InputSignal<string>;
|
|
52
|
+
readonly showcase: import("@angular/core").InputSignal<string>;
|
|
53
|
+
onOpenCode(): void;
|
|
54
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageCodeComponent, never>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPageCodeComponent, "eui-showcase-doc-page-code", never, {
|
|
56
|
+
"codeFolder": {
|
|
57
|
+
"alias": "codeFolder";
|
|
58
|
+
"required": false;
|
|
59
|
+
"isSignal": true;
|
|
60
|
+
};
|
|
61
|
+
"showcase": {
|
|
62
|
+
"alias": "showcase";
|
|
63
|
+
"required": false;
|
|
64
|
+
"isSignal": true;
|
|
65
|
+
};
|
|
66
|
+
}, {}, never, never, true, never>;
|
|
67
|
+
}
|
|
68
|
+
export declare class DocPageDevGuideComponent implements OnInit {
|
|
69
|
+
readonly rootDocsFolder: import("@angular/core").InputSignal<string>;
|
|
70
|
+
readonly showcaseName: import("@angular/core").InputSignal<string>;
|
|
71
|
+
/**
|
|
72
|
+
* Opt-in Mermaid rendering for ```mermaid fenced blocks. When enabled, Mermaid is lazy-loaded
|
|
73
|
+
* (and exposed on `window.mermaid`, which ngx-markdown's renderer requires) before the markdown
|
|
74
|
+
* is rendered, and the `mermaid` attribute is set on the `<markdown>` element.
|
|
75
|
+
*/
|
|
76
|
+
readonly mermaid: import("@angular/core").InputSignal<boolean>;
|
|
77
|
+
markdown: string;
|
|
78
|
+
/** True once Mermaid has been loaded (only when `mermaid` is enabled) — gates the render. */
|
|
79
|
+
mermaidReady: boolean;
|
|
80
|
+
isFirst: boolean;
|
|
81
|
+
headers: {
|
|
193
82
|
id: string;
|
|
194
|
-
label
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
83
|
+
label: string;
|
|
84
|
+
level: number;
|
|
85
|
+
}[];
|
|
86
|
+
fragmentId: string;
|
|
87
|
+
private http;
|
|
88
|
+
private router;
|
|
89
|
+
private route;
|
|
90
|
+
private cdRef;
|
|
91
|
+
private destroyRef;
|
|
92
|
+
private elementRef;
|
|
93
|
+
ngOnInit(): void;
|
|
94
|
+
onNavClick(fragmentId: string): void;
|
|
95
|
+
/**
|
|
96
|
+
* Build the "On this page" nav from the rendered markdown DOM. This runs on the `<markdown>`
|
|
97
|
+
* `(ready)` event rather than via a marked heading-renderer hook, because the host may install
|
|
98
|
+
* its own global marked renderer (`MARKED_OPTIONS`) that overrides ours — so the only reliable
|
|
99
|
+
* source of headings is the actual rendered output. Section headings are rendered either as
|
|
100
|
+
* `<h2>`/`<h3>` or (with the eUI renderer) as `.doc-page-section-subtitle`; handle both, and
|
|
101
|
+
* assign a stable `id` so click-to-scroll works.
|
|
102
|
+
*/
|
|
103
|
+
onMarkdownReady(): void;
|
|
104
|
+
private _loadMdContent;
|
|
105
|
+
private _scrollToFragment;
|
|
106
|
+
/**
|
|
107
|
+
* Lazy-load Mermaid and expose it as `window.mermaid` (ngx-markdown's renderer reads that
|
|
108
|
+
* global). Runs only when the `mermaid` input is enabled. Flips `mermaidReady` so the template
|
|
109
|
+
* renders `<markdown mermaid>` once Mermaid is available.
|
|
110
|
+
*/
|
|
111
|
+
private _loadMermaid;
|
|
112
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageDevGuideComponent, never>;
|
|
113
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPageDevGuideComponent, "eui-showcase-doc-page-dev-guide", never, {
|
|
114
|
+
"rootDocsFolder": {
|
|
115
|
+
"alias": "rootDocsFolder";
|
|
116
|
+
"required": false;
|
|
117
|
+
"isSignal": true;
|
|
118
|
+
};
|
|
119
|
+
"showcaseName": {
|
|
120
|
+
"alias": "showcaseName";
|
|
121
|
+
"required": false;
|
|
122
|
+
"isSignal": true;
|
|
205
123
|
};
|
|
124
|
+
"mermaid": {
|
|
125
|
+
"alias": "mermaid";
|
|
126
|
+
"required": false;
|
|
127
|
+
"isSignal": true;
|
|
128
|
+
};
|
|
129
|
+
}, {}, never, never, true, never>;
|
|
206
130
|
}
|
|
207
|
-
|
|
131
|
+
export declare class DocSampleComponent {
|
|
132
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
133
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
134
|
+
readonly category: import("@angular/core").InputSignal<any>;
|
|
135
|
+
readonly description: import("@angular/core").InputSignal<any>;
|
|
136
|
+
readonly defaultValue: import("@angular/core").InputSignal<any>;
|
|
137
|
+
readonly styleClass: import("@angular/core").InputSignal<string>;
|
|
138
|
+
readonly renderPlayground: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
139
|
+
readonly isCodeButtonVisible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
140
|
+
readonly isInnerSection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
141
|
+
/** Host element ref — used by the doc-page to tell which projected section a sample belongs to. */
|
|
142
|
+
readonly elementRef: ElementRef<any>;
|
|
143
|
+
isCodeLoaded: boolean;
|
|
144
|
+
isCodeLoading: boolean;
|
|
145
|
+
isCodeExpanded: boolean;
|
|
146
|
+
playground_activated: boolean;
|
|
147
|
+
tsContent: any;
|
|
148
|
+
htmlContent: any;
|
|
149
|
+
sampleFiles: {
|
|
208
150
|
name: string;
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
151
|
+
type: string;
|
|
152
|
+
content: string;
|
|
153
|
+
label: string;
|
|
154
|
+
}[];
|
|
155
|
+
protected conf: ConfigurationService<Configuration>;
|
|
156
|
+
private sb;
|
|
157
|
+
private _http;
|
|
158
|
+
private asService;
|
|
159
|
+
private cd;
|
|
160
|
+
private growlService;
|
|
161
|
+
private clipboard;
|
|
162
|
+
private router;
|
|
163
|
+
copyCurrentUrlToClipboard(id: string): void;
|
|
164
|
+
onToggleCode(): void;
|
|
165
|
+
/**
|
|
166
|
+
* on playground tab selected inform the playground component that its content is rendered
|
|
167
|
+
* TODO: fix the bug on eui-tab implementation where the ngAfterViewInit is called without the view actually
|
|
168
|
+
* being rendered on screen. Issue is that initially the view is being rendered and then removed from the DOM.
|
|
169
|
+
* Internally eui-tabs is moving the projected content.
|
|
170
|
+
*
|
|
171
|
+
* @param selected The selected tab component reference and its index in the tabs array.
|
|
172
|
+
*/
|
|
173
|
+
onTabActivate(selected: {
|
|
174
|
+
tab: EuiTabComponent;
|
|
175
|
+
index: number;
|
|
176
|
+
}): void;
|
|
177
|
+
/**
|
|
178
|
+
* filter out the extra import and module from the code sample
|
|
179
|
+
*
|
|
180
|
+
* @param code
|
|
181
|
+
*/
|
|
182
|
+
filterOutModuleAndImports(code: string): string;
|
|
183
|
+
/**
|
|
184
|
+
* open the code sample in stackblitz
|
|
185
|
+
*/
|
|
186
|
+
onStackblitzOpen(): void;
|
|
187
|
+
/**
|
|
188
|
+
* returns whenever playground should render. Input has precedence over Configuration service
|
|
189
|
+
*/
|
|
190
|
+
protected shouldRenderPlayground(): boolean;
|
|
191
|
+
private _getComponent;
|
|
192
|
+
private flatten;
|
|
193
|
+
private loadCodeFiles;
|
|
194
|
+
private getSamplesPath;
|
|
195
|
+
private getFileLabel;
|
|
196
|
+
getCodeLanguage(type: string): string;
|
|
197
|
+
/**
|
|
198
|
+
* filter out the content between the pattern below in both html and ts files.
|
|
199
|
+
* @param content the content of the file to filter out the exclude content
|
|
200
|
+
*/
|
|
201
|
+
private filterOutExcludeContent;
|
|
202
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSampleComponent, never>;
|
|
203
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocSampleComponent, "eui-showcase-doc-sample", never, {
|
|
204
|
+
"id": {
|
|
205
|
+
"alias": "id";
|
|
206
|
+
"required": false;
|
|
207
|
+
"isSignal": true;
|
|
208
|
+
};
|
|
209
|
+
"label": {
|
|
210
|
+
"alias": "label";
|
|
211
|
+
"required": false;
|
|
212
|
+
"isSignal": true;
|
|
213
|
+
};
|
|
214
|
+
"category": {
|
|
215
|
+
"alias": "category";
|
|
216
|
+
"required": false;
|
|
217
|
+
"isSignal": true;
|
|
218
|
+
};
|
|
219
|
+
"description": {
|
|
220
|
+
"alias": "description";
|
|
221
|
+
"required": false;
|
|
222
|
+
"isSignal": true;
|
|
223
|
+
};
|
|
224
|
+
"defaultValue": {
|
|
225
|
+
"alias": "defaultValue";
|
|
226
|
+
"required": false;
|
|
227
|
+
"isSignal": true;
|
|
228
|
+
};
|
|
229
|
+
"styleClass": {
|
|
230
|
+
"alias": "styleClass";
|
|
231
|
+
"required": false;
|
|
232
|
+
"isSignal": true;
|
|
233
|
+
};
|
|
234
|
+
"renderPlayground": {
|
|
235
|
+
"alias": "renderPlayground";
|
|
236
|
+
"required": false;
|
|
237
|
+
"isSignal": true;
|
|
238
|
+
};
|
|
239
|
+
"isCodeButtonVisible": {
|
|
240
|
+
"alias": "isCodeButtonVisible";
|
|
241
|
+
"required": false;
|
|
242
|
+
"isSignal": true;
|
|
243
|
+
};
|
|
244
|
+
"isInnerSection": {
|
|
245
|
+
"alias": "isInnerSection";
|
|
246
|
+
"required": false;
|
|
247
|
+
"isSignal": true;
|
|
220
248
|
};
|
|
249
|
+
}, {}, never, ["*"], true, never>;
|
|
250
|
+
}
|
|
251
|
+
export declare class DocSectionComponent {
|
|
252
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
253
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
254
|
+
readonly styleClass: import("@angular/core").InputSignal<string>;
|
|
255
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionComponent, never>;
|
|
256
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocSectionComponent, "eui-showcase-doc-section", never, {
|
|
257
|
+
"id": {
|
|
258
|
+
"alias": "id";
|
|
259
|
+
"required": false;
|
|
260
|
+
"isSignal": true;
|
|
261
|
+
};
|
|
262
|
+
"label": {
|
|
263
|
+
"alias": "label";
|
|
264
|
+
"required": false;
|
|
265
|
+
"isSignal": true;
|
|
266
|
+
};
|
|
267
|
+
"styleClass": {
|
|
268
|
+
"alias": "styleClass";
|
|
269
|
+
"required": false;
|
|
270
|
+
"isSignal": true;
|
|
271
|
+
};
|
|
272
|
+
}, {}, never, ["*"], true, never>;
|
|
273
|
+
}
|
|
274
|
+
/** Subset of the shared @eui/eds-styles component catalog the doc page consumes for its links. */
|
|
275
|
+
interface EdsManifestEntry {
|
|
276
|
+
id: string;
|
|
277
|
+
label?: string;
|
|
278
|
+
figmaLink?: string;
|
|
279
|
+
/** Lifecycle status (e.g. 'DEMO', 'DRAFT') — drives the status chip + banner on EDS pages. */
|
|
280
|
+
status?: string;
|
|
281
|
+
/** Status color variant ('danger' = DEMO, 'info' = DRAFT/not-ready, 'warning', 'success'). */
|
|
282
|
+
statusColorVariant?: string;
|
|
283
|
+
availability?: {
|
|
284
|
+
angular?: boolean;
|
|
285
|
+
react?: boolean;
|
|
286
|
+
webcomponents?: boolean;
|
|
287
|
+
storybook?: boolean;
|
|
288
|
+
};
|
|
289
|
+
}
|
|
290
|
+
type ComponentStatus = EuiMenuItem & {
|
|
291
|
+
name: string;
|
|
292
|
+
cmpReplacement: string;
|
|
293
|
+
cmpReplacementUrl: string;
|
|
294
|
+
cmpReplacementNote: string;
|
|
295
|
+
alternateApiCategory: string;
|
|
296
|
+
alternateId: string;
|
|
297
|
+
status: string;
|
|
298
|
+
metadata: {
|
|
299
|
+
exportName: string;
|
|
300
|
+
subEntryName: string;
|
|
301
|
+
moduleName: string;
|
|
302
|
+
appVersion: string;
|
|
303
|
+
};
|
|
221
304
|
};
|
|
222
|
-
declare class DocPageComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
}
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
}
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
}
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
}
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
}
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
}
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
}
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
305
|
+
export declare class DocPageComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
306
|
+
readonly id: import("@angular/core").InputSignal<any>;
|
|
307
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
308
|
+
readonly subLabel: import("@angular/core").InputSignal<string>;
|
|
309
|
+
readonly isNotReady: import("@angular/core").InputSignal<boolean>;
|
|
310
|
+
readonly isDeprecated: import("@angular/core").InputSignal<boolean>;
|
|
311
|
+
readonly isDemoComponentOnly: import("@angular/core").InputSignal<boolean>;
|
|
312
|
+
readonly isLegacy: import("@angular/core").InputSignal<boolean>;
|
|
313
|
+
readonly codeFolder: import("@angular/core").InputSignal<string>;
|
|
314
|
+
readonly showcase: import("@angular/core").InputSignal<string>;
|
|
315
|
+
readonly isNavigationVisible: import("@angular/core").ModelSignal<boolean>;
|
|
316
|
+
readonly hasApi: import("@angular/core").InputSignal<boolean>;
|
|
317
|
+
readonly hasA11y: import("@angular/core").InputSignal<boolean>;
|
|
318
|
+
readonly customApiUrl: import("@angular/core").InputSignal<string>;
|
|
319
|
+
/** Deployed base showcase URLs used to resolve WebComponent / React links from the page id. */
|
|
320
|
+
private readonly webComponentShowcaseUrl;
|
|
321
|
+
private readonly reactShowcaseUrl;
|
|
322
|
+
/** Deployed base URL of the composed EDS Storybook host. */
|
|
323
|
+
private readonly storybookShowcaseUrl;
|
|
324
|
+
/** Local dev ports of the sibling showcases, used when this app is served on localhost. */
|
|
325
|
+
private readonly webComponentShowcaseLocalPort;
|
|
326
|
+
private readonly reactShowcaseLocalPort;
|
|
327
|
+
/** Local dev port of the composed Storybook shell (serve-all.mjs shell port). */
|
|
328
|
+
private readonly storybookShowcaseLocalPort;
|
|
329
|
+
/** Builds a showcase base URL, swapping to the localhost dev server when served locally. */
|
|
330
|
+
private resolveShowcaseBase;
|
|
331
|
+
/**
|
|
332
|
+
* The shared-manifest entry for this page (matched by `id`), once the manifest has loaded.
|
|
333
|
+
* When set, it is the source of truth for the Figma / WebComponent / React links — the
|
|
334
|
+
* hand-authored `docPageLinks` directive is only a fallback (kept for non-EDS showcases and
|
|
335
|
+
* during migration). Signal so the links recompute when the async manifest resolves.
|
|
336
|
+
*/
|
|
337
|
+
readonly manifestEntry: import("@angular/core").WritableSignal<EdsManifestEntry>;
|
|
338
|
+
/** Whether the Links section has anything to show (a manifest entry or a docPageLinks slot). */
|
|
339
|
+
hasLinks(): boolean;
|
|
340
|
+
/** Resolved WebComponent showcase link for this component (null when not enabled). */
|
|
341
|
+
webComponentLink(): string | null;
|
|
342
|
+
/** Resolved React showcase link for this component (null when not enabled). */
|
|
343
|
+
reactLink(): string | null;
|
|
344
|
+
/**
|
|
345
|
+
* Resolved Storybook link for this component (null when no stories exist).
|
|
346
|
+
*
|
|
347
|
+
* Deep-links into the composed EDS Storybook shell and opens this component's **Angular**
|
|
348
|
+
* Playground story. The shell composes the Angular framework Storybook under the `angular` ref,
|
|
349
|
+
* so the composed story id is `angular_angular-<labelSlug>--playground` (refId + the story's
|
|
350
|
+
* `Angular/<Label>` title slug). Falls back to the id when the manifest has no label.
|
|
351
|
+
*/
|
|
352
|
+
storybookLink(): string | null;
|
|
353
|
+
/** Figma link — from the manifest entry when present, else the docPageLinks directive. */
|
|
354
|
+
figmaLink(): string | null;
|
|
355
|
+
/** Fetch (and cache) the shared EDS manifest, then resolve this page's entry by id. */
|
|
356
|
+
private loadManifestEntry;
|
|
357
|
+
/**
|
|
358
|
+
* Derive the status chip + banner from the shared manifest entry (EDS pages). EDS components
|
|
359
|
+
* carry their lifecycle status in the manifest (`statusColorVariant`), NOT in the legacy
|
|
360
|
+
* sidebar-link status that `_getComponentStatus` reads — so set the same `stateLabel` /
|
|
361
|
+
* `stateTypeClass` / flags the legacy switch produces, keyed off the manifest color variant.
|
|
362
|
+
*/
|
|
363
|
+
private _applyManifestStatus;
|
|
364
|
+
readonly isNotReadyInput: import("@angular/core").WritableSignal<boolean>;
|
|
365
|
+
readonly isDeprecatedInput: import("@angular/core").WritableSignal<boolean>;
|
|
366
|
+
readonly isLegacyInput: import("@angular/core").WritableSignal<boolean>;
|
|
367
|
+
readonly isDemoComponentOnlyInput: import("@angular/core").WritableSignal<boolean>;
|
|
368
|
+
stateTypeClass: string;
|
|
369
|
+
stateLabel: string;
|
|
370
|
+
cmp: ComponentStatus;
|
|
371
|
+
fragmentId: string;
|
|
372
|
+
cmpImportModule: string;
|
|
373
|
+
cmpImportStandalone: string;
|
|
374
|
+
cmpImportStandaloneCmp: string;
|
|
375
|
+
cmpStandalone: string;
|
|
376
|
+
appMetadata: {
|
|
377
|
+
exportName: string;
|
|
378
|
+
subEntryName: string;
|
|
379
|
+
moduleName: string;
|
|
380
|
+
appVersion: string;
|
|
381
|
+
};
|
|
382
|
+
apiUrlSafe: SafeResourceUrl;
|
|
383
|
+
apiUrl: string;
|
|
384
|
+
iFrameContent: never;
|
|
385
|
+
isLoading: boolean;
|
|
386
|
+
isNavClicked: boolean;
|
|
387
|
+
hasCategories: boolean;
|
|
388
|
+
categories: {
|
|
389
|
+
name: string;
|
|
390
|
+
samples: DocSampleComponent[];
|
|
391
|
+
}[];
|
|
392
|
+
private scrollHandler;
|
|
393
|
+
private scrollContainer;
|
|
394
|
+
private isDestroyed;
|
|
395
|
+
readonly samples: import("@angular/core").Signal<readonly DocSampleComponent[]>;
|
|
396
|
+
readonly sections: import("@angular/core").Signal<readonly DocSectionComponent[]>;
|
|
397
|
+
readonly pageLinksContent: import("@angular/core").Signal<readonly any[]>;
|
|
398
|
+
readonly pageOverviewContent: import("@angular/core").Signal<readonly any[]>;
|
|
399
|
+
readonly pageOverviewDefaultContent: import("@angular/core").Signal<readonly any[]>;
|
|
400
|
+
readonly pageSamplesContent: import("@angular/core").Signal<readonly any[]>;
|
|
401
|
+
readonly pageSectionsContent: import("@angular/core").Signal<readonly any[]>;
|
|
402
|
+
readonly pageInteractiveContent: import("@angular/core").Signal<readonly any[]>;
|
|
403
|
+
readonly pageAccessibilityContent: import("@angular/core").Signal<readonly any[]>;
|
|
404
|
+
readonly pageApiContent: import("@angular/core").Signal<readonly any[]>;
|
|
405
|
+
readonly pageThemingContent: import("@angular/core").Signal<readonly any[]>;
|
|
406
|
+
pageVisualSpecsContent: QueryList<DocPageApiContentDirective>;
|
|
407
|
+
pagePlaygroundContent: QueryList<DocPagePlaygroundContentDirective>;
|
|
408
|
+
readonly tabsContent: import("@angular/core").Signal<EuiTabsComponent>;
|
|
409
|
+
navContent: ElementRef<HTMLElement>;
|
|
410
|
+
sanitizer: DomSanitizer;
|
|
411
|
+
private scrollObserver;
|
|
412
|
+
private readonly CATEGORIES_DEF;
|
|
413
|
+
private location;
|
|
414
|
+
private httpClient;
|
|
415
|
+
private router;
|
|
416
|
+
private route;
|
|
417
|
+
private asService;
|
|
418
|
+
private cdr;
|
|
419
|
+
private ngZone;
|
|
420
|
+
private destroyRef;
|
|
421
|
+
private injector;
|
|
422
|
+
ngOnInit(): void;
|
|
423
|
+
ngAfterViewInit(): void;
|
|
424
|
+
getCategoryIndex(name: string): number;
|
|
425
|
+
/** Samples that belong to the main "Options & samples" tab. */
|
|
426
|
+
mainSamples(): DocSampleComponent[];
|
|
427
|
+
ngOnDestroy(): void;
|
|
428
|
+
onTabNavClick(tabId: string): void;
|
|
429
|
+
onNavClick(fragmentId: string, tabIndex: number): void;
|
|
430
|
+
onTabActivate(event: {
|
|
431
|
+
tab: EuiTabComponent;
|
|
432
|
+
index: number;
|
|
433
|
+
}): void;
|
|
434
|
+
private _buildCategories;
|
|
435
|
+
private _scrollToFragment;
|
|
436
|
+
private _scrollNavToSelectedItem;
|
|
437
|
+
private _getScrollParent;
|
|
438
|
+
private _getComponentStatus;
|
|
439
|
+
private _getApiUrl;
|
|
440
|
+
private _camelCaseString;
|
|
441
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageComponent, never>;
|
|
442
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPageComponent, "eui-showcase-doc-page", never, {
|
|
443
|
+
"id": {
|
|
444
|
+
"alias": "id";
|
|
445
|
+
"required": false;
|
|
446
|
+
"isSignal": true;
|
|
447
|
+
};
|
|
448
|
+
"label": {
|
|
449
|
+
"alias": "label";
|
|
450
|
+
"required": false;
|
|
451
|
+
"isSignal": true;
|
|
452
|
+
};
|
|
453
|
+
"subLabel": {
|
|
454
|
+
"alias": "subLabel";
|
|
455
|
+
"required": false;
|
|
456
|
+
"isSignal": true;
|
|
457
|
+
};
|
|
458
|
+
"isNotReady": {
|
|
459
|
+
"alias": "isNotReady";
|
|
460
|
+
"required": false;
|
|
461
|
+
"isSignal": true;
|
|
462
|
+
};
|
|
463
|
+
"isDeprecated": {
|
|
464
|
+
"alias": "isDeprecated";
|
|
465
|
+
"required": false;
|
|
466
|
+
"isSignal": true;
|
|
467
|
+
};
|
|
468
|
+
"isDemoComponentOnly": {
|
|
469
|
+
"alias": "isDemoComponentOnly";
|
|
470
|
+
"required": false;
|
|
471
|
+
"isSignal": true;
|
|
472
|
+
};
|
|
473
|
+
"isLegacy": {
|
|
474
|
+
"alias": "isLegacy";
|
|
475
|
+
"required": false;
|
|
476
|
+
"isSignal": true;
|
|
477
|
+
};
|
|
478
|
+
"codeFolder": {
|
|
479
|
+
"alias": "codeFolder";
|
|
480
|
+
"required": false;
|
|
481
|
+
"isSignal": true;
|
|
482
|
+
};
|
|
483
|
+
"showcase": {
|
|
484
|
+
"alias": "showcase";
|
|
485
|
+
"required": false;
|
|
486
|
+
"isSignal": true;
|
|
487
|
+
};
|
|
488
|
+
"isNavigationVisible": {
|
|
489
|
+
"alias": "isNavigationVisible";
|
|
490
|
+
"required": false;
|
|
491
|
+
"isSignal": true;
|
|
492
|
+
};
|
|
493
|
+
"hasApi": {
|
|
494
|
+
"alias": "hasApi";
|
|
495
|
+
"required": false;
|
|
496
|
+
"isSignal": true;
|
|
497
|
+
};
|
|
498
|
+
"hasA11y": {
|
|
499
|
+
"alias": "hasA11y";
|
|
500
|
+
"required": false;
|
|
501
|
+
"isSignal": true;
|
|
502
|
+
};
|
|
503
|
+
"customApiUrl": {
|
|
504
|
+
"alias": "customApiUrl";
|
|
505
|
+
"required": false;
|
|
506
|
+
"isSignal": true;
|
|
507
|
+
};
|
|
508
|
+
}, {
|
|
509
|
+
"isNavigationVisible": "isNavigationVisibleChange";
|
|
510
|
+
}, ["samples", "sections", "pageLinksContent", "pageOverviewContent", "pageOverviewDefaultContent", "pageSamplesContent", "pageSectionsContent", "pageInteractiveContent", "pageAccessibilityContent", "pageApiContent", "pageThemingContent", "pageVisualSpecsContent", "pagePlaygroundContent"], ["docPageOverview", "docPageOverviewDefault", "docPageSamples", "docPageAccessibility", "docPageVisualSpecs", "docPagePlayground", "docPageTheming", "docPageInteractive", "docPageSections"], true, never>;
|
|
511
|
+
}
|
|
512
|
+
export declare class DocPageOverviewContentDirective {
|
|
513
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageOverviewContentDirective, never>;
|
|
514
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageOverviewContentDirective, "docPageOverview", never, {}, {}, never, never, true, never>;
|
|
515
|
+
}
|
|
516
|
+
export declare class DocPageOverviewDefaultContentDirective {
|
|
517
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageOverviewDefaultContentDirective, never>;
|
|
518
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageOverviewDefaultContentDirective, "docPageOverviewDefault", never, {}, {}, never, never, true, never>;
|
|
519
|
+
}
|
|
520
|
+
export declare class DocPageInteractiveContentDirective {
|
|
521
|
+
readonly title: import("@angular/core").InputSignal<string>;
|
|
522
|
+
readonly subTitle: import("@angular/core").InputSignal<string>;
|
|
523
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageInteractiveContentDirective, never>;
|
|
524
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageInteractiveContentDirective, "docPageInteractive", never, {
|
|
525
|
+
"title": {
|
|
526
|
+
"alias": "title";
|
|
527
|
+
"required": false;
|
|
528
|
+
"isSignal": true;
|
|
529
|
+
};
|
|
530
|
+
"subTitle": {
|
|
531
|
+
"alias": "subTitle";
|
|
532
|
+
"required": false;
|
|
533
|
+
"isSignal": true;
|
|
534
|
+
};
|
|
535
|
+
}, {}, never, never, true, never>;
|
|
536
|
+
}
|
|
537
|
+
export declare class DocPageLinksContentDirective {
|
|
538
|
+
readonly figmaLink: import("@angular/core").InputSignal<string>;
|
|
539
|
+
readonly hasWebComponent: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
540
|
+
readonly hasReact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
541
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageLinksContentDirective, never>;
|
|
542
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageLinksContentDirective, "docPageLinks", never, {
|
|
543
|
+
"figmaLink": {
|
|
544
|
+
"alias": "figmaLink";
|
|
545
|
+
"required": false;
|
|
546
|
+
"isSignal": true;
|
|
547
|
+
};
|
|
548
|
+
"hasWebComponent": {
|
|
549
|
+
"alias": "hasWebComponent";
|
|
550
|
+
"required": false;
|
|
551
|
+
"isSignal": true;
|
|
552
|
+
};
|
|
553
|
+
"hasReact": {
|
|
554
|
+
"alias": "hasReact";
|
|
555
|
+
"required": false;
|
|
556
|
+
"isSignal": true;
|
|
557
|
+
};
|
|
558
|
+
}, {}, never, never, true, never>;
|
|
559
|
+
}
|
|
560
|
+
export declare class DocPageSamplesContentDirective {
|
|
561
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageSamplesContentDirective, never>;
|
|
562
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageSamplesContentDirective, "docPageSamples", never, {}, {}, never, never, true, never>;
|
|
563
|
+
}
|
|
564
|
+
export declare class DocPageSectionsContentDirective {
|
|
565
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageSectionsContentDirective, never>;
|
|
566
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageSectionsContentDirective, "docPageSections", never, {}, {}, never, never, true, never>;
|
|
567
|
+
}
|
|
568
|
+
export declare class DocPageAccessibilityContentDirective {
|
|
569
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageAccessibilityContentDirective, never>;
|
|
570
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageAccessibilityContentDirective, "docPageAccessibility", never, {}, {}, never, never, true, never>;
|
|
571
|
+
}
|
|
572
|
+
export declare class DocPageApiContentDirective {
|
|
573
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageApiContentDirective, never>;
|
|
574
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageApiContentDirective, "docPageApi", never, {}, {}, never, never, true, never>;
|
|
575
|
+
}
|
|
576
|
+
export declare class DocPageVisualSpecsContentDirective {
|
|
577
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageVisualSpecsContentDirective, never>;
|
|
578
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageVisualSpecsContentDirective, "docPageVisualSpecs", never, {}, {}, never, never, true, never>;
|
|
579
|
+
}
|
|
580
|
+
export declare class DocPagePlaygroundContentDirective {
|
|
581
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePlaygroundContentDirective, never>;
|
|
582
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPagePlaygroundContentDirective, "docPagePlayground", never, {}, {}, never, never, true, never>;
|
|
583
|
+
}
|
|
584
|
+
export declare class DocPageThemingContentDirective {
|
|
585
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageThemingContentDirective, never>;
|
|
586
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageThemingContentDirective, "docPageTheming", never, {}, {}, never, never, true, never>;
|
|
587
|
+
}
|
|
588
|
+
export declare class DocPageCodeFabComponent {
|
|
589
|
+
readonly codeFolder: import("@angular/core").InputSignal<string>;
|
|
590
|
+
readonly showcase: import("@angular/core").InputSignal<string>;
|
|
591
|
+
readonly hasContentDialog: import("@angular/core").InputSignal<boolean>;
|
|
592
|
+
readonly dialog: import("@angular/core").Signal<EuiDialogComponent>;
|
|
593
|
+
asService: EuiAppShellService;
|
|
594
|
+
toggleCode(): void;
|
|
595
|
+
onClose(): void;
|
|
596
|
+
onOpenCode(): void;
|
|
597
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageCodeFabComponent, never>;
|
|
598
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPageCodeFabComponent, "eui-showcase-doc-page-code-fab", never, {
|
|
599
|
+
"codeFolder": {
|
|
600
|
+
"alias": "codeFolder";
|
|
601
|
+
"required": false;
|
|
602
|
+
"isSignal": true;
|
|
603
|
+
};
|
|
604
|
+
"showcase": {
|
|
605
|
+
"alias": "showcase";
|
|
606
|
+
"required": false;
|
|
607
|
+
"isSignal": true;
|
|
608
|
+
};
|
|
609
|
+
"hasContentDialog": {
|
|
610
|
+
"alias": "hasContentDialog";
|
|
611
|
+
"required": false;
|
|
612
|
+
"isSignal": true;
|
|
613
|
+
};
|
|
614
|
+
}, {}, never, ["*"], true, never>;
|
|
615
|
+
}
|
|
616
|
+
export declare class DocPageCodeModalComponent {
|
|
617
|
+
readonly width: import("@angular/core").InputSignal<string>;
|
|
618
|
+
readonly dialog: import("@angular/core").Signal<EuiDialogComponent>;
|
|
619
|
+
asService: EuiAppShellService;
|
|
620
|
+
toggleCode(): void;
|
|
621
|
+
onClose(): void;
|
|
622
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageCodeModalComponent, never>;
|
|
623
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPageCodeModalComponent, "eui-showcase-doc-page-code-modal", never, {
|
|
624
|
+
"width": {
|
|
625
|
+
"alias": "width";
|
|
626
|
+
"required": false;
|
|
627
|
+
"isSignal": true;
|
|
628
|
+
};
|
|
629
|
+
}, {}, never, ["*"], true, never>;
|
|
630
|
+
}
|
|
631
|
+
export declare class DocPagePatternSampleDirective {
|
|
632
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePatternSampleDirective, never>;
|
|
633
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPagePatternSampleDirective, "docPagePatternSample", never, {}, {}, never, never, true, never>;
|
|
634
|
+
}
|
|
635
|
+
export declare class DocPagePatternDocDirective {
|
|
636
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePatternDocDirective, never>;
|
|
637
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPagePatternDocDirective, "docPagePatternDoc", never, {}, {}, never, never, true, never>;
|
|
638
|
+
}
|
|
639
|
+
export declare class DocPagePatternComponent {
|
|
640
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
641
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
642
|
+
readonly anatomyImage: import("@angular/core").InputSignal<string>;
|
|
643
|
+
readonly docEntries: import("@angular/core").InputSignal<any[]>;
|
|
644
|
+
readonly dos: import("@angular/core").InputSignal<any[]>;
|
|
645
|
+
readonly donts: import("@angular/core").InputSignal<any[]>;
|
|
646
|
+
readonly sourceUrl: import("@angular/core").InputSignal<string>;
|
|
647
|
+
readonly figmaUrl: import("@angular/core").InputSignal<string>;
|
|
648
|
+
readonly figmaEmbedSrc: import("@angular/core").InputSignal<string>;
|
|
649
|
+
urlSafe: SafeResourceUrl;
|
|
650
|
+
isShowGoTop: boolean;
|
|
651
|
+
topPosToStartShowing: number;
|
|
652
|
+
tabSelectedIndex: number;
|
|
653
|
+
private sanitizer;
|
|
654
|
+
constructor();
|
|
655
|
+
checkScroll(): void;
|
|
656
|
+
onNavigateToCode(): void;
|
|
657
|
+
onTabActivate(event: {
|
|
658
|
+
tab: EuiTabComponent;
|
|
659
|
+
index: number;
|
|
660
|
+
}): void;
|
|
661
|
+
gotoTop(): void;
|
|
662
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePatternComponent, never>;
|
|
663
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPagePatternComponent, "eui-showcase-doc-page-pattern", never, {
|
|
664
|
+
"id": {
|
|
665
|
+
"alias": "id";
|
|
666
|
+
"required": false;
|
|
667
|
+
"isSignal": true;
|
|
668
|
+
};
|
|
669
|
+
"label": {
|
|
670
|
+
"alias": "label";
|
|
671
|
+
"required": false;
|
|
672
|
+
"isSignal": true;
|
|
673
|
+
};
|
|
674
|
+
"anatomyImage": {
|
|
675
|
+
"alias": "anatomyImage";
|
|
676
|
+
"required": false;
|
|
677
|
+
"isSignal": true;
|
|
678
|
+
};
|
|
679
|
+
"docEntries": {
|
|
680
|
+
"alias": "docEntries";
|
|
681
|
+
"required": false;
|
|
682
|
+
"isSignal": true;
|
|
683
|
+
};
|
|
684
|
+
"dos": {
|
|
685
|
+
"alias": "dos";
|
|
686
|
+
"required": false;
|
|
687
|
+
"isSignal": true;
|
|
688
|
+
};
|
|
689
|
+
"donts": {
|
|
690
|
+
"alias": "donts";
|
|
691
|
+
"required": false;
|
|
692
|
+
"isSignal": true;
|
|
693
|
+
};
|
|
694
|
+
"sourceUrl": {
|
|
695
|
+
"alias": "sourceUrl";
|
|
696
|
+
"required": false;
|
|
697
|
+
"isSignal": true;
|
|
698
|
+
};
|
|
699
|
+
"figmaUrl": {
|
|
700
|
+
"alias": "figmaUrl";
|
|
701
|
+
"required": false;
|
|
702
|
+
"isSignal": true;
|
|
703
|
+
};
|
|
704
|
+
"figmaEmbedSrc": {
|
|
705
|
+
"alias": "figmaEmbedSrc";
|
|
706
|
+
"required": false;
|
|
707
|
+
"isSignal": true;
|
|
708
|
+
};
|
|
709
|
+
}, {}, never, ["docPagePatternDoc", "docPagePatternSample"], true, never>;
|
|
710
|
+
}
|
|
711
|
+
export declare class DocPagePatternSampleRefsComponent {
|
|
712
|
+
readonly docEntries: import("@angular/core").InputSignal<any[]>;
|
|
713
|
+
readonly codeFolder: import("@angular/core").InputSignal<string>;
|
|
714
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePatternSampleRefsComponent, never>;
|
|
715
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPagePatternSampleRefsComponent, "eui-showcase-doc-pattern-sample-refs", never, {
|
|
716
|
+
"docEntries": {
|
|
717
|
+
"alias": "docEntries";
|
|
718
|
+
"required": false;
|
|
719
|
+
"isSignal": true;
|
|
720
|
+
};
|
|
721
|
+
"codeFolder": {
|
|
722
|
+
"alias": "codeFolder";
|
|
723
|
+
"required": false;
|
|
724
|
+
"isSignal": true;
|
|
725
|
+
};
|
|
726
|
+
}, {}, never, never, true, never>;
|
|
727
|
+
}
|
|
728
|
+
export declare class DocPagePatternSampleDocDirective {
|
|
729
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePatternSampleDocDirective, never>;
|
|
730
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPagePatternSampleDocDirective, "eui-showcase-doc-pattern-sample-doc", never, {}, {}, never, never, true, never>;
|
|
731
|
+
}
|
|
732
|
+
export declare class DocPagePatternSampleComponent {
|
|
733
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
734
|
+
readonly docEntries: import("@angular/core").InputSignal<any[]>;
|
|
735
|
+
readonly codeFolder: import("@angular/core").InputSignal<string>;
|
|
736
|
+
readonly refsImage: import("@angular/core").InputSignal<string>;
|
|
737
|
+
readonly refsImage2: import("@angular/core").InputSignal<string>;
|
|
738
|
+
readonly figmaLink: import("@angular/core").InputSignal<string>;
|
|
739
|
+
readonly aiLink: import("@angular/core").InputSignal<string>;
|
|
740
|
+
readonly isSmall: import("@angular/core").InputSignal<boolean>;
|
|
741
|
+
readonly isTiny: import("@angular/core").InputSignal<boolean>;
|
|
742
|
+
readonly isMedium: import("@angular/core").InputSignal<boolean>;
|
|
743
|
+
readonly isLarge: import("@angular/core").InputSignal<boolean>;
|
|
744
|
+
readonly isExtraLarge: import("@angular/core").InputSignal<boolean>;
|
|
745
|
+
readonly hasAutoHeight: import("@angular/core").InputSignal<boolean>;
|
|
746
|
+
readonly docContent: import("@angular/core").Signal<any>;
|
|
747
|
+
openCode(): void;
|
|
748
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePatternSampleComponent, never>;
|
|
749
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPagePatternSampleComponent, "eui-showcase-doc-pattern-sample", never, {
|
|
750
|
+
"label": {
|
|
751
|
+
"alias": "label";
|
|
752
|
+
"required": false;
|
|
753
|
+
"isSignal": true;
|
|
754
|
+
};
|
|
755
|
+
"docEntries": {
|
|
756
|
+
"alias": "docEntries";
|
|
757
|
+
"required": false;
|
|
758
|
+
"isSignal": true;
|
|
759
|
+
};
|
|
760
|
+
"codeFolder": {
|
|
761
|
+
"alias": "codeFolder";
|
|
762
|
+
"required": false;
|
|
763
|
+
"isSignal": true;
|
|
764
|
+
};
|
|
765
|
+
"refsImage": {
|
|
766
|
+
"alias": "refsImage";
|
|
767
|
+
"required": false;
|
|
768
|
+
"isSignal": true;
|
|
769
|
+
};
|
|
770
|
+
"refsImage2": {
|
|
771
|
+
"alias": "refsImage2";
|
|
772
|
+
"required": false;
|
|
773
|
+
"isSignal": true;
|
|
774
|
+
};
|
|
775
|
+
"figmaLink": {
|
|
776
|
+
"alias": "figmaLink";
|
|
777
|
+
"required": false;
|
|
778
|
+
"isSignal": true;
|
|
779
|
+
};
|
|
780
|
+
"aiLink": {
|
|
781
|
+
"alias": "aiLink";
|
|
782
|
+
"required": false;
|
|
783
|
+
"isSignal": true;
|
|
784
|
+
};
|
|
785
|
+
"isSmall": {
|
|
786
|
+
"alias": "isSmall";
|
|
787
|
+
"required": false;
|
|
788
|
+
"isSignal": true;
|
|
789
|
+
};
|
|
790
|
+
"isTiny": {
|
|
791
|
+
"alias": "isTiny";
|
|
792
|
+
"required": false;
|
|
793
|
+
"isSignal": true;
|
|
794
|
+
};
|
|
795
|
+
"isMedium": {
|
|
796
|
+
"alias": "isMedium";
|
|
797
|
+
"required": false;
|
|
798
|
+
"isSignal": true;
|
|
799
|
+
};
|
|
800
|
+
"isLarge": {
|
|
801
|
+
"alias": "isLarge";
|
|
802
|
+
"required": false;
|
|
803
|
+
"isSignal": true;
|
|
804
|
+
};
|
|
805
|
+
"isExtraLarge": {
|
|
806
|
+
"alias": "isExtraLarge";
|
|
807
|
+
"required": false;
|
|
808
|
+
"isSignal": true;
|
|
809
|
+
};
|
|
810
|
+
"hasAutoHeight": {
|
|
811
|
+
"alias": "hasAutoHeight";
|
|
812
|
+
"required": false;
|
|
813
|
+
"isSignal": true;
|
|
814
|
+
};
|
|
815
|
+
}, {}, ["docContent"], ["eui-showcase-doc-pattern-sample-doc", "*"], true, never>;
|
|
816
|
+
}
|
|
817
|
+
export declare class DocPagePatternSimpleDocDirective {
|
|
818
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePatternSimpleDocDirective, never>;
|
|
819
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPagePatternSimpleDocDirective, "docPagePatternDoc", never, {}, {}, never, never, true, never>;
|
|
820
|
+
}
|
|
821
|
+
export declare class DocPagePatternSimpleComponent {
|
|
822
|
+
readonly docContent: import("@angular/core").Signal<any>;
|
|
823
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
824
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
825
|
+
readonly anatomyImage: import("@angular/core").InputSignal<string>;
|
|
826
|
+
readonly docEntries: import("@angular/core").InputSignal<any[]>;
|
|
827
|
+
readonly dos: import("@angular/core").InputSignal<any[]>;
|
|
828
|
+
readonly donts: import("@angular/core").InputSignal<any[]>;
|
|
829
|
+
readonly sourceUrl: import("@angular/core").InputSignal<string>;
|
|
830
|
+
readonly figmaUrl: import("@angular/core").InputSignal<string>;
|
|
831
|
+
readonly figmaEmbedSrc: import("@angular/core").InputSignal<string>;
|
|
832
|
+
urlSafe: SafeResourceUrl;
|
|
833
|
+
isShowGoTop: boolean;
|
|
834
|
+
topPosToStartShowing: number;
|
|
835
|
+
tabSelectedIndex: number;
|
|
836
|
+
private sanitizer;
|
|
837
|
+
constructor();
|
|
838
|
+
checkScroll(): void;
|
|
839
|
+
onNavigateToCode(): void;
|
|
840
|
+
onTabSelect(event: {
|
|
841
|
+
tab: EuiTabComponent;
|
|
842
|
+
index: number;
|
|
843
|
+
}): void;
|
|
844
|
+
gotoTop(): void;
|
|
845
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocPagePatternSimpleComponent, never>;
|
|
846
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocPagePatternSimpleComponent, "eui-showcase-doc-page-pattern-simple", never, {
|
|
847
|
+
"id": {
|
|
848
|
+
"alias": "id";
|
|
849
|
+
"required": false;
|
|
850
|
+
"isSignal": true;
|
|
851
|
+
};
|
|
852
|
+
"label": {
|
|
853
|
+
"alias": "label";
|
|
854
|
+
"required": false;
|
|
855
|
+
"isSignal": true;
|
|
856
|
+
};
|
|
857
|
+
"anatomyImage": {
|
|
858
|
+
"alias": "anatomyImage";
|
|
859
|
+
"required": false;
|
|
860
|
+
"isSignal": true;
|
|
861
|
+
};
|
|
862
|
+
"docEntries": {
|
|
863
|
+
"alias": "docEntries";
|
|
864
|
+
"required": false;
|
|
865
|
+
"isSignal": true;
|
|
866
|
+
};
|
|
867
|
+
"dos": {
|
|
868
|
+
"alias": "dos";
|
|
869
|
+
"required": false;
|
|
870
|
+
"isSignal": true;
|
|
871
|
+
};
|
|
872
|
+
"donts": {
|
|
873
|
+
"alias": "donts";
|
|
874
|
+
"required": false;
|
|
875
|
+
"isSignal": true;
|
|
876
|
+
};
|
|
877
|
+
"sourceUrl": {
|
|
878
|
+
"alias": "sourceUrl";
|
|
879
|
+
"required": false;
|
|
880
|
+
"isSignal": true;
|
|
881
|
+
};
|
|
882
|
+
"figmaUrl": {
|
|
883
|
+
"alias": "figmaUrl";
|
|
884
|
+
"required": false;
|
|
885
|
+
"isSignal": true;
|
|
886
|
+
};
|
|
887
|
+
"figmaEmbedSrc": {
|
|
888
|
+
"alias": "figmaEmbedSrc";
|
|
889
|
+
"required": false;
|
|
890
|
+
"isSignal": true;
|
|
891
|
+
};
|
|
892
|
+
}, {}, ["docContent"], ["docPagePatternDoc"], true, never>;
|
|
893
|
+
}
|
|
894
|
+
export declare class DocSampleApiComponent {
|
|
895
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSampleApiComponent, never>;
|
|
896
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocSampleApiComponent, "eui-showcase-doc-sample-api", never, {}, {}, never, never, true, never>;
|
|
897
|
+
}
|
|
898
|
+
export declare class DocSectionCodeComponent {
|
|
899
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
900
|
+
readonly content: import("@angular/core").InputSignal<string>;
|
|
901
|
+
readonly styleClass: import("@angular/core").InputSignal<string>;
|
|
902
|
+
readonly versionLabel: import("@angular/core").InputSignal<string>;
|
|
903
|
+
readonly isDeprecated: import("@angular/core").InputSignal<boolean>;
|
|
904
|
+
readonly isCodeExpanded: import("@angular/core").WritableSignal<boolean>;
|
|
905
|
+
readonly sectionDescription: import("@angular/core").Signal<any>;
|
|
906
|
+
readonly sectionCodeHTML: import("@angular/core").Signal<any>;
|
|
907
|
+
readonly sectionCodeTS: import("@angular/core").Signal<any>;
|
|
908
|
+
readonly sectionCodeSERVICE: import("@angular/core").Signal<any>;
|
|
909
|
+
readonly sectionCodeCSS: import("@angular/core").Signal<any>;
|
|
910
|
+
readonly sectionCodeDOC: import("@angular/core").Signal<any>;
|
|
911
|
+
toggleCode(): void;
|
|
912
|
+
isDefined(object: any): boolean;
|
|
913
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionCodeComponent, never>;
|
|
914
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocSectionCodeComponent, "eui-showcase-doc-section-code", never, {
|
|
915
|
+
"label": {
|
|
916
|
+
"alias": "label";
|
|
917
|
+
"required": false;
|
|
918
|
+
"isSignal": true;
|
|
919
|
+
};
|
|
920
|
+
"content": {
|
|
921
|
+
"alias": "content";
|
|
922
|
+
"required": false;
|
|
923
|
+
"isSignal": true;
|
|
924
|
+
};
|
|
925
|
+
"styleClass": {
|
|
926
|
+
"alias": "styleClass";
|
|
927
|
+
"required": false;
|
|
928
|
+
"isSignal": true;
|
|
929
|
+
};
|
|
930
|
+
"versionLabel": {
|
|
931
|
+
"alias": "versionLabel";
|
|
932
|
+
"required": false;
|
|
933
|
+
"isSignal": true;
|
|
934
|
+
};
|
|
935
|
+
"isDeprecated": {
|
|
936
|
+
"alias": "isDeprecated";
|
|
937
|
+
"required": false;
|
|
938
|
+
"isSignal": true;
|
|
939
|
+
};
|
|
940
|
+
}, {}, ["sectionDescription", "sectionCodeHTML", "sectionCodeTS", "sectionCodeSERVICE", "sectionCodeCSS", "sectionCodeDOC"], ["sectionDescription", "sectionCodeHTML", "sectionCodeTS", "sectionCodeSERVICE", "sectionCodeCSS", "sectionCodeDOC", "*"], true, never>;
|
|
941
|
+
}
|
|
942
|
+
export declare class DocSectionCodeDescriptionTagDirective {
|
|
943
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionCodeDescriptionTagDirective, never>;
|
|
944
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocSectionCodeDescriptionTagDirective, "sectionDescription", never, {}, {}, never, never, true, never>;
|
|
945
|
+
}
|
|
946
|
+
export declare class DocSectionCodeHtmlTagDirective {
|
|
947
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionCodeHtmlTagDirective, never>;
|
|
948
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocSectionCodeHtmlTagDirective, "sectionCodeHTML", never, {}, {}, never, never, true, never>;
|
|
949
|
+
}
|
|
950
|
+
export declare class DocSectionCodeTsTagDirective {
|
|
951
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionCodeTsTagDirective, never>;
|
|
952
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocSectionCodeTsTagDirective, "sectionCodeTS", never, {}, {}, never, never, true, never>;
|
|
953
|
+
}
|
|
954
|
+
export declare class DocSectionCodeServiceTagDirective {
|
|
955
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionCodeServiceTagDirective, never>;
|
|
956
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocSectionCodeServiceTagDirective, "sectionCodeSERVICE", never, {}, {}, never, never, true, never>;
|
|
957
|
+
}
|
|
958
|
+
export declare class DocSectionCodeCssTagDirective {
|
|
959
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionCodeCssTagDirective, never>;
|
|
960
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocSectionCodeCssTagDirective, "sectionCodeCSS", never, {}, {}, never, never, true, never>;
|
|
961
|
+
}
|
|
962
|
+
export declare class DocSectionCodeDocTagDirective {
|
|
963
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionCodeDocTagDirective, never>;
|
|
964
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DocSectionCodeDocTagDirective, "sectionCodeDOC", never, {}, {}, never, never, true, never>;
|
|
965
|
+
}
|
|
966
|
+
export declare class EuiCodeHighlighterDirective implements AfterViewInit {
|
|
967
|
+
code: import("@angular/core").InputSignal<unknown>;
|
|
968
|
+
private el;
|
|
969
|
+
private renderer;
|
|
970
|
+
constructor();
|
|
971
|
+
ngAfterViewInit(): void;
|
|
972
|
+
private highlight;
|
|
973
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EuiCodeHighlighterDirective, never>;
|
|
974
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EuiCodeHighlighterDirective, "[euiCode]", never, {
|
|
975
|
+
"code": {
|
|
976
|
+
"alias": "code";
|
|
977
|
+
"required": false;
|
|
978
|
+
"isSignal": true;
|
|
979
|
+
};
|
|
980
|
+
}, {}, never, never, true, never>;
|
|
981
|
+
}
|
|
982
|
+
export declare class LoremIpsumSampleComponent {
|
|
983
|
+
readonly textSize: import("@angular/core").InputSignal<"small" | "medium" | "large">;
|
|
984
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LoremIpsumSampleComponent, never>;
|
|
985
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LoremIpsumSampleComponent, "eui-showcase-doc-lorem-ipsum", never, {
|
|
986
|
+
"textSize": {
|
|
987
|
+
"alias": "textSize";
|
|
988
|
+
"required": false;
|
|
989
|
+
"isSignal": true;
|
|
990
|
+
};
|
|
991
|
+
}, {}, never, never, true, never>;
|
|
992
|
+
}
|
|
993
|
+
export declare class PlaygroundComponent {
|
|
994
|
+
readonly title: import("@angular/core").InputSignal<string>;
|
|
995
|
+
readonly htmlContent: import("@angular/core").InputSignal<string>;
|
|
996
|
+
readonly sampleId: import("@angular/core").InputSignal<string>;
|
|
997
|
+
readonly typescriptContent: import("@angular/core").InputSignal<string>;
|
|
998
|
+
readonly activated: import("@angular/core").InputSignal<boolean>;
|
|
999
|
+
readonly modules: import("@angular/core").InputSignal<[{
|
|
621
1000
|
name: string;
|
|
622
1001
|
path: string;
|
|
1002
|
+
}]>;
|
|
1003
|
+
isLoaded: boolean;
|
|
1004
|
+
private readonly stackblitzElWrapper;
|
|
1005
|
+
/** instance that holds the stackblitz VM object */
|
|
1006
|
+
private stackblitzInstance;
|
|
1007
|
+
private sb;
|
|
1008
|
+
constructor();
|
|
1009
|
+
private initStackblitz;
|
|
1010
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PlaygroundComponent, never>;
|
|
1011
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PlaygroundComponent, "eui-playground", never, {
|
|
1012
|
+
"title": {
|
|
1013
|
+
"alias": "title";
|
|
1014
|
+
"required": false;
|
|
1015
|
+
"isSignal": true;
|
|
1016
|
+
};
|
|
1017
|
+
"htmlContent": {
|
|
1018
|
+
"alias": "htmlContent";
|
|
1019
|
+
"required": false;
|
|
1020
|
+
"isSignal": true;
|
|
1021
|
+
};
|
|
1022
|
+
"sampleId": {
|
|
1023
|
+
"alias": "sampleId";
|
|
1024
|
+
"required": false;
|
|
1025
|
+
"isSignal": true;
|
|
1026
|
+
};
|
|
1027
|
+
"typescriptContent": {
|
|
1028
|
+
"alias": "typescriptContent";
|
|
1029
|
+
"required": false;
|
|
1030
|
+
"isSignal": true;
|
|
1031
|
+
};
|
|
1032
|
+
"activated": {
|
|
1033
|
+
"alias": "activated";
|
|
1034
|
+
"required": false;
|
|
1035
|
+
"isSignal": true;
|
|
1036
|
+
};
|
|
1037
|
+
"modules": {
|
|
1038
|
+
"alias": "modules";
|
|
1039
|
+
"required": false;
|
|
1040
|
+
"isSignal": true;
|
|
1041
|
+
};
|
|
1042
|
+
}, {}, never, never, true, never>;
|
|
1043
|
+
}
|
|
1044
|
+
export declare const polyfillsFile = "import 'zone.js';";
|
|
1045
|
+
export declare const mainFile: (moduleName: string, componentName: string) => string;
|
|
1046
|
+
export declare const moduleFile: (componentName: string, m?: {
|
|
1047
|
+
name: string;
|
|
1048
|
+
path: string;
|
|
623
1049
|
}[]) => string;
|
|
624
|
-
declare const angularJsonFile = "\n{\n \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\n \"version\": 1,\n \"newProjectRoot\": \"projects\",\n \"projects\": {\n \"demo\": {\n \"architect\": {\n \"build\": {\n \"builder\": \"@angular-devkit/build-angular:application\",\n \"configurations\": {\n \"development\": {\n \"extractLicenses\": false,\n \"namedChunks\": true,\n \"optimization\": false,\n \"sourceMap\": true\n },\n \"production\": {\n \"aot\": true,\n \"extractLicenses\": true,\n \"namedChunks\": false,\n \"optimization\": true,\n \"outputHashing\": \"all\",\n \"sourceMap\": false\n }\n },\n \"options\": {\n \"index\": \"src/index.html\",\n \"browser\": \"src/main.ts\",\n \"outputPath\": \"dist/demo\",\n \"scripts\": [],\n \"assets\": [\n {\n \"glob\": \"**/*\",\n \"input\": \"./node_modules/@eui/styles/dist/assets/\",\n \"output\": \"assets\"\n },\n {\n \"glob\": \"**/*\",\n \"input\": \"./node_modules/@eui/core/assets/\",\n \"output\": \"assets\"\n }\n ],\n \"styles\": [\n \"./node_modules/@eui/styles/dist/eui.css\"\n ],\n \"tsConfig\": \"tsconfig.json\"\n }\n },\n \"serve\": {\n \"builder\": \"@angular-devkit/build-angular:dev-server\",\n \"configurations\": {\n \"development\": {\n \"buildTarget\": \"demo:build:development\"\n },\n \"production\": {\n \"buildTarget\": \"demo:build:production\"\n }\n },\n \"defaultConfiguration\": \"development\"\n }\n },\n \"prefix\": \"app\",\n \"projectType\": \"application\",\n \"root\": \"\",\n \"schematics\": {},\n \"sourceRoot\": \"src\"\n }\n },\n \"cli\": {\n \"analytics\": \"0f944abb-e787-4c1f-9092-e34292361c91\"\n }\n}\n";
|
|
625
|
-
declare const indexHtmlFile: (selector: string) => string;
|
|
626
|
-
declare const PACKAGE_JSON: {
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
1050
|
+
export declare const angularJsonFile = "\n{\n \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\n \"version\": 1,\n \"newProjectRoot\": \"projects\",\n \"projects\": {\n \"demo\": {\n \"architect\": {\n \"build\": {\n \"builder\": \"@angular-devkit/build-angular:application\",\n \"configurations\": {\n \"development\": {\n \"extractLicenses\": false,\n \"namedChunks\": true,\n \"optimization\": false,\n \"sourceMap\": true\n },\n \"production\": {\n \"aot\": true,\n \"extractLicenses\": true,\n \"namedChunks\": false,\n \"optimization\": true,\n \"outputHashing\": \"all\",\n \"sourceMap\": false\n }\n },\n \"options\": {\n \"index\": \"src/index.html\",\n \"browser\": \"src/main.ts\",\n \"outputPath\": \"dist/demo\",\n \"scripts\": [],\n \"assets\": [\n {\n \"glob\": \"**/*\",\n \"input\": \"./node_modules/@eui/styles/dist/assets/\",\n \"output\": \"assets\"\n },\n {\n \"glob\": \"**/*\",\n \"input\": \"./node_modules/@eui/core/assets/\",\n \"output\": \"assets\"\n }\n ],\n \"styles\": [\n \"./node_modules/@eui/styles/dist/eui.css\"\n ],\n \"tsConfig\": \"tsconfig.json\"\n }\n },\n \"serve\": {\n \"builder\": \"@angular-devkit/build-angular:dev-server\",\n \"configurations\": {\n \"development\": {\n \"buildTarget\": \"demo:build:development\"\n },\n \"production\": {\n \"buildTarget\": \"demo:build:production\"\n }\n },\n \"defaultConfiguration\": \"development\"\n }\n },\n \"prefix\": \"app\",\n \"projectType\": \"application\",\n \"root\": \"\",\n \"schematics\": {},\n \"sourceRoot\": \"src\"\n }\n },\n \"cli\": {\n \"analytics\": \"0f944abb-e787-4c1f-9092-e34292361c91\"\n }\n}\n";
|
|
1051
|
+
export declare const indexHtmlFile: (selector: string) => string;
|
|
1052
|
+
export declare const PACKAGE_JSON: {
|
|
1053
|
+
name: string;
|
|
1054
|
+
version: string;
|
|
1055
|
+
private: boolean;
|
|
1056
|
+
scripts: {
|
|
1057
|
+
ng: string;
|
|
1058
|
+
start: string;
|
|
1059
|
+
build: string;
|
|
1060
|
+
watch: string;
|
|
1061
|
+
test: string;
|
|
1062
|
+
lint: string;
|
|
1063
|
+
};
|
|
1064
|
+
dependencies: {};
|
|
639
1065
|
};
|
|
640
|
-
declare const tsConfig = "\n/* To learn more about this file see: https://angular.io/config/tsconfig. */\n{\n \"compileOnSave\": false,\n \"compilerOptions\": {\n \"outDir\": \"./out-tsc/app\",\n \"target\": \"ES2022\",\n \"module\": \"ES2022\",\n \"useDefineForClassFields\": false,\n \"lib\": [\"ES2022\", \"dom\"],\n \"declaration\": true,\n \"declarationMap\": true,\n \"inlineSources\": true,\n \"emitDecoratorMetadata\": false,\n \"types\": [],\n \"esModuleInterop\": true,\n \"sourceMap\": true,\n \"experimentalDecorators\": true,\n \"moduleResolution\": \"bundler\",\n \"importHelpers\": true\n },\n \"angularCompilerOptions\": {\n \"compilationMode\": \"partial\",\n \"enableI18nLegacyMessageIdFormat\": false,\n \"strictInputAccessModifiers\": true,\n \"strictMetadataEmit\": true,\n \"strictTemplates\": true,\n \"annotateForClosureCompiler\": true,\n \"skipTemplateCodegen\": true,\n \"fullTemplateTypeCheck\": true\n },\n \"exclude\": [\"src/test.ts\", \"**/*.spec.ts\"],\n \"files\": [\"src/main.ts\"],\n \"include\": [\"src/**/*.d.ts\"]\n}";
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
export { ConfigurationService, DocPageAccessibilityContentDirective, DocPageApiContentDirective, DocPageCodeComponent, DocPageCodeFabComponent, DocPageCodeModalComponent, DocPageComponent, DocPageDevGuideComponent, DocPageInteractiveContentDirective, DocPageLinksContentDirective, DocPageOverviewContentDirective, DocPageOverviewDefaultContentDirective, DocPagePatternComponent, DocPagePatternDocDirective, DocPagePatternSampleComponent, DocPagePatternSampleDirective, DocPagePatternSampleDocDirective, DocPagePatternSampleRefsComponent, DocPagePatternSimpleComponent, DocPagePatternSimpleDocDirective, DocPagePlaygroundContentDirective, DocPageSamplesContentDirective, DocPageSectionsContentDirective, DocPageThemingContentDirective, DocPageVisualSpecsContentDirective, DocSampleApiComponent, DocSampleComponent, DocSectionCodeComponent, DocSectionCodeCssTagDirective, DocSectionCodeDescriptionTagDirective, DocSectionCodeDocTagDirective, DocSectionCodeHtmlTagDirective, DocSectionCodeServiceTagDirective, DocSectionCodeTsTagDirective, DocSectionComponent, EUI_SHOWCASE, EuiCodeHighlighterDirective, LoremIpsumSampleComponent, PACKAGE_JSON, PlaygroundComponent, StackblitzService, angularJsonFile, indexHtmlFile, mainFile, moduleFile, polyfillsFile, tsConfig };
|
|
716
|
-
export type { Configuration };
|
|
717
|
-
//# sourceMappingURL=eui-showcase.d.ts.map
|
|
1066
|
+
export declare const tsConfig = "\n/* To learn more about this file see: https://angular.io/config/tsconfig. */\n{\n \"compileOnSave\": false,\n \"compilerOptions\": {\n \"outDir\": \"./out-tsc/app\",\n \"target\": \"ES2022\",\n \"module\": \"ES2022\",\n \"useDefineForClassFields\": false,\n \"lib\": [\"ES2022\", \"dom\"],\n \"declaration\": true,\n \"declarationMap\": true,\n \"inlineSources\": true,\n \"emitDecoratorMetadata\": false,\n \"types\": [],\n \"esModuleInterop\": true,\n \"sourceMap\": true,\n \"experimentalDecorators\": true,\n \"moduleResolution\": \"bundler\",\n \"importHelpers\": true\n },\n \"angularCompilerOptions\": {\n \"compilationMode\": \"partial\",\n \"enableI18nLegacyMessageIdFormat\": false,\n \"strictInputAccessModifiers\": true,\n \"strictMetadataEmit\": true,\n \"strictTemplates\": true,\n \"annotateForClosureCompiler\": true,\n \"skipTemplateCodegen\": true,\n \"fullTemplateTypeCheck\": true\n },\n \"exclude\": [\"src/test.ts\", \"**/*.spec.ts\"],\n \"files\": [\"src/main.ts\"],\n \"include\": [\"src/**/*.d.ts\"]\n}";
|
|
1067
|
+
export declare class StackblitzService {
|
|
1068
|
+
private http;
|
|
1069
|
+
/**
|
|
1070
|
+
* extract the name of the component class name and selector name from the typescript content
|
|
1071
|
+
*
|
|
1072
|
+
* @param contents
|
|
1073
|
+
* @private
|
|
1074
|
+
*/
|
|
1075
|
+
extractComponentMetadata(contents: string): {
|
|
1076
|
+
selector: string;
|
|
1077
|
+
className: string;
|
|
1078
|
+
};
|
|
1079
|
+
/**
|
|
1080
|
+
* extract module class name from the typescript content
|
|
1081
|
+
*
|
|
1082
|
+
* @param contents
|
|
1083
|
+
* @private
|
|
1084
|
+
*/
|
|
1085
|
+
extractModuleName(contents: string): string;
|
|
1086
|
+
/**
|
|
1087
|
+
* extract the name of the component class name and selector name from the typescript content
|
|
1088
|
+
*
|
|
1089
|
+
* @param contents
|
|
1090
|
+
* @private
|
|
1091
|
+
*/
|
|
1092
|
+
extractComponentName(contents: string): string;
|
|
1093
|
+
appendVitalNgModules(contents: string): string;
|
|
1094
|
+
/**
|
|
1095
|
+
* Open a stackblitz project in a new browser TAB with the given html and typescript content
|
|
1096
|
+
* @param htmlContent
|
|
1097
|
+
* @param typescriptContent
|
|
1098
|
+
* @param title
|
|
1099
|
+
* @param sampleId
|
|
1100
|
+
*/
|
|
1101
|
+
openStackBlitz(htmlContent: string, typescriptContent: string, title: string, sampleId: string): void;
|
|
1102
|
+
/**
|
|
1103
|
+
* Open a stackblitz project with all sample files
|
|
1104
|
+
* @param files Array of file objects with name and content
|
|
1105
|
+
* @param title
|
|
1106
|
+
* @param sampleId
|
|
1107
|
+
*/
|
|
1108
|
+
openStackBlitzWithFiles(files: {
|
|
1109
|
+
name: string;
|
|
1110
|
+
content: string;
|
|
1111
|
+
}[], title: string, sampleId: string): void;
|
|
1112
|
+
/**
|
|
1113
|
+
* Retrieve only the dependencies that stackblitz will need filtered from @eui/deps-base
|
|
1114
|
+
*
|
|
1115
|
+
* @private
|
|
1116
|
+
*/
|
|
1117
|
+
getStackblitzDependencies(): Promise<{
|
|
1118
|
+
dependencies: ProjectDependencies;
|
|
1119
|
+
devDependencies: ProjectDependencies;
|
|
1120
|
+
}>;
|
|
1121
|
+
/**
|
|
1122
|
+
* Retrieve the dependencies from the package.json file of @eui/deps-base for the given version.
|
|
1123
|
+
*
|
|
1124
|
+
* @param version
|
|
1125
|
+
* @private
|
|
1126
|
+
*/
|
|
1127
|
+
private retrievePackageDependencies;
|
|
1128
|
+
/**
|
|
1129
|
+
* Retrieve the eUI version used to build the showcase from application app-metadata.json
|
|
1130
|
+
*
|
|
1131
|
+
* @private
|
|
1132
|
+
*/
|
|
1133
|
+
private getCurrentShowcaseEuiVersion;
|
|
1134
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StackblitzService, never>;
|
|
1135
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
1136
|
+
}
|
|
1137
|
+
export declare const EUI_SHOWCASE: readonly [typeof DocPageAccessibilityContentDirective, typeof DocPageApiContentDirective, typeof DocPageCodeComponent, typeof DocPageComponent, typeof DocPageDevGuideComponent, typeof DocPageInteractiveContentDirective, typeof DocPageLinksContentDirective, typeof DocPageOverviewContentDirective, typeof DocPageOverviewDefaultContentDirective, typeof DocPageSamplesContentDirective, typeof DocPageSectionsContentDirective, typeof DocPageThemingContentDirective, typeof DocPageVisualSpecsContentDirective, typeof DocPagePlaygroundContentDirective, typeof DocPageCodeFabComponent, typeof DocPageCodeModalComponent, typeof DocPagePatternComponent, typeof DocPagePatternDocDirective, typeof DocPagePatternSampleDirective, typeof DocPagePatternSampleComponent, typeof DocPagePatternSampleDocDirective, typeof DocPagePatternSampleRefsComponent, typeof DocPagePatternSimpleComponent, typeof DocPagePatternSimpleDocDirective, typeof DocSampleComponent, typeof DocSampleApiComponent, typeof DocSectionComponent, typeof DocSectionCodeComponent, typeof DocSectionCodeCssTagDirective, typeof DocSectionCodeDescriptionTagDirective, typeof DocSectionCodeDocTagDirective, typeof DocSectionCodeHtmlTagDirective, typeof DocSectionCodeServiceTagDirective, typeof DocSectionCodeTsTagDirective, typeof EuiCodeHighlighterDirective, typeof LoremIpsumSampleComponent, typeof PlaygroundComponent];
|
|
1138
|
+
export {};
|
|
1139
|
+
//# sourceMappingURL=eui-showcase.d.ts.map
|