@eui/showcase 23.0.0-alpha.1 → 23.0.0-alpha.10
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 +869 -1060
- package/fesm2022/eui-showcase.mjs.map +1 -1
- package/package.json +11 -10
- package/types/eui-showcase.d.ts +326 -285
- package/types/eui-showcase.d.ts.map +1 -1
package/types/eui-showcase.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { Signal,
|
|
3
|
-
import { SafeResourceUrl
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { Signal, OnInit, AfterViewInit } from '@angular/core';
|
|
3
|
+
import { SafeResourceUrl } from '@angular/platform-browser';
|
|
4
4
|
import { EuiTabComponent, EuiTabsComponent } from '@eui/components/eui-tabs';
|
|
5
|
+
import { EuiMenuItem } from '@eui/base';
|
|
5
6
|
import { EuiAppShellService } from '@eui/core';
|
|
6
7
|
import { EuiDialogComponent } from '@eui/components/eui-dialog';
|
|
7
8
|
import { ProjectDependencies } from '@stackblitz/sdk';
|
|
@@ -44,22 +45,21 @@ declare class ConfigurationService<T extends Configuration> {
|
|
|
44
45
|
* returns the configuration state as a readonly signal
|
|
45
46
|
*/
|
|
46
47
|
get configuration(): Signal<T>;
|
|
47
|
-
static ɵfac:
|
|
48
|
-
static ɵprov:
|
|
48
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfigurationService<any>, never>;
|
|
49
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfigurationService<any>>;
|
|
49
50
|
}
|
|
50
51
|
|
|
51
52
|
declare class DocPageCodeComponent {
|
|
52
|
-
codeFolder: string
|
|
53
|
-
showcase: string
|
|
53
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
54
|
+
readonly showcase: _angular_core.InputSignal<string>;
|
|
54
55
|
onOpenCode(): void;
|
|
55
|
-
static ɵfac:
|
|
56
|
-
static ɵcmp:
|
|
56
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageCodeComponent, never>;
|
|
57
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPageCodeComponent, "eui-showcase-doc-page-code", never, { "codeFolder": { "alias": "codeFolder"; "required": false; "isSignal": true; }; "showcase": { "alias": "showcase"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
57
58
|
}
|
|
58
59
|
|
|
59
|
-
declare class DocPageDevGuideComponent implements
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
showcaseName: string;
|
|
60
|
+
declare class DocPageDevGuideComponent implements OnInit, AfterViewInit {
|
|
61
|
+
readonly rootDocsFolder: _angular_core.InputSignal<string>;
|
|
62
|
+
readonly showcaseName: _angular_core.InputSignal<string>;
|
|
63
63
|
markdown: string;
|
|
64
64
|
isFirst: boolean;
|
|
65
65
|
headers: Array<{
|
|
@@ -68,26 +68,24 @@ declare class DocPageDevGuideComponent implements OnDestroy, OnInit, AfterViewIn
|
|
|
68
68
|
level: number;
|
|
69
69
|
}>;
|
|
70
70
|
fragmentId: string;
|
|
71
|
-
private subscription;
|
|
72
71
|
private markdownService;
|
|
73
72
|
private http;
|
|
74
73
|
private router;
|
|
75
74
|
private route;
|
|
76
75
|
private cdRef;
|
|
76
|
+
constructor();
|
|
77
77
|
ngOnInit(): void;
|
|
78
78
|
ngAfterViewInit(): void;
|
|
79
|
-
ngOnDestroy(): void;
|
|
80
79
|
onNavClick(fragmentId: string): void;
|
|
81
80
|
private _loadMdContent;
|
|
82
81
|
private _scrollToFragment;
|
|
83
|
-
static ɵfac:
|
|
84
|
-
static ɵcmp:
|
|
82
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageDevGuideComponent, never>;
|
|
83
|
+
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; }; }, {}, never, never, true, never>;
|
|
85
84
|
}
|
|
86
85
|
|
|
87
|
-
declare class DocPageDevGuideComponentV2 implements
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
showcaseName: string;
|
|
86
|
+
declare class DocPageDevGuideComponentV2 implements OnInit, AfterViewInit {
|
|
87
|
+
readonly rootDocsFolder: _angular_core.InputSignal<string>;
|
|
88
|
+
readonly showcaseName: _angular_core.InputSignal<string>;
|
|
91
89
|
markdown: string;
|
|
92
90
|
isFirst: boolean;
|
|
93
91
|
headers: Array<{
|
|
@@ -96,38 +94,42 @@ declare class DocPageDevGuideComponentV2 implements OnDestroy, OnInit, AfterView
|
|
|
96
94
|
level: number;
|
|
97
95
|
}>;
|
|
98
96
|
fragmentId: string;
|
|
99
|
-
private subscription;
|
|
100
97
|
private markdownService;
|
|
101
98
|
private http;
|
|
102
99
|
private router;
|
|
103
100
|
private route;
|
|
101
|
+
constructor();
|
|
104
102
|
ngOnInit(): void;
|
|
105
103
|
ngAfterViewInit(): void;
|
|
106
|
-
ngOnDestroy(): void;
|
|
107
104
|
onNavClick(fragmentId: string): void;
|
|
108
105
|
private _loadMdContent;
|
|
109
106
|
private _scrollToFragment;
|
|
110
|
-
static ɵfac:
|
|
111
|
-
static ɵcmp:
|
|
107
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageDevGuideComponentV2, never>;
|
|
108
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPageDevGuideComponentV2, "eui-showcase-doc-page-dev-guide-v2", never, { "rootDocsFolder": { "alias": "rootDocsFolder"; "required": false; "isSignal": true; }; "showcaseName": { "alias": "showcaseName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
112
109
|
}
|
|
113
110
|
|
|
114
|
-
declare class DocSampleComponent
|
|
115
|
-
id: string
|
|
116
|
-
label: string
|
|
117
|
-
category: any
|
|
118
|
-
description: any
|
|
119
|
-
defaultValue: any
|
|
120
|
-
styleClass: string
|
|
121
|
-
renderPlayground:
|
|
122
|
-
isCodeButtonVisible: boolean
|
|
123
|
-
isInnerSection: boolean
|
|
124
|
-
classes: string;
|
|
111
|
+
declare class DocSampleComponent {
|
|
112
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
113
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
114
|
+
readonly category: _angular_core.InputSignal<any>;
|
|
115
|
+
readonly description: _angular_core.InputSignal<any>;
|
|
116
|
+
readonly defaultValue: _angular_core.InputSignal<any>;
|
|
117
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
118
|
+
readonly renderPlayground: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
119
|
+
readonly isCodeButtonVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
120
|
+
readonly isInnerSection: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
125
121
|
isCodeLoaded: boolean;
|
|
126
122
|
isCodeLoading: boolean;
|
|
127
123
|
isCodeExpanded: boolean;
|
|
128
124
|
playground_activated: boolean;
|
|
129
125
|
tsContent: any;
|
|
130
126
|
htmlContent: any;
|
|
127
|
+
sampleFiles: {
|
|
128
|
+
name: string;
|
|
129
|
+
type: string;
|
|
130
|
+
content: string;
|
|
131
|
+
label: string;
|
|
132
|
+
}[];
|
|
131
133
|
protected conf: ConfigurationService<Configuration>;
|
|
132
134
|
private sb;
|
|
133
135
|
private _http;
|
|
@@ -136,7 +138,6 @@ declare class DocSampleComponent implements AfterContentInit {
|
|
|
136
138
|
private growlService;
|
|
137
139
|
private clipboard;
|
|
138
140
|
private router;
|
|
139
|
-
ngAfterContentInit(): void;
|
|
140
141
|
copyCurrentUrlToClipboard(id: string): void;
|
|
141
142
|
onToggleCode(): void;
|
|
142
143
|
/**
|
|
@@ -168,52 +169,60 @@ declare class DocSampleComponent implements AfterContentInit {
|
|
|
168
169
|
private _getComponent;
|
|
169
170
|
private flatten;
|
|
170
171
|
private loadCodeFiles;
|
|
172
|
+
private getSamplesPath;
|
|
173
|
+
private getFileLabel;
|
|
174
|
+
getCodeLanguage(type: string): string;
|
|
171
175
|
/**
|
|
172
|
-
* filter out the content between the pattern below in both html and ts files.
|
|
173
|
-
* exclude some part of the code from being rendered in the code sample or stackblitz but we still want to keep
|
|
174
|
-
* it in the actual file for other purposes (e.g. for testing, or for rendering in the playground but not in the code sample)
|
|
176
|
+
* filter out the content between the pattern below in both html and ts files.
|
|
175
177
|
* @param content the content of the file to filter out the exclude content
|
|
176
178
|
*/
|
|
177
179
|
private filterOutExcludeContent;
|
|
178
|
-
static ɵfac:
|
|
179
|
-
static ɵcmp:
|
|
180
|
-
static ngAcceptInputType_renderPlayground: unknown;
|
|
181
|
-
static ngAcceptInputType_isCodeButtonVisible: unknown;
|
|
182
|
-
static ngAcceptInputType_isInnerSection: unknown;
|
|
180
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSampleComponent, never>;
|
|
181
|
+
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>;
|
|
183
182
|
}
|
|
184
183
|
|
|
185
|
-
declare class DocSectionComponent
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocSectionComponent, never>;
|
|
192
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DocSectionComponent, "eui-showcase-doc-section", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
184
|
+
declare class DocSectionComponent {
|
|
185
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
186
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
187
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
188
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionComponent, never>;
|
|
189
|
+
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>;
|
|
193
190
|
}
|
|
194
191
|
|
|
192
|
+
type ComponentStatus$1 = EuiMenuItem & {
|
|
193
|
+
name: string;
|
|
194
|
+
cmpReplacement: string;
|
|
195
|
+
cmpReplacementUrl: string;
|
|
196
|
+
cmpReplacementNote: string;
|
|
197
|
+
alternateApiCategory: string;
|
|
198
|
+
alternateId: string;
|
|
199
|
+
status: string;
|
|
200
|
+
metadata: any;
|
|
201
|
+
};
|
|
195
202
|
declare class DocPageComponent implements OnInit, AfterViewInit {
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
203
|
+
readonly id: _angular_core.InputSignal<any>;
|
|
204
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
205
|
+
readonly subLabel: _angular_core.InputSignal<string>;
|
|
206
|
+
readonly isNotReadyInput: _angular_core.InputSignal<boolean>;
|
|
207
|
+
readonly isDeprecatedInput: _angular_core.InputSignal<boolean>;
|
|
208
|
+
readonly isLegacyInput: _angular_core.InputSignal<boolean>;
|
|
209
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
210
|
+
readonly showcase: _angular_core.InputSignal<string>;
|
|
211
|
+
readonly isNavigationVisible: _angular_core.ModelSignal<boolean>;
|
|
212
|
+
readonly hasApi: _angular_core.InputSignal<boolean>;
|
|
213
|
+
readonly hasA11y: _angular_core.InputSignal<boolean>;
|
|
214
|
+
readonly customApiUrl: _angular_core.InputSignal<string>;
|
|
215
|
+
readonly isNotReady: _angular_core.WritableSignal<boolean>;
|
|
216
|
+
readonly isDeprecated: _angular_core.WritableSignal<boolean>;
|
|
217
|
+
readonly isLegacy: _angular_core.WritableSignal<boolean>;
|
|
218
|
+
stateTypeClass: string;
|
|
219
|
+
stateLabel: string;
|
|
220
|
+
cmp: ComponentStatus$1;
|
|
221
|
+
fragmentId: string;
|
|
222
|
+
cmpImportModule: string;
|
|
223
|
+
cmpImportStandalone: string;
|
|
224
|
+
cmpImportStandaloneCmp: string;
|
|
225
|
+
cmpStandalone: string;
|
|
217
226
|
appMetadata: any;
|
|
218
227
|
apiUrlSafe: SafeResourceUrl;
|
|
219
228
|
apiUrl: string;
|
|
@@ -221,97 +230,120 @@ declare class DocPageComponent implements OnInit, AfterViewInit {
|
|
|
221
230
|
isLoading: boolean;
|
|
222
231
|
isNavClicked: boolean;
|
|
223
232
|
hasCategories: boolean;
|
|
224
|
-
categories:
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
233
|
+
categories: {
|
|
234
|
+
name: string;
|
|
235
|
+
samples: DocSampleComponent[];
|
|
236
|
+
}[];
|
|
237
|
+
private scrollHandler;
|
|
238
|
+
private scrollContainer;
|
|
239
|
+
private isDestroyed;
|
|
240
|
+
readonly samples: _angular_core.Signal<readonly DocSampleComponent[]>;
|
|
241
|
+
readonly sections: _angular_core.Signal<readonly DocSectionComponent[]>;
|
|
242
|
+
readonly pageOverviewContent: _angular_core.Signal<readonly any[]>;
|
|
243
|
+
readonly pageOverviewDefaultContent: _angular_core.Signal<readonly any[]>;
|
|
244
|
+
readonly pageSamplesContent: _angular_core.Signal<readonly any[]>;
|
|
245
|
+
readonly pageSectionsContent: _angular_core.Signal<readonly any[]>;
|
|
246
|
+
readonly pageInteractiveContent: _angular_core.Signal<readonly any[]>;
|
|
247
|
+
readonly pageAccessibilityContent: _angular_core.Signal<readonly any[]>;
|
|
248
|
+
readonly pageApiContent: _angular_core.Signal<readonly any[]>;
|
|
249
|
+
readonly pageThemingContent: _angular_core.Signal<readonly any[]>;
|
|
250
|
+
readonly tabsContent: _angular_core.Signal<EuiTabsComponent>;
|
|
251
|
+
private sanitizer;
|
|
239
252
|
private location;
|
|
240
253
|
private router;
|
|
241
254
|
private route;
|
|
242
255
|
private asService;
|
|
256
|
+
private cd;
|
|
257
|
+
private destroyRef;
|
|
258
|
+
private injector;
|
|
259
|
+
private readonly TABS_DEF;
|
|
260
|
+
private readonly CATEGORIES_DEF;
|
|
243
261
|
ngOnInit(): void;
|
|
244
262
|
ngAfterViewInit(): void;
|
|
245
263
|
getCategoryIndex(name: string): number;
|
|
264
|
+
private setupScrollSpy;
|
|
246
265
|
onNavClick(fragmentId: string, tabIndex: number): void;
|
|
247
266
|
onTabActivate(event: {
|
|
248
267
|
tab: EuiTabComponent;
|
|
249
268
|
index: number;
|
|
250
269
|
}): void;
|
|
270
|
+
private _buildCategories;
|
|
251
271
|
private _scrollToFragment;
|
|
252
272
|
private _getComponentStatus;
|
|
253
273
|
private _getApiUrl;
|
|
254
274
|
private _camelCaseString;
|
|
255
|
-
static ɵfac:
|
|
256
|
-
static ɵcmp:
|
|
275
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageComponent, never>;
|
|
276
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPageComponent, "eui-showcase-doc-page", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "subLabel": { "alias": "subLabel"; "required": false; "isSignal": true; }; "isNotReadyInput": { "alias": "isNotReady"; "required": false; "isSignal": true; }; "isDeprecatedInput": { "alias": "isDeprecated"; "required": false; "isSignal": true; }; "isLegacyInput": { "alias": "isLegacy"; "required": false; "isSignal": true; }; "codeFolder": { "alias": "codeFolder"; "required": false; "isSignal": true; }; "showcase": { "alias": "showcase"; "required": false; "isSignal": true; }; "isNavigationVisible": { "alias": "isNavigationVisible"; "required": false; "isSignal": true; }; "hasApi": { "alias": "hasApi"; "required": false; "isSignal": true; }; "hasA11y": { "alias": "hasA11y"; "required": false; "isSignal": true; }; "customApiUrl": { "alias": "customApiUrl"; "required": false; "isSignal": true; }; }, { "isNavigationVisible": "isNavigationVisibleChange"; }, ["samples", "sections", "pageOverviewContent", "pageOverviewDefaultContent", "pageSamplesContent", "pageSectionsContent", "pageInteractiveContent", "pageAccessibilityContent", "pageApiContent", "pageThemingContent"], ["docPageOverview", "docPageOverviewDefault", "docPageSamples", "docPageAccessibility", "docPageTheming", "docPageInteractive", "docPageSections"], true, never>;
|
|
257
277
|
}
|
|
258
278
|
declare class DocPageOverviewContentDirective {
|
|
259
|
-
static ɵfac:
|
|
260
|
-
static ɵdir:
|
|
279
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageOverviewContentDirective, never>;
|
|
280
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageOverviewContentDirective, "docPageOverview", never, {}, {}, never, never, true, never>;
|
|
261
281
|
}
|
|
262
282
|
declare class DocPageOverviewDefaultContentDirective {
|
|
263
|
-
static ɵfac:
|
|
264
|
-
static ɵdir:
|
|
283
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageOverviewDefaultContentDirective, never>;
|
|
284
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageOverviewDefaultContentDirective, "docPageOverviewDefault", never, {}, {}, never, never, true, never>;
|
|
265
285
|
}
|
|
266
286
|
declare class DocPageInteractiveContentDirective {
|
|
267
|
-
title: string
|
|
268
|
-
subTitle: string
|
|
269
|
-
static ɵfac:
|
|
270
|
-
static ɵdir:
|
|
287
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
288
|
+
readonly subTitle: _angular_core.InputSignal<string>;
|
|
289
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageInteractiveContentDirective, never>;
|
|
290
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageInteractiveContentDirective, "docPageInteractive", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
271
291
|
}
|
|
272
292
|
declare class DocPageSamplesContentDirective {
|
|
273
|
-
static ɵfac:
|
|
274
|
-
static ɵdir:
|
|
293
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageSamplesContentDirective, never>;
|
|
294
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageSamplesContentDirective, "docPageSamples", never, {}, {}, never, never, true, never>;
|
|
275
295
|
}
|
|
276
296
|
declare class DocPageSectionsContentDirective {
|
|
277
|
-
static ɵfac:
|
|
278
|
-
static ɵdir:
|
|
297
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageSectionsContentDirective, never>;
|
|
298
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageSectionsContentDirective, "docPageSections", never, {}, {}, never, never, true, never>;
|
|
279
299
|
}
|
|
280
300
|
declare class DocPageAccessibilityContentDirective {
|
|
281
|
-
static ɵfac:
|
|
282
|
-
static ɵdir:
|
|
301
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageAccessibilityContentDirective, never>;
|
|
302
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageAccessibilityContentDirective, "docPageAccessibility", never, {}, {}, never, never, true, never>;
|
|
283
303
|
}
|
|
284
304
|
declare class DocPageApiContentDirective {
|
|
285
|
-
static ɵfac:
|
|
286
|
-
static ɵdir:
|
|
305
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageApiContentDirective, never>;
|
|
306
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageApiContentDirective, "docPageApi", never, {}, {}, never, never, true, never>;
|
|
287
307
|
}
|
|
288
308
|
declare class DocPageThemingContentDirective {
|
|
289
|
-
static ɵfac:
|
|
290
|
-
static ɵdir:
|
|
309
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageThemingContentDirective, never>;
|
|
310
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageThemingContentDirective, "docPageTheming", never, {}, {}, never, never, true, never>;
|
|
291
311
|
}
|
|
292
312
|
|
|
313
|
+
type ComponentStatus = EuiMenuItem & {
|
|
314
|
+
name: string;
|
|
315
|
+
cmpReplacement: string;
|
|
316
|
+
cmpReplacementUrl: string;
|
|
317
|
+
cmpReplacementNote: string;
|
|
318
|
+
alternateApiCategory: string;
|
|
319
|
+
alternateId: string;
|
|
320
|
+
status: string;
|
|
321
|
+
metadata: any;
|
|
322
|
+
};
|
|
293
323
|
declare class DocPageComponentV2 implements OnInit, AfterViewInit {
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
324
|
+
readonly id: _angular_core.InputSignal<any>;
|
|
325
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
326
|
+
readonly subLabel: _angular_core.InputSignal<string>;
|
|
327
|
+
readonly isNotReadyInput: _angular_core.InputSignal<boolean>;
|
|
328
|
+
readonly isDeprecatedInput: _angular_core.InputSignal<boolean>;
|
|
329
|
+
readonly isLegacyInput: _angular_core.InputSignal<boolean>;
|
|
330
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
331
|
+
readonly showcase: _angular_core.InputSignal<string>;
|
|
332
|
+
readonly isNavigationVisible: _angular_core.InputSignal<boolean>;
|
|
333
|
+
readonly hasApi: _angular_core.InputSignal<boolean>;
|
|
334
|
+
readonly hasA11y: _angular_core.InputSignal<boolean>;
|
|
335
|
+
readonly customApiUrl: _angular_core.InputSignal<string>;
|
|
336
|
+
readonly isNotReady: _angular_core.WritableSignal<boolean>;
|
|
337
|
+
readonly isDeprecated: _angular_core.WritableSignal<boolean>;
|
|
338
|
+
readonly isLegacy: _angular_core.WritableSignal<boolean>;
|
|
339
|
+
stateTypeClass: string;
|
|
340
|
+
stateLabel: string;
|
|
341
|
+
cmp: ComponentStatus;
|
|
342
|
+
fragmentId: string;
|
|
343
|
+
cmpImportModule: string;
|
|
344
|
+
cmpImportStandalone: string;
|
|
345
|
+
cmpImportStandaloneCmp: string;
|
|
346
|
+
cmpStandalone: string;
|
|
315
347
|
appMetadata: any;
|
|
316
348
|
apiUrlSafe: SafeResourceUrl;
|
|
317
349
|
apiUrl: string;
|
|
@@ -319,25 +351,28 @@ declare class DocPageComponentV2 implements OnInit, AfterViewInit {
|
|
|
319
351
|
isLoading: boolean;
|
|
320
352
|
isNavClicked: boolean;
|
|
321
353
|
hasCategories: boolean;
|
|
322
|
-
categories:
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
354
|
+
categories: {
|
|
355
|
+
name: string;
|
|
356
|
+
samples: DocSampleComponent[];
|
|
357
|
+
}[];
|
|
358
|
+
readonly samples: _angular_core.Signal<readonly DocSampleComponent[]>;
|
|
359
|
+
readonly sections: _angular_core.Signal<readonly DocSectionComponent[]>;
|
|
360
|
+
readonly pageOverviewContent: _angular_core.Signal<readonly any[]>;
|
|
361
|
+
readonly pageOverviewDefaultContent: _angular_core.Signal<readonly any[]>;
|
|
362
|
+
readonly pageSamplesContent: _angular_core.Signal<readonly any[]>;
|
|
363
|
+
readonly pageSectionsContent: _angular_core.Signal<readonly any[]>;
|
|
364
|
+
readonly pageInteractiveContent: _angular_core.Signal<readonly any[]>;
|
|
365
|
+
readonly pageAccessibilityContent: _angular_core.Signal<readonly any[]>;
|
|
366
|
+
readonly pageApiContent: _angular_core.Signal<readonly any[]>;
|
|
367
|
+
readonly pageThemingContent: _angular_core.Signal<readonly any[]>;
|
|
368
|
+
readonly tabsContent: _angular_core.Signal<EuiTabsComponent>;
|
|
369
|
+
private sanitizer;
|
|
337
370
|
private location;
|
|
338
371
|
private router;
|
|
339
372
|
private route;
|
|
340
373
|
private asService;
|
|
374
|
+
private readonly TABS_DEF;
|
|
375
|
+
private readonly CATEGORIES_DEF;
|
|
341
376
|
ngOnInit(): void;
|
|
342
377
|
ngAfterViewInit(): void;
|
|
343
378
|
getCategoryIndex(name: string): number;
|
|
@@ -346,258 +381,254 @@ declare class DocPageComponentV2 implements OnInit, AfterViewInit {
|
|
|
346
381
|
tab: EuiTabComponent;
|
|
347
382
|
index: number;
|
|
348
383
|
}): void;
|
|
384
|
+
private _buildCategories;
|
|
349
385
|
private _scrollToFragment;
|
|
350
386
|
private _getComponentStatus;
|
|
351
387
|
private _getApiUrl;
|
|
352
388
|
private _camelCaseString;
|
|
353
|
-
static ɵfac:
|
|
354
|
-
static ɵcmp:
|
|
389
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageComponentV2, never>;
|
|
390
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPageComponentV2, "eui-showcase-doc-page-v2", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "subLabel": { "alias": "subLabel"; "required": false; "isSignal": true; }; "isNotReadyInput": { "alias": "isNotReady"; "required": false; "isSignal": true; }; "isDeprecatedInput": { "alias": "isDeprecated"; "required": false; "isSignal": true; }; "isLegacyInput": { "alias": "isLegacy"; "required": false; "isSignal": true; }; "codeFolder": { "alias": "codeFolder"; "required": false; "isSignal": true; }; "showcase": { "alias": "showcase"; "required": false; "isSignal": true; }; "isNavigationVisible": { "alias": "isNavigationVisible"; "required": false; "isSignal": true; }; "hasApi": { "alias": "hasApi"; "required": false; "isSignal": true; }; "hasA11y": { "alias": "hasA11y"; "required": false; "isSignal": true; }; "customApiUrl": { "alias": "customApiUrl"; "required": false; "isSignal": true; }; }, {}, ["samples", "sections", "pageOverviewContent", "pageOverviewDefaultContent", "pageSamplesContent", "pageSectionsContent", "pageInteractiveContent", "pageAccessibilityContent", "pageApiContent", "pageThemingContent"], ["docPageOverviewV2", "docPageOverviewDefaultV2", "docPageSamplesV2", "docPageAccessibilityV2", "docPageThemingV2", "docPageInteractiveV2", "docPageSectionsV2"], true, never>;
|
|
355
391
|
}
|
|
356
392
|
declare class DocPageOverviewContentDirectiveV2 {
|
|
357
|
-
static ɵfac:
|
|
358
|
-
static ɵdir:
|
|
393
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageOverviewContentDirectiveV2, never>;
|
|
394
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageOverviewContentDirectiveV2, "docPageOverviewV2", never, {}, {}, never, never, true, never>;
|
|
359
395
|
}
|
|
360
396
|
declare class DocPageOverviewDefaultContentDirectiveV2 {
|
|
361
|
-
static ɵfac:
|
|
362
|
-
static ɵdir:
|
|
397
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageOverviewDefaultContentDirectiveV2, never>;
|
|
398
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageOverviewDefaultContentDirectiveV2, "docPageOverviewDefaultV2", never, {}, {}, never, never, true, never>;
|
|
363
399
|
}
|
|
364
400
|
declare class DocPageInteractiveContentDirectiveV2 {
|
|
365
|
-
title: string
|
|
366
|
-
subTitle: string
|
|
367
|
-
static ɵfac:
|
|
368
|
-
static ɵdir:
|
|
401
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
402
|
+
readonly subTitle: _angular_core.InputSignal<string>;
|
|
403
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageInteractiveContentDirectiveV2, never>;
|
|
404
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageInteractiveContentDirectiveV2, "docPageInteractiveV2", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
369
405
|
}
|
|
370
406
|
declare class DocPageSamplesContentDirectiveV2 {
|
|
371
|
-
static ɵfac:
|
|
372
|
-
static ɵdir:
|
|
407
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageSamplesContentDirectiveV2, never>;
|
|
408
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageSamplesContentDirectiveV2, "docPageSamplesV2", never, {}, {}, never, never, true, never>;
|
|
373
409
|
}
|
|
374
410
|
declare class DocPageSectionsContentDirectiveV2 {
|
|
375
|
-
static ɵfac:
|
|
376
|
-
static ɵdir:
|
|
411
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageSectionsContentDirectiveV2, never>;
|
|
412
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageSectionsContentDirectiveV2, "docPageSectionsV2", never, {}, {}, never, never, true, never>;
|
|
377
413
|
}
|
|
378
414
|
declare class DocPageAccessibilityContentDirectiveV2 {
|
|
379
|
-
static ɵfac:
|
|
380
|
-
static ɵdir:
|
|
415
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageAccessibilityContentDirectiveV2, never>;
|
|
416
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageAccessibilityContentDirectiveV2, "docPageAccessibilityV2", never, {}, {}, never, never, true, never>;
|
|
381
417
|
}
|
|
382
418
|
declare class DocPageApiContentDirectiveV2 {
|
|
383
|
-
static ɵfac:
|
|
384
|
-
static ɵdir:
|
|
419
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageApiContentDirectiveV2, never>;
|
|
420
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageApiContentDirectiveV2, "docPageApiV2", never, {}, {}, never, never, true, never>;
|
|
385
421
|
}
|
|
386
422
|
declare class DocPageThemingContentDirectiveV2 {
|
|
387
|
-
static ɵfac:
|
|
388
|
-
static ɵdir:
|
|
423
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageThemingContentDirectiveV2, never>;
|
|
424
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageThemingContentDirectiveV2, "docPageThemingV2", never, {}, {}, never, never, true, never>;
|
|
389
425
|
}
|
|
390
426
|
|
|
391
427
|
declare class DocPageCodeFabComponent {
|
|
392
|
-
codeFolder: string
|
|
393
|
-
showcase: string
|
|
394
|
-
hasContentDialog: boolean
|
|
395
|
-
dialog: EuiDialogComponent
|
|
428
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
429
|
+
readonly showcase: _angular_core.InputSignal<string>;
|
|
430
|
+
readonly hasContentDialog: _angular_core.InputSignal<boolean>;
|
|
431
|
+
readonly dialog: _angular_core.Signal<EuiDialogComponent>;
|
|
396
432
|
asService: EuiAppShellService;
|
|
397
433
|
toggleCode(): void;
|
|
398
434
|
onClose(): void;
|
|
399
435
|
onOpenCode(): void;
|
|
400
|
-
static ɵfac:
|
|
401
|
-
static ɵcmp:
|
|
436
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageCodeFabComponent, never>;
|
|
437
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPageCodeFabComponent, "eui-showcase-doc-page-code-fab", never, { "codeFolder": { "alias": "codeFolder"; "required": false; "isSignal": true; }; "showcase": { "alias": "showcase"; "required": false; "isSignal": true; }; "hasContentDialog": { "alias": "hasContentDialog"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
402
438
|
}
|
|
403
439
|
|
|
404
440
|
declare class DocPageCodeModalComponent {
|
|
405
|
-
width: string
|
|
406
|
-
dialog: EuiDialogComponent
|
|
441
|
+
readonly width: _angular_core.InputSignal<string>;
|
|
442
|
+
readonly dialog: _angular_core.Signal<EuiDialogComponent>;
|
|
407
443
|
asService: EuiAppShellService;
|
|
408
444
|
toggleCode(): void;
|
|
409
445
|
onClose(): void;
|
|
410
|
-
static ɵfac:
|
|
411
|
-
static ɵcmp:
|
|
446
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageCodeModalComponent, never>;
|
|
447
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPageCodeModalComponent, "eui-showcase-doc-page-code-modal", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
412
448
|
}
|
|
413
449
|
|
|
414
450
|
declare class DocPagePatternSampleDirective {
|
|
415
|
-
static ɵfac:
|
|
416
|
-
static ɵdir:
|
|
451
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSampleDirective, never>;
|
|
452
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePatternSampleDirective, "docPagePatternSample", never, {}, {}, never, never, true, never>;
|
|
417
453
|
}
|
|
418
454
|
declare class DocPagePatternDocDirective {
|
|
419
|
-
static ɵfac:
|
|
420
|
-
static ɵdir:
|
|
455
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternDocDirective, never>;
|
|
456
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePatternDocDirective, "docPagePatternDoc", never, {}, {}, never, never, true, never>;
|
|
421
457
|
}
|
|
422
458
|
declare class DocPagePatternComponent {
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
sourceUrl: string;
|
|
433
|
-
figmaUrl: string;
|
|
434
|
-
figmaEmbedSrc: string;
|
|
459
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
460
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
461
|
+
readonly anatomyImage: _angular_core.InputSignal<string>;
|
|
462
|
+
readonly docEntries: _angular_core.InputSignal<any[]>;
|
|
463
|
+
readonly dos: _angular_core.InputSignal<any[]>;
|
|
464
|
+
readonly donts: _angular_core.InputSignal<any[]>;
|
|
465
|
+
readonly sourceUrl: _angular_core.InputSignal<string>;
|
|
466
|
+
readonly figmaUrl: _angular_core.InputSignal<string>;
|
|
467
|
+
readonly figmaEmbedSrc: _angular_core.InputSignal<string>;
|
|
435
468
|
urlSafe: SafeResourceUrl;
|
|
436
469
|
isShowGoTop: boolean;
|
|
437
470
|
topPosToStartShowing: number;
|
|
438
471
|
tabSelectedIndex: number;
|
|
439
|
-
checkScroll(): void;
|
|
440
472
|
private sanitizer;
|
|
441
|
-
|
|
442
|
-
|
|
473
|
+
constructor();
|
|
474
|
+
checkScroll(): void;
|
|
475
|
+
onNavigateToCode(): void;
|
|
443
476
|
onTabActivate(event: {
|
|
444
477
|
tab: EuiTabComponent;
|
|
445
478
|
index: number;
|
|
446
479
|
}): void;
|
|
447
480
|
gotoTop(): void;
|
|
448
|
-
static ɵfac:
|
|
449
|
-
static ɵcmp:
|
|
481
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternComponent, never>;
|
|
482
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPagePatternComponent, "eui-showcase-doc-page-pattern", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "anatomyImage": { "alias": "anatomyImage"; "required": false; "isSignal": true; }; "docEntries": { "alias": "docEntries"; "required": false; "isSignal": true; }; "dos": { "alias": "dos"; "required": false; "isSignal": true; }; "donts": { "alias": "donts"; "required": false; "isSignal": true; }; "sourceUrl": { "alias": "sourceUrl"; "required": false; "isSignal": true; }; "figmaUrl": { "alias": "figmaUrl"; "required": false; "isSignal": true; }; "figmaEmbedSrc": { "alias": "figmaEmbedSrc"; "required": false; "isSignal": true; }; }, {}, never, ["docPagePatternDoc", "docPagePatternSample"], true, never>;
|
|
450
483
|
}
|
|
451
484
|
|
|
452
485
|
declare class DocPagePatternSampleRefsComponent {
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
static
|
|
457
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DocPagePatternSampleRefsComponent, "eui-showcase-doc-pattern-sample-refs", never, { "docEntries": { "alias": "docEntries"; "required": false; }; "codeFolder": { "alias": "codeFolder"; "required": false; }; }, {}, never, never, true, never>;
|
|
486
|
+
readonly docEntries: _angular_core.InputSignal<any[]>;
|
|
487
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
488
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSampleRefsComponent, never>;
|
|
489
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPagePatternSampleRefsComponent, "eui-showcase-doc-pattern-sample-refs", never, { "docEntries": { "alias": "docEntries"; "required": false; "isSignal": true; }; "codeFolder": { "alias": "codeFolder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
458
490
|
}
|
|
459
491
|
|
|
460
492
|
declare class DocPagePatternSampleDocDirective {
|
|
461
|
-
static ɵfac:
|
|
462
|
-
static ɵdir:
|
|
493
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSampleDocDirective, never>;
|
|
494
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePatternSampleDocDirective, "eui-showcase-doc-pattern-sample-doc", never, {}, {}, never, never, true, never>;
|
|
463
495
|
}
|
|
464
496
|
declare class DocPagePatternSampleComponent {
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
isSmall: boolean
|
|
473
|
-
isTiny: boolean
|
|
474
|
-
isMedium: boolean
|
|
475
|
-
isLarge: boolean
|
|
476
|
-
isExtraLarge: boolean
|
|
477
|
-
hasAutoHeight: boolean
|
|
478
|
-
docContent:
|
|
497
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
498
|
+
readonly docEntries: _angular_core.InputSignal<any[]>;
|
|
499
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
500
|
+
readonly refsImage: _angular_core.InputSignal<string>;
|
|
501
|
+
readonly refsImage2: _angular_core.InputSignal<string>;
|
|
502
|
+
readonly figmaLink: _angular_core.InputSignal<string>;
|
|
503
|
+
readonly aiLink: _angular_core.InputSignal<string>;
|
|
504
|
+
readonly isSmall: _angular_core.InputSignal<boolean>;
|
|
505
|
+
readonly isTiny: _angular_core.InputSignal<boolean>;
|
|
506
|
+
readonly isMedium: _angular_core.InputSignal<boolean>;
|
|
507
|
+
readonly isLarge: _angular_core.InputSignal<boolean>;
|
|
508
|
+
readonly isExtraLarge: _angular_core.InputSignal<boolean>;
|
|
509
|
+
readonly hasAutoHeight: _angular_core.InputSignal<boolean>;
|
|
510
|
+
readonly docContent: _angular_core.Signal<any>;
|
|
479
511
|
openCode(): void;
|
|
480
|
-
static ɵfac:
|
|
481
|
-
static ɵcmp:
|
|
512
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSampleComponent, never>;
|
|
513
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPagePatternSampleComponent, "eui-showcase-doc-pattern-sample", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "docEntries": { "alias": "docEntries"; "required": false; "isSignal": true; }; "codeFolder": { "alias": "codeFolder"; "required": false; "isSignal": true; }; "refsImage": { "alias": "refsImage"; "required": false; "isSignal": true; }; "refsImage2": { "alias": "refsImage2"; "required": false; "isSignal": true; }; "figmaLink": { "alias": "figmaLink"; "required": false; "isSignal": true; }; "aiLink": { "alias": "aiLink"; "required": false; "isSignal": true; }; "isSmall": { "alias": "isSmall"; "required": false; "isSignal": true; }; "isTiny": { "alias": "isTiny"; "required": false; "isSignal": true; }; "isMedium": { "alias": "isMedium"; "required": false; "isSignal": true; }; "isLarge": { "alias": "isLarge"; "required": false; "isSignal": true; }; "isExtraLarge": { "alias": "isExtraLarge"; "required": false; "isSignal": true; }; "hasAutoHeight": { "alias": "hasAutoHeight"; "required": false; "isSignal": true; }; }, {}, ["docContent"], ["eui-showcase-doc-pattern-sample-doc", "*"], true, never>;
|
|
482
514
|
}
|
|
483
515
|
|
|
484
516
|
declare class DocPagePatternSimpleDocDirective {
|
|
485
|
-
static ɵfac:
|
|
486
|
-
static ɵdir:
|
|
517
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSimpleDocDirective, never>;
|
|
518
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePatternSimpleDocDirective, "docPagePatternDoc", never, {}, {}, never, never, true, never>;
|
|
487
519
|
}
|
|
488
520
|
declare class DocPagePatternSimpleComponent {
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
figmaEmbedSrc: string;
|
|
521
|
+
readonly docContent: _angular_core.Signal<any>;
|
|
522
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
523
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
524
|
+
readonly anatomyImage: _angular_core.InputSignal<string>;
|
|
525
|
+
readonly docEntries: _angular_core.InputSignal<any[]>;
|
|
526
|
+
readonly dos: _angular_core.InputSignal<any[]>;
|
|
527
|
+
readonly donts: _angular_core.InputSignal<any[]>;
|
|
528
|
+
readonly sourceUrl: _angular_core.InputSignal<string>;
|
|
529
|
+
readonly figmaUrl: _angular_core.InputSignal<string>;
|
|
530
|
+
readonly figmaEmbedSrc: _angular_core.InputSignal<string>;
|
|
500
531
|
urlSafe: SafeResourceUrl;
|
|
501
532
|
isShowGoTop: boolean;
|
|
502
533
|
topPosToStartShowing: number;
|
|
503
534
|
tabSelectedIndex: number;
|
|
504
|
-
checkScroll(): void;
|
|
505
535
|
private sanitizer;
|
|
506
|
-
|
|
507
|
-
|
|
536
|
+
constructor();
|
|
537
|
+
checkScroll(): void;
|
|
538
|
+
onNavigateToCode(): void;
|
|
508
539
|
onTabSelect(event: {
|
|
509
540
|
tab: EuiTabComponent;
|
|
510
541
|
index: number;
|
|
511
542
|
}): void;
|
|
512
543
|
gotoTop(): void;
|
|
513
|
-
static ɵfac:
|
|
514
|
-
static ɵcmp:
|
|
544
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSimpleComponent, never>;
|
|
545
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPagePatternSimpleComponent, "eui-showcase-doc-page-pattern-simple", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "anatomyImage": { "alias": "anatomyImage"; "required": false; "isSignal": true; }; "docEntries": { "alias": "docEntries"; "required": false; "isSignal": true; }; "dos": { "alias": "dos"; "required": false; "isSignal": true; }; "donts": { "alias": "donts"; "required": false; "isSignal": true; }; "sourceUrl": { "alias": "sourceUrl"; "required": false; "isSignal": true; }; "figmaUrl": { "alias": "figmaUrl"; "required": false; "isSignal": true; }; "figmaEmbedSrc": { "alias": "figmaEmbedSrc"; "required": false; "isSignal": true; }; }, {}, ["docContent"], ["docPagePatternDoc"], true, never>;
|
|
515
546
|
}
|
|
516
547
|
|
|
517
548
|
declare class DocSampleApiComponent {
|
|
518
|
-
static ɵfac:
|
|
519
|
-
static ɵcmp:
|
|
549
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSampleApiComponent, never>;
|
|
550
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocSampleApiComponent, "eui-showcase-doc-sample-api", never, {}, {}, never, never, true, never>;
|
|
520
551
|
}
|
|
521
552
|
|
|
522
553
|
declare class DocSectionCodeComponent {
|
|
523
|
-
label: string
|
|
524
|
-
content: string
|
|
525
|
-
styleClass: string
|
|
526
|
-
versionLabel: string
|
|
527
|
-
isDeprecated: boolean
|
|
528
|
-
isCodeExpanded: boolean
|
|
529
|
-
sectionDescription:
|
|
530
|
-
sectionCodeHTML:
|
|
531
|
-
sectionCodeTS:
|
|
532
|
-
sectionCodeSERVICE:
|
|
533
|
-
sectionCodeCSS:
|
|
534
|
-
sectionCodeDOC:
|
|
554
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
555
|
+
readonly content: _angular_core.InputSignal<string>;
|
|
556
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
557
|
+
readonly versionLabel: _angular_core.InputSignal<string>;
|
|
558
|
+
readonly isDeprecated: _angular_core.InputSignal<boolean>;
|
|
559
|
+
readonly isCodeExpanded: _angular_core.WritableSignal<boolean>;
|
|
560
|
+
readonly sectionDescription: _angular_core.Signal<any>;
|
|
561
|
+
readonly sectionCodeHTML: _angular_core.Signal<any>;
|
|
562
|
+
readonly sectionCodeTS: _angular_core.Signal<any>;
|
|
563
|
+
readonly sectionCodeSERVICE: _angular_core.Signal<any>;
|
|
564
|
+
readonly sectionCodeCSS: _angular_core.Signal<any>;
|
|
565
|
+
readonly sectionCodeDOC: _angular_core.Signal<any>;
|
|
535
566
|
toggleCode(): void;
|
|
536
567
|
isDefined(object: any): boolean;
|
|
537
|
-
static ɵfac:
|
|
538
|
-
static ɵcmp:
|
|
568
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeComponent, never>;
|
|
569
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocSectionCodeComponent, "eui-showcase-doc-section-code", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "versionLabel": { "alias": "versionLabel"; "required": false; "isSignal": true; }; "isDeprecated": { "alias": "isDeprecated"; "required": false; "isSignal": true; }; }, {}, ["sectionDescription", "sectionCodeHTML", "sectionCodeTS", "sectionCodeSERVICE", "sectionCodeCSS", "sectionCodeDOC"], ["sectionDescription", "sectionCodeHTML", "sectionCodeTS", "sectionCodeSERVICE", "sectionCodeCSS", "sectionCodeDOC", "*"], true, never>;
|
|
539
570
|
}
|
|
540
571
|
declare class DocSectionCodeDescriptionTagDirective {
|
|
541
|
-
static ɵfac:
|
|
542
|
-
static ɵdir:
|
|
572
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeDescriptionTagDirective, never>;
|
|
573
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeDescriptionTagDirective, "sectionDescription", never, {}, {}, never, never, true, never>;
|
|
543
574
|
}
|
|
544
575
|
declare class DocSectionCodeHtmlTagDirective {
|
|
545
|
-
static ɵfac:
|
|
546
|
-
static ɵdir:
|
|
576
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeHtmlTagDirective, never>;
|
|
577
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeHtmlTagDirective, "sectionCodeHTML", never, {}, {}, never, never, true, never>;
|
|
547
578
|
}
|
|
548
579
|
declare class DocSectionCodeTsTagDirective {
|
|
549
|
-
static ɵfac:
|
|
550
|
-
static ɵdir:
|
|
580
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeTsTagDirective, never>;
|
|
581
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeTsTagDirective, "sectionCodeTS", never, {}, {}, never, never, true, never>;
|
|
551
582
|
}
|
|
552
583
|
declare class DocSectionCodeServiceTagDirective {
|
|
553
|
-
static ɵfac:
|
|
554
|
-
static ɵdir:
|
|
584
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeServiceTagDirective, never>;
|
|
585
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeServiceTagDirective, "sectionCodeSERVICE", never, {}, {}, never, never, true, never>;
|
|
555
586
|
}
|
|
556
587
|
declare class DocSectionCodeCssTagDirective {
|
|
557
|
-
static ɵfac:
|
|
558
|
-
static ɵdir:
|
|
588
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeCssTagDirective, never>;
|
|
589
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeCssTagDirective, "sectionCodeCSS", never, {}, {}, never, never, true, never>;
|
|
559
590
|
}
|
|
560
591
|
declare class DocSectionCodeDocTagDirective {
|
|
561
|
-
static ɵfac:
|
|
562
|
-
static ɵdir:
|
|
592
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeDocTagDirective, never>;
|
|
593
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeDocTagDirective, "sectionCodeDOC", never, {}, {}, never, never, true, never>;
|
|
563
594
|
}
|
|
564
595
|
|
|
565
596
|
declare class EuiCodeHighlighterDirective implements AfterViewInit {
|
|
566
|
-
code:
|
|
597
|
+
code: _angular_core.InputSignal<unknown>;
|
|
567
598
|
private el;
|
|
568
599
|
private renderer;
|
|
569
600
|
constructor();
|
|
570
601
|
ngAfterViewInit(): void;
|
|
571
602
|
private highlight;
|
|
572
|
-
static ɵfac:
|
|
573
|
-
static ɵdir:
|
|
603
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EuiCodeHighlighterDirective, never>;
|
|
604
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EuiCodeHighlighterDirective, "[euiCode]", never, { "code": { "alias": "code"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
574
605
|
}
|
|
575
606
|
|
|
576
607
|
declare class LoremIpsumSampleComponent {
|
|
577
|
-
textSize:
|
|
578
|
-
static ɵfac:
|
|
579
|
-
static ɵcmp:
|
|
608
|
+
readonly textSize: _angular_core.InputSignal<"small" | "medium" | "large">;
|
|
609
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoremIpsumSampleComponent, never>;
|
|
610
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoremIpsumSampleComponent, "eui-showcase-doc-lorem-ipsum", never, { "textSize": { "alias": "textSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
580
611
|
}
|
|
581
612
|
|
|
582
|
-
declare class PlaygroundComponent
|
|
583
|
-
title: string
|
|
584
|
-
htmlContent: string
|
|
585
|
-
sampleId: string
|
|
586
|
-
typescriptContent: string
|
|
587
|
-
activated: boolean
|
|
588
|
-
modules: [{
|
|
613
|
+
declare class PlaygroundComponent {
|
|
614
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
615
|
+
readonly htmlContent: _angular_core.InputSignal<string>;
|
|
616
|
+
readonly sampleId: _angular_core.InputSignal<string>;
|
|
617
|
+
readonly typescriptContent: _angular_core.InputSignal<string>;
|
|
618
|
+
readonly activated: _angular_core.InputSignal<boolean>;
|
|
619
|
+
readonly modules: _angular_core.InputSignal<[{
|
|
589
620
|
name: string;
|
|
590
621
|
path: string;
|
|
591
|
-
}]
|
|
622
|
+
}]>;
|
|
592
623
|
isLoaded: boolean;
|
|
593
|
-
private stackblitzElWrapper;
|
|
624
|
+
private readonly stackblitzElWrapper;
|
|
594
625
|
/** instance that holds the stackblitz VM object */
|
|
595
626
|
private stackblitzInstance;
|
|
596
627
|
private sb;
|
|
597
|
-
|
|
628
|
+
constructor();
|
|
598
629
|
private initStackblitz;
|
|
599
|
-
static ɵfac:
|
|
600
|
-
static ɵcmp:
|
|
630
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PlaygroundComponent, never>;
|
|
631
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PlaygroundComponent, "eui-playground", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "htmlContent": { "alias": "htmlContent"; "required": false; "isSignal": true; }; "sampleId": { "alias": "sampleId"; "required": false; "isSignal": true; }; "typescriptContent": { "alias": "typescriptContent"; "required": false; "isSignal": true; }; "activated": { "alias": "activated"; "required": false; "isSignal": true; }; "modules": { "alias": "modules"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
601
632
|
}
|
|
602
633
|
|
|
603
634
|
declare const polyfillsFile = "import 'zone.js';";
|
|
@@ -659,6 +690,16 @@ declare class StackblitzService {
|
|
|
659
690
|
* @param sampleId
|
|
660
691
|
*/
|
|
661
692
|
openStackBlitz(htmlContent: string, typescriptContent: string, title: string, sampleId: string): void;
|
|
693
|
+
/**
|
|
694
|
+
* Open a stackblitz project with all sample files
|
|
695
|
+
* @param files Array of file objects with name and content
|
|
696
|
+
* @param title
|
|
697
|
+
* @param sampleId
|
|
698
|
+
*/
|
|
699
|
+
openStackBlitzWithFiles(files: {
|
|
700
|
+
name: string;
|
|
701
|
+
content: string;
|
|
702
|
+
}[], title: string, sampleId: string): void;
|
|
662
703
|
/**
|
|
663
704
|
* Retrieve only the dependencies that stackblitz will need filtered from @eui/deps-base
|
|
664
705
|
*
|
|
@@ -681,8 +722,8 @@ declare class StackblitzService {
|
|
|
681
722
|
* @private
|
|
682
723
|
*/
|
|
683
724
|
private getCurrentShowcaseEuiVersion;
|
|
684
|
-
static ɵfac:
|
|
685
|
-
static ɵprov:
|
|
725
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StackblitzService, never>;
|
|
726
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<StackblitzService>;
|
|
686
727
|
}
|
|
687
728
|
|
|
688
729
|
declare const EUI_SHOWCASE: readonly [typeof DocPageAccessibilityContentDirective, typeof DocPageApiContentDirective, typeof DocPageCodeComponent, typeof DocPageComponent, typeof DocPageDevGuideComponent, typeof DocPageInteractiveContentDirective, typeof DocPageOverviewContentDirective, typeof DocPageOverviewDefaultContentDirective, typeof DocPageSamplesContentDirective, typeof DocPageSectionsContentDirective, typeof DocPageThemingContentDirective, 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];
|