@eui/showcase 23.0.0-alpha.1 → 23.0.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/eui-showcase.mjs +707 -1293
- package/fesm2022/eui-showcase.mjs.map +1 -1
- package/package.json +11 -10
- package/types/eui-showcase.d.ts +262 -345
- 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,
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { Signal, OnInit, AfterViewInit, QueryList, ElementRef } from '@angular/core';
|
|
3
3
|
import { SafeResourceUrl, DomSanitizer } 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,66 +68,43 @@ 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
|
-
onNavClick(fragmentId: string): void;
|
|
81
|
-
private _loadMdContent;
|
|
82
|
-
private _scrollToFragment;
|
|
83
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageDevGuideComponent, never>;
|
|
84
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DocPageDevGuideComponent, "eui-showcase-doc-page-dev-guide", never, { "rootDocsFolder": { "alias": "rootDocsFolder"; "required": false; }; "showcaseName": { "alias": "showcaseName"; "required": false; }; }, {}, never, never, true, never>;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
declare class DocPageDevGuideComponentV2 implements OnDestroy, OnInit, AfterViewInit {
|
|
88
|
-
cssClass: string;
|
|
89
|
-
rootDocsFolder: string;
|
|
90
|
-
showcaseName: string;
|
|
91
|
-
markdown: string;
|
|
92
|
-
isFirst: boolean;
|
|
93
|
-
headers: Array<{
|
|
94
|
-
id: string;
|
|
95
|
-
label: string;
|
|
96
|
-
level: number;
|
|
97
|
-
}>;
|
|
98
|
-
fragmentId: string;
|
|
99
|
-
private subscription;
|
|
100
|
-
private markdownService;
|
|
101
|
-
private http;
|
|
102
|
-
private router;
|
|
103
|
-
private route;
|
|
104
|
-
ngOnInit(): void;
|
|
105
|
-
ngAfterViewInit(): void;
|
|
106
|
-
ngOnDestroy(): void;
|
|
107
79
|
onNavClick(fragmentId: string): void;
|
|
108
80
|
private _loadMdContent;
|
|
109
81
|
private _scrollToFragment;
|
|
110
|
-
static ɵfac:
|
|
111
|
-
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>;
|
|
112
84
|
}
|
|
113
85
|
|
|
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;
|
|
86
|
+
declare class DocSampleComponent {
|
|
87
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
88
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
89
|
+
readonly category: _angular_core.InputSignal<any>;
|
|
90
|
+
readonly description: _angular_core.InputSignal<any>;
|
|
91
|
+
readonly defaultValue: _angular_core.InputSignal<any>;
|
|
92
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
93
|
+
readonly renderPlayground: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
94
|
+
readonly isCodeButtonVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
95
|
+
readonly isInnerSection: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
125
96
|
isCodeLoaded: boolean;
|
|
126
97
|
isCodeLoading: boolean;
|
|
127
98
|
isCodeExpanded: boolean;
|
|
128
99
|
playground_activated: boolean;
|
|
129
100
|
tsContent: any;
|
|
130
101
|
htmlContent: any;
|
|
102
|
+
sampleFiles: {
|
|
103
|
+
name: string;
|
|
104
|
+
type: string;
|
|
105
|
+
content: string;
|
|
106
|
+
label: string;
|
|
107
|
+
}[];
|
|
131
108
|
protected conf: ConfigurationService<Configuration>;
|
|
132
109
|
private sb;
|
|
133
110
|
private _http;
|
|
@@ -136,7 +113,6 @@ declare class DocSampleComponent implements AfterContentInit {
|
|
|
136
113
|
private growlService;
|
|
137
114
|
private clipboard;
|
|
138
115
|
private router;
|
|
139
|
-
ngAfterContentInit(): void;
|
|
140
116
|
copyCurrentUrlToClipboard(id: string): void;
|
|
141
117
|
onToggleCode(): void;
|
|
142
118
|
/**
|
|
@@ -168,52 +144,60 @@ declare class DocSampleComponent implements AfterContentInit {
|
|
|
168
144
|
private _getComponent;
|
|
169
145
|
private flatten;
|
|
170
146
|
private loadCodeFiles;
|
|
147
|
+
private getSamplesPath;
|
|
148
|
+
private getFileLabel;
|
|
149
|
+
getCodeLanguage(type: string): string;
|
|
171
150
|
/**
|
|
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)
|
|
151
|
+
* filter out the content between the pattern below in both html and ts files.
|
|
175
152
|
* @param content the content of the file to filter out the exclude content
|
|
176
153
|
*/
|
|
177
154
|
private filterOutExcludeContent;
|
|
178
|
-
static ɵfac:
|
|
179
|
-
static ɵcmp:
|
|
180
|
-
static ngAcceptInputType_renderPlayground: unknown;
|
|
181
|
-
static ngAcceptInputType_isCodeButtonVisible: unknown;
|
|
182
|
-
static ngAcceptInputType_isInnerSection: unknown;
|
|
155
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSampleComponent, never>;
|
|
156
|
+
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
157
|
}
|
|
184
158
|
|
|
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>;
|
|
159
|
+
declare class DocSectionComponent {
|
|
160
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
161
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
162
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
163
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionComponent, never>;
|
|
164
|
+
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
165
|
}
|
|
194
166
|
|
|
167
|
+
type ComponentStatus = EuiMenuItem & {
|
|
168
|
+
name: string;
|
|
169
|
+
cmpReplacement: string;
|
|
170
|
+
cmpReplacementUrl: string;
|
|
171
|
+
cmpReplacementNote: string;
|
|
172
|
+
alternateApiCategory: string;
|
|
173
|
+
alternateId: string;
|
|
174
|
+
status: string;
|
|
175
|
+
metadata: any;
|
|
176
|
+
};
|
|
195
177
|
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
|
-
|
|
178
|
+
readonly id: _angular_core.InputSignal<any>;
|
|
179
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
180
|
+
readonly subLabel: _angular_core.InputSignal<string>;
|
|
181
|
+
readonly isNotReadyInput: _angular_core.InputSignal<boolean>;
|
|
182
|
+
readonly isDeprecatedInput: _angular_core.InputSignal<boolean>;
|
|
183
|
+
readonly isLegacyInput: _angular_core.InputSignal<boolean>;
|
|
184
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
185
|
+
readonly showcase: _angular_core.InputSignal<string>;
|
|
186
|
+
readonly isNavigationVisible: _angular_core.ModelSignal<boolean>;
|
|
187
|
+
readonly hasApi: _angular_core.InputSignal<boolean>;
|
|
188
|
+
readonly hasA11y: _angular_core.InputSignal<boolean>;
|
|
189
|
+
readonly customApiUrl: _angular_core.InputSignal<string>;
|
|
190
|
+
readonly isNotReady: _angular_core.WritableSignal<boolean>;
|
|
191
|
+
readonly isDeprecated: _angular_core.WritableSignal<boolean>;
|
|
192
|
+
readonly isLegacy: _angular_core.WritableSignal<boolean>;
|
|
193
|
+
stateTypeClass: string;
|
|
194
|
+
stateLabel: string;
|
|
195
|
+
cmp: ComponentStatus;
|
|
196
|
+
fragmentId: string;
|
|
197
|
+
cmpImportModule: string;
|
|
198
|
+
cmpImportStandalone: string;
|
|
199
|
+
cmpImportStandaloneCmp: string;
|
|
200
|
+
cmpStandalone: string;
|
|
217
201
|
appMetadata: any;
|
|
218
202
|
apiUrlSafe: SafeResourceUrl;
|
|
219
203
|
apiUrl: string;
|
|
@@ -221,383 +205,306 @@ declare class DocPageComponent implements OnInit, AfterViewInit {
|
|
|
221
205
|
isLoading: boolean;
|
|
222
206
|
isNavClicked: boolean;
|
|
223
207
|
hasCategories: boolean;
|
|
224
|
-
categories:
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
208
|
+
categories: {
|
|
209
|
+
name: string;
|
|
210
|
+
samples: DocSampleComponent[];
|
|
211
|
+
}[];
|
|
212
|
+
private scrollHandler;
|
|
213
|
+
private scrollContainer;
|
|
214
|
+
private isDestroyed;
|
|
215
|
+
readonly samples: _angular_core.Signal<readonly DocSampleComponent[]>;
|
|
216
|
+
readonly sections: _angular_core.Signal<readonly DocSectionComponent[]>;
|
|
217
|
+
readonly pageOverviewContent: _angular_core.Signal<readonly any[]>;
|
|
218
|
+
readonly pageOverviewDefaultContent: _angular_core.Signal<readonly any[]>;
|
|
219
|
+
readonly pageSamplesContent: _angular_core.Signal<readonly any[]>;
|
|
220
|
+
readonly pageSectionsContent: _angular_core.Signal<readonly any[]>;
|
|
221
|
+
readonly pageInteractiveContent: _angular_core.Signal<readonly any[]>;
|
|
222
|
+
readonly pageAccessibilityContent: _angular_core.Signal<readonly any[]>;
|
|
223
|
+
readonly pageApiContent: _angular_core.Signal<readonly any[]>;
|
|
224
|
+
readonly pageThemingContent: _angular_core.Signal<readonly any[]>;
|
|
225
|
+
pageVisualSpecsContent: QueryList<DocPageApiContentDirective>;
|
|
226
|
+
pagePlaygroundContent: QueryList<DocPagePlaygroundContentDirective>;
|
|
227
|
+
readonly tabsContent: _angular_core.Signal<EuiTabsComponent>;
|
|
228
|
+
navContent: ElementRef<HTMLElement>;
|
|
236
229
|
sanitizer: DomSanitizer;
|
|
237
|
-
private
|
|
238
|
-
private CATEGORIES_DEF;
|
|
230
|
+
private scrollObserver;
|
|
231
|
+
private readonly CATEGORIES_DEF;
|
|
239
232
|
private location;
|
|
240
233
|
private router;
|
|
241
234
|
private route;
|
|
242
235
|
private asService;
|
|
236
|
+
private cdr;
|
|
237
|
+
private ngZone;
|
|
238
|
+
private destroyRef;
|
|
239
|
+
private injector;
|
|
243
240
|
ngOnInit(): void;
|
|
244
241
|
ngAfterViewInit(): void;
|
|
245
242
|
getCategoryIndex(name: string): number;
|
|
243
|
+
ngOnDestroy(): void;
|
|
244
|
+
onTabNavClick(tabId: string): void;
|
|
246
245
|
onNavClick(fragmentId: string, tabIndex: number): void;
|
|
247
246
|
onTabActivate(event: {
|
|
248
247
|
tab: EuiTabComponent;
|
|
249
248
|
index: number;
|
|
250
249
|
}): void;
|
|
250
|
+
private _buildCategories;
|
|
251
251
|
private _scrollToFragment;
|
|
252
|
+
private _scrollNavToSelectedItem;
|
|
253
|
+
private _getScrollParent;
|
|
252
254
|
private _getComponentStatus;
|
|
253
255
|
private _getApiUrl;
|
|
254
256
|
private _camelCaseString;
|
|
255
|
-
static ɵfac:
|
|
256
|
-
static ɵcmp:
|
|
257
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageComponent, never>;
|
|
258
|
+
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", "pageVisualSpecsContent", "pagePlaygroundContent"], ["docPageOverview", "docPageOverviewDefault", "docPageSamples", "docPageAccessibility", "docPageVisualSpecs", "docPagePlayground", "docPageTheming", "docPageInteractive", "docPageSections"], true, never>;
|
|
257
259
|
}
|
|
258
260
|
declare class DocPageOverviewContentDirective {
|
|
259
|
-
static ɵfac:
|
|
260
|
-
static ɵdir:
|
|
261
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageOverviewContentDirective, never>;
|
|
262
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageOverviewContentDirective, "docPageOverview", never, {}, {}, never, never, true, never>;
|
|
261
263
|
}
|
|
262
264
|
declare class DocPageOverviewDefaultContentDirective {
|
|
263
|
-
static ɵfac:
|
|
264
|
-
static ɵdir:
|
|
265
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageOverviewDefaultContentDirective, never>;
|
|
266
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageOverviewDefaultContentDirective, "docPageOverviewDefault", never, {}, {}, never, never, true, never>;
|
|
265
267
|
}
|
|
266
268
|
declare class DocPageInteractiveContentDirective {
|
|
267
|
-
title: string
|
|
268
|
-
subTitle: string
|
|
269
|
-
static ɵfac:
|
|
270
|
-
static ɵdir:
|
|
269
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
270
|
+
readonly subTitle: _angular_core.InputSignal<string>;
|
|
271
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageInteractiveContentDirective, never>;
|
|
272
|
+
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
273
|
}
|
|
272
274
|
declare class DocPageSamplesContentDirective {
|
|
273
|
-
static ɵfac:
|
|
274
|
-
static ɵdir:
|
|
275
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageSamplesContentDirective, never>;
|
|
276
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageSamplesContentDirective, "docPageSamples", never, {}, {}, never, never, true, never>;
|
|
275
277
|
}
|
|
276
278
|
declare class DocPageSectionsContentDirective {
|
|
277
|
-
static ɵfac:
|
|
278
|
-
static ɵdir:
|
|
279
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageSectionsContentDirective, never>;
|
|
280
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageSectionsContentDirective, "docPageSections", never, {}, {}, never, never, true, never>;
|
|
279
281
|
}
|
|
280
282
|
declare class DocPageAccessibilityContentDirective {
|
|
281
|
-
static ɵfac:
|
|
282
|
-
static ɵdir:
|
|
283
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageAccessibilityContentDirective, never>;
|
|
284
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageAccessibilityContentDirective, "docPageAccessibility", never, {}, {}, never, never, true, never>;
|
|
283
285
|
}
|
|
284
286
|
declare class DocPageApiContentDirective {
|
|
285
|
-
static ɵfac:
|
|
286
|
-
static ɵdir:
|
|
287
|
-
}
|
|
288
|
-
declare class DocPageThemingContentDirective {
|
|
289
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageThemingContentDirective, never>;
|
|
290
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageThemingContentDirective, "docPageTheming", never, {}, {}, never, never, true, never>;
|
|
291
|
-
}
|
|
292
|
-
|
|
293
|
-
declare class DocPageComponentV2 implements OnInit, AfterViewInit {
|
|
294
|
-
cssClass: string;
|
|
295
|
-
id: any;
|
|
296
|
-
label: any;
|
|
297
|
-
subLabel: string;
|
|
298
|
-
isNotReady: boolean;
|
|
299
|
-
isDeprecated: boolean;
|
|
300
|
-
isLegacy: boolean;
|
|
301
|
-
codeFolder: string;
|
|
302
|
-
showcase: string;
|
|
303
|
-
isNavigationVisible: boolean;
|
|
304
|
-
hasApi: boolean;
|
|
305
|
-
hasA11y: boolean;
|
|
306
|
-
customApiUrl: string;
|
|
307
|
-
stateTypeClass: any;
|
|
308
|
-
stateLabel: any;
|
|
309
|
-
cmp: any;
|
|
310
|
-
fragmentId: any;
|
|
311
|
-
cmpImportModule: any;
|
|
312
|
-
cmpImportStandalone: any;
|
|
313
|
-
cmpImportStandaloneCmp: any;
|
|
314
|
-
cmpStandalone: any;
|
|
315
|
-
appMetadata: any;
|
|
316
|
-
apiUrlSafe: SafeResourceUrl;
|
|
317
|
-
apiUrl: string;
|
|
318
|
-
iFrameContent: any;
|
|
319
|
-
isLoading: boolean;
|
|
320
|
-
isNavClicked: boolean;
|
|
321
|
-
hasCategories: boolean;
|
|
322
|
-
categories: any[];
|
|
323
|
-
samples: QueryList<DocSampleComponent>;
|
|
324
|
-
sections: QueryList<DocSectionComponent>;
|
|
325
|
-
pageOverviewContent: QueryList<DocPageOverviewContentDirectiveV2>;
|
|
326
|
-
pageOverviewDefaultContent: QueryList<DocPageOverviewDefaultContentDirectiveV2>;
|
|
327
|
-
pageSamplesContent: QueryList<DocPageSamplesContentDirectiveV2>;
|
|
328
|
-
pageSectionsContent: QueryList<DocPageSectionsContentDirectiveV2>;
|
|
329
|
-
pageInteractiveContent: QueryList<DocPageInteractiveContentDirectiveV2>;
|
|
330
|
-
pageAccessibilityContent: QueryList<DocPageAccessibilityContentDirectiveV2>;
|
|
331
|
-
pageApiContent: QueryList<DocPageApiContentDirectiveV2>;
|
|
332
|
-
pageThemingContent: QueryList<DocPageThemingContentDirectiveV2>;
|
|
333
|
-
tabsContent: EuiTabsComponent;
|
|
334
|
-
sanitizer: DomSanitizer;
|
|
335
|
-
private TABS_DEF;
|
|
336
|
-
private CATEGORIES_DEF;
|
|
337
|
-
private location;
|
|
338
|
-
private router;
|
|
339
|
-
private route;
|
|
340
|
-
private asService;
|
|
341
|
-
ngOnInit(): void;
|
|
342
|
-
ngAfterViewInit(): void;
|
|
343
|
-
getCategoryIndex(name: string): number;
|
|
344
|
-
onNavClick(fragmentId: string, tabIndex: number): void;
|
|
345
|
-
onTabActivate(event: {
|
|
346
|
-
tab: EuiTabComponent;
|
|
347
|
-
index: number;
|
|
348
|
-
}): void;
|
|
349
|
-
private _scrollToFragment;
|
|
350
|
-
private _getComponentStatus;
|
|
351
|
-
private _getApiUrl;
|
|
352
|
-
private _camelCaseString;
|
|
353
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageComponentV2, never>;
|
|
354
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DocPageComponentV2, "eui-showcase-doc-page-v2", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "subLabel": { "alias": "subLabel"; "required": false; }; "isNotReady": { "alias": "isNotReady"; "required": false; }; "isDeprecated": { "alias": "isDeprecated"; "required": false; }; "isLegacy": { "alias": "isLegacy"; "required": false; }; "codeFolder": { "alias": "codeFolder"; "required": false; }; "showcase": { "alias": "showcase"; "required": false; }; "isNavigationVisible": { "alias": "isNavigationVisible"; "required": false; }; "hasApi": { "alias": "hasApi"; "required": false; }; "hasA11y": { "alias": "hasA11y"; "required": false; }; "customApiUrl": { "alias": "customApiUrl"; "required": false; }; }, {}, ["samples", "sections", "pageOverviewContent", "pageOverviewDefaultContent", "pageSamplesContent", "pageSectionsContent", "pageInteractiveContent", "pageAccessibilityContent", "pageApiContent", "pageThemingContent"], ["docPageOverview", "docPageOverviewDefault", "docPageSamples", "docPageAccessibility", "docPageTheming", "docPageInteractive", "docPageSections"], true, never>;
|
|
355
|
-
}
|
|
356
|
-
declare class DocPageOverviewContentDirectiveV2 {
|
|
357
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageOverviewContentDirectiveV2, never>;
|
|
358
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageOverviewContentDirectiveV2, "docPageOverviewV2", never, {}, {}, never, never, true, never>;
|
|
359
|
-
}
|
|
360
|
-
declare class DocPageOverviewDefaultContentDirectiveV2 {
|
|
361
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageOverviewDefaultContentDirectiveV2, never>;
|
|
362
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageOverviewDefaultContentDirectiveV2, "docPageOverviewDefaultV2", never, {}, {}, never, never, true, never>;
|
|
287
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageApiContentDirective, never>;
|
|
288
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageApiContentDirective, "docPageApi", never, {}, {}, never, never, true, never>;
|
|
363
289
|
}
|
|
364
|
-
declare class
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageInteractiveContentDirectiveV2, never>;
|
|
368
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageInteractiveContentDirectiveV2, "docPageInteractiveV2", never, { "title": { "alias": "title"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
290
|
+
declare class DocPageVisualSpecsContentDirective {
|
|
291
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageVisualSpecsContentDirective, never>;
|
|
292
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageVisualSpecsContentDirective, "docPageVisualSpecs", never, {}, {}, never, never, true, never>;
|
|
369
293
|
}
|
|
370
|
-
declare class
|
|
371
|
-
static ɵfac:
|
|
372
|
-
static ɵdir:
|
|
294
|
+
declare class DocPagePlaygroundContentDirective {
|
|
295
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePlaygroundContentDirective, never>;
|
|
296
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePlaygroundContentDirective, "docPagePlayground", never, {}, {}, never, never, true, never>;
|
|
373
297
|
}
|
|
374
|
-
declare class
|
|
375
|
-
static ɵfac:
|
|
376
|
-
static ɵdir:
|
|
377
|
-
}
|
|
378
|
-
declare class DocPageAccessibilityContentDirectiveV2 {
|
|
379
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageAccessibilityContentDirectiveV2, never>;
|
|
380
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageAccessibilityContentDirectiveV2, "docPageAccessibilityV2", never, {}, {}, never, never, true, never>;
|
|
381
|
-
}
|
|
382
|
-
declare class DocPageApiContentDirectiveV2 {
|
|
383
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageApiContentDirectiveV2, never>;
|
|
384
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageApiContentDirectiveV2, "docPageApiV2", never, {}, {}, never, never, true, never>;
|
|
385
|
-
}
|
|
386
|
-
declare class DocPageThemingContentDirectiveV2 {
|
|
387
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DocPageThemingContentDirectiveV2, never>;
|
|
388
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DocPageThemingContentDirectiveV2, "docPageThemingV2", never, {}, {}, never, never, true, never>;
|
|
298
|
+
declare class DocPageThemingContentDirective {
|
|
299
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageThemingContentDirective, never>;
|
|
300
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPageThemingContentDirective, "docPageTheming", never, {}, {}, never, never, true, never>;
|
|
389
301
|
}
|
|
390
302
|
|
|
391
303
|
declare class DocPageCodeFabComponent {
|
|
392
|
-
codeFolder: string
|
|
393
|
-
showcase: string
|
|
394
|
-
hasContentDialog: boolean
|
|
395
|
-
dialog: EuiDialogComponent
|
|
304
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
305
|
+
readonly showcase: _angular_core.InputSignal<string>;
|
|
306
|
+
readonly hasContentDialog: _angular_core.InputSignal<boolean>;
|
|
307
|
+
readonly dialog: _angular_core.Signal<EuiDialogComponent>;
|
|
396
308
|
asService: EuiAppShellService;
|
|
397
309
|
toggleCode(): void;
|
|
398
310
|
onClose(): void;
|
|
399
311
|
onOpenCode(): void;
|
|
400
|
-
static ɵfac:
|
|
401
|
-
static ɵcmp:
|
|
312
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageCodeFabComponent, never>;
|
|
313
|
+
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
314
|
}
|
|
403
315
|
|
|
404
316
|
declare class DocPageCodeModalComponent {
|
|
405
|
-
width: string
|
|
406
|
-
dialog: EuiDialogComponent
|
|
317
|
+
readonly width: _angular_core.InputSignal<string>;
|
|
318
|
+
readonly dialog: _angular_core.Signal<EuiDialogComponent>;
|
|
407
319
|
asService: EuiAppShellService;
|
|
408
320
|
toggleCode(): void;
|
|
409
321
|
onClose(): void;
|
|
410
|
-
static ɵfac:
|
|
411
|
-
static ɵcmp:
|
|
322
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPageCodeModalComponent, never>;
|
|
323
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocPageCodeModalComponent, "eui-showcase-doc-page-code-modal", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
412
324
|
}
|
|
413
325
|
|
|
414
326
|
declare class DocPagePatternSampleDirective {
|
|
415
|
-
static ɵfac:
|
|
416
|
-
static ɵdir:
|
|
327
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSampleDirective, never>;
|
|
328
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePatternSampleDirective, "docPagePatternSample", never, {}, {}, never, never, true, never>;
|
|
417
329
|
}
|
|
418
330
|
declare class DocPagePatternDocDirective {
|
|
419
|
-
static ɵfac:
|
|
420
|
-
static ɵdir:
|
|
331
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternDocDirective, never>;
|
|
332
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePatternDocDirective, "docPagePatternDoc", never, {}, {}, never, never, true, never>;
|
|
421
333
|
}
|
|
422
334
|
declare class DocPagePatternComponent {
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
sourceUrl: string;
|
|
433
|
-
figmaUrl: string;
|
|
434
|
-
figmaEmbedSrc: string;
|
|
335
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
336
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
337
|
+
readonly anatomyImage: _angular_core.InputSignal<string>;
|
|
338
|
+
readonly docEntries: _angular_core.InputSignal<any[]>;
|
|
339
|
+
readonly dos: _angular_core.InputSignal<any[]>;
|
|
340
|
+
readonly donts: _angular_core.InputSignal<any[]>;
|
|
341
|
+
readonly sourceUrl: _angular_core.InputSignal<string>;
|
|
342
|
+
readonly figmaUrl: _angular_core.InputSignal<string>;
|
|
343
|
+
readonly figmaEmbedSrc: _angular_core.InputSignal<string>;
|
|
435
344
|
urlSafe: SafeResourceUrl;
|
|
436
345
|
isShowGoTop: boolean;
|
|
437
346
|
topPosToStartShowing: number;
|
|
438
347
|
tabSelectedIndex: number;
|
|
439
|
-
checkScroll(): void;
|
|
440
348
|
private sanitizer;
|
|
441
|
-
|
|
442
|
-
|
|
349
|
+
constructor();
|
|
350
|
+
checkScroll(): void;
|
|
351
|
+
onNavigateToCode(): void;
|
|
443
352
|
onTabActivate(event: {
|
|
444
353
|
tab: EuiTabComponent;
|
|
445
354
|
index: number;
|
|
446
355
|
}): void;
|
|
447
356
|
gotoTop(): void;
|
|
448
|
-
static ɵfac:
|
|
449
|
-
static ɵcmp:
|
|
357
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternComponent, never>;
|
|
358
|
+
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
359
|
}
|
|
451
360
|
|
|
452
361
|
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>;
|
|
362
|
+
readonly docEntries: _angular_core.InputSignal<any[]>;
|
|
363
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
364
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSampleRefsComponent, never>;
|
|
365
|
+
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
366
|
}
|
|
459
367
|
|
|
460
368
|
declare class DocPagePatternSampleDocDirective {
|
|
461
|
-
static ɵfac:
|
|
462
|
-
static ɵdir:
|
|
369
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSampleDocDirective, never>;
|
|
370
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePatternSampleDocDirective, "eui-showcase-doc-pattern-sample-doc", never, {}, {}, never, never, true, never>;
|
|
463
371
|
}
|
|
464
372
|
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:
|
|
373
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
374
|
+
readonly docEntries: _angular_core.InputSignal<any[]>;
|
|
375
|
+
readonly codeFolder: _angular_core.InputSignal<string>;
|
|
376
|
+
readonly refsImage: _angular_core.InputSignal<string>;
|
|
377
|
+
readonly refsImage2: _angular_core.InputSignal<string>;
|
|
378
|
+
readonly figmaLink: _angular_core.InputSignal<string>;
|
|
379
|
+
readonly aiLink: _angular_core.InputSignal<string>;
|
|
380
|
+
readonly isSmall: _angular_core.InputSignal<boolean>;
|
|
381
|
+
readonly isTiny: _angular_core.InputSignal<boolean>;
|
|
382
|
+
readonly isMedium: _angular_core.InputSignal<boolean>;
|
|
383
|
+
readonly isLarge: _angular_core.InputSignal<boolean>;
|
|
384
|
+
readonly isExtraLarge: _angular_core.InputSignal<boolean>;
|
|
385
|
+
readonly hasAutoHeight: _angular_core.InputSignal<boolean>;
|
|
386
|
+
readonly docContent: _angular_core.Signal<any>;
|
|
479
387
|
openCode(): void;
|
|
480
|
-
static ɵfac:
|
|
481
|
-
static ɵcmp:
|
|
388
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSampleComponent, never>;
|
|
389
|
+
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
390
|
}
|
|
483
391
|
|
|
484
392
|
declare class DocPagePatternSimpleDocDirective {
|
|
485
|
-
static ɵfac:
|
|
486
|
-
static ɵdir:
|
|
393
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSimpleDocDirective, never>;
|
|
394
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocPagePatternSimpleDocDirective, "docPagePatternDoc", never, {}, {}, never, never, true, never>;
|
|
487
395
|
}
|
|
488
396
|
declare class DocPagePatternSimpleComponent {
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
figmaEmbedSrc: string;
|
|
397
|
+
readonly docContent: _angular_core.Signal<any>;
|
|
398
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
399
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
400
|
+
readonly anatomyImage: _angular_core.InputSignal<string>;
|
|
401
|
+
readonly docEntries: _angular_core.InputSignal<any[]>;
|
|
402
|
+
readonly dos: _angular_core.InputSignal<any[]>;
|
|
403
|
+
readonly donts: _angular_core.InputSignal<any[]>;
|
|
404
|
+
readonly sourceUrl: _angular_core.InputSignal<string>;
|
|
405
|
+
readonly figmaUrl: _angular_core.InputSignal<string>;
|
|
406
|
+
readonly figmaEmbedSrc: _angular_core.InputSignal<string>;
|
|
500
407
|
urlSafe: SafeResourceUrl;
|
|
501
408
|
isShowGoTop: boolean;
|
|
502
409
|
topPosToStartShowing: number;
|
|
503
410
|
tabSelectedIndex: number;
|
|
504
|
-
checkScroll(): void;
|
|
505
411
|
private sanitizer;
|
|
506
|
-
|
|
507
|
-
|
|
412
|
+
constructor();
|
|
413
|
+
checkScroll(): void;
|
|
414
|
+
onNavigateToCode(): void;
|
|
508
415
|
onTabSelect(event: {
|
|
509
416
|
tab: EuiTabComponent;
|
|
510
417
|
index: number;
|
|
511
418
|
}): void;
|
|
512
419
|
gotoTop(): void;
|
|
513
|
-
static ɵfac:
|
|
514
|
-
static ɵcmp:
|
|
420
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocPagePatternSimpleComponent, never>;
|
|
421
|
+
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
422
|
}
|
|
516
423
|
|
|
517
424
|
declare class DocSampleApiComponent {
|
|
518
|
-
static ɵfac:
|
|
519
|
-
static ɵcmp:
|
|
425
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSampleApiComponent, never>;
|
|
426
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocSampleApiComponent, "eui-showcase-doc-sample-api", never, {}, {}, never, never, true, never>;
|
|
520
427
|
}
|
|
521
428
|
|
|
522
429
|
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:
|
|
430
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
431
|
+
readonly content: _angular_core.InputSignal<string>;
|
|
432
|
+
readonly styleClass: _angular_core.InputSignal<string>;
|
|
433
|
+
readonly versionLabel: _angular_core.InputSignal<string>;
|
|
434
|
+
readonly isDeprecated: _angular_core.InputSignal<boolean>;
|
|
435
|
+
readonly isCodeExpanded: _angular_core.WritableSignal<boolean>;
|
|
436
|
+
readonly sectionDescription: _angular_core.Signal<any>;
|
|
437
|
+
readonly sectionCodeHTML: _angular_core.Signal<any>;
|
|
438
|
+
readonly sectionCodeTS: _angular_core.Signal<any>;
|
|
439
|
+
readonly sectionCodeSERVICE: _angular_core.Signal<any>;
|
|
440
|
+
readonly sectionCodeCSS: _angular_core.Signal<any>;
|
|
441
|
+
readonly sectionCodeDOC: _angular_core.Signal<any>;
|
|
535
442
|
toggleCode(): void;
|
|
536
443
|
isDefined(object: any): boolean;
|
|
537
|
-
static ɵfac:
|
|
538
|
-
static ɵcmp:
|
|
444
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeComponent, never>;
|
|
445
|
+
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
446
|
}
|
|
540
447
|
declare class DocSectionCodeDescriptionTagDirective {
|
|
541
|
-
static ɵfac:
|
|
542
|
-
static ɵdir:
|
|
448
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeDescriptionTagDirective, never>;
|
|
449
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeDescriptionTagDirective, "sectionDescription", never, {}, {}, never, never, true, never>;
|
|
543
450
|
}
|
|
544
451
|
declare class DocSectionCodeHtmlTagDirective {
|
|
545
|
-
static ɵfac:
|
|
546
|
-
static ɵdir:
|
|
452
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeHtmlTagDirective, never>;
|
|
453
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeHtmlTagDirective, "sectionCodeHTML", never, {}, {}, never, never, true, never>;
|
|
547
454
|
}
|
|
548
455
|
declare class DocSectionCodeTsTagDirective {
|
|
549
|
-
static ɵfac:
|
|
550
|
-
static ɵdir:
|
|
456
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeTsTagDirective, never>;
|
|
457
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeTsTagDirective, "sectionCodeTS", never, {}, {}, never, never, true, never>;
|
|
551
458
|
}
|
|
552
459
|
declare class DocSectionCodeServiceTagDirective {
|
|
553
|
-
static ɵfac:
|
|
554
|
-
static ɵdir:
|
|
460
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeServiceTagDirective, never>;
|
|
461
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeServiceTagDirective, "sectionCodeSERVICE", never, {}, {}, never, never, true, never>;
|
|
555
462
|
}
|
|
556
463
|
declare class DocSectionCodeCssTagDirective {
|
|
557
|
-
static ɵfac:
|
|
558
|
-
static ɵdir:
|
|
464
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeCssTagDirective, never>;
|
|
465
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeCssTagDirective, "sectionCodeCSS", never, {}, {}, never, never, true, never>;
|
|
559
466
|
}
|
|
560
467
|
declare class DocSectionCodeDocTagDirective {
|
|
561
|
-
static ɵfac:
|
|
562
|
-
static ɵdir:
|
|
468
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocSectionCodeDocTagDirective, never>;
|
|
469
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DocSectionCodeDocTagDirective, "sectionCodeDOC", never, {}, {}, never, never, true, never>;
|
|
563
470
|
}
|
|
564
471
|
|
|
565
472
|
declare class EuiCodeHighlighterDirective implements AfterViewInit {
|
|
566
|
-
code:
|
|
473
|
+
code: _angular_core.InputSignal<unknown>;
|
|
567
474
|
private el;
|
|
568
475
|
private renderer;
|
|
569
476
|
constructor();
|
|
570
477
|
ngAfterViewInit(): void;
|
|
571
478
|
private highlight;
|
|
572
|
-
static ɵfac:
|
|
573
|
-
static ɵdir:
|
|
479
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EuiCodeHighlighterDirective, never>;
|
|
480
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EuiCodeHighlighterDirective, "[euiCode]", never, { "code": { "alias": "code"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
574
481
|
}
|
|
575
482
|
|
|
576
483
|
declare class LoremIpsumSampleComponent {
|
|
577
|
-
textSize:
|
|
578
|
-
static ɵfac:
|
|
579
|
-
static ɵcmp:
|
|
484
|
+
readonly textSize: _angular_core.InputSignal<"small" | "medium" | "large">;
|
|
485
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoremIpsumSampleComponent, never>;
|
|
486
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoremIpsumSampleComponent, "eui-showcase-doc-lorem-ipsum", never, { "textSize": { "alias": "textSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
580
487
|
}
|
|
581
488
|
|
|
582
|
-
declare class PlaygroundComponent
|
|
583
|
-
title: string
|
|
584
|
-
htmlContent: string
|
|
585
|
-
sampleId: string
|
|
586
|
-
typescriptContent: string
|
|
587
|
-
activated: boolean
|
|
588
|
-
modules: [{
|
|
489
|
+
declare class PlaygroundComponent {
|
|
490
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
491
|
+
readonly htmlContent: _angular_core.InputSignal<string>;
|
|
492
|
+
readonly sampleId: _angular_core.InputSignal<string>;
|
|
493
|
+
readonly typescriptContent: _angular_core.InputSignal<string>;
|
|
494
|
+
readonly activated: _angular_core.InputSignal<boolean>;
|
|
495
|
+
readonly modules: _angular_core.InputSignal<[{
|
|
589
496
|
name: string;
|
|
590
497
|
path: string;
|
|
591
|
-
}]
|
|
498
|
+
}]>;
|
|
592
499
|
isLoaded: boolean;
|
|
593
|
-
private stackblitzElWrapper;
|
|
500
|
+
private readonly stackblitzElWrapper;
|
|
594
501
|
/** instance that holds the stackblitz VM object */
|
|
595
502
|
private stackblitzInstance;
|
|
596
503
|
private sb;
|
|
597
|
-
|
|
504
|
+
constructor();
|
|
598
505
|
private initStackblitz;
|
|
599
|
-
static ɵfac:
|
|
600
|
-
static ɵcmp:
|
|
506
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PlaygroundComponent, never>;
|
|
507
|
+
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
508
|
}
|
|
602
509
|
|
|
603
510
|
declare const polyfillsFile = "import 'zone.js';";
|
|
@@ -659,6 +566,16 @@ declare class StackblitzService {
|
|
|
659
566
|
* @param sampleId
|
|
660
567
|
*/
|
|
661
568
|
openStackBlitz(htmlContent: string, typescriptContent: string, title: string, sampleId: string): void;
|
|
569
|
+
/**
|
|
570
|
+
* Open a stackblitz project with all sample files
|
|
571
|
+
* @param files Array of file objects with name and content
|
|
572
|
+
* @param title
|
|
573
|
+
* @param sampleId
|
|
574
|
+
*/
|
|
575
|
+
openStackBlitzWithFiles(files: {
|
|
576
|
+
name: string;
|
|
577
|
+
content: string;
|
|
578
|
+
}[], title: string, sampleId: string): void;
|
|
662
579
|
/**
|
|
663
580
|
* Retrieve only the dependencies that stackblitz will need filtered from @eui/deps-base
|
|
664
581
|
*
|
|
@@ -681,12 +598,12 @@ declare class StackblitzService {
|
|
|
681
598
|
* @private
|
|
682
599
|
*/
|
|
683
600
|
private getCurrentShowcaseEuiVersion;
|
|
684
|
-
static ɵfac:
|
|
685
|
-
static ɵprov:
|
|
601
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StackblitzService, never>;
|
|
602
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<StackblitzService>;
|
|
686
603
|
}
|
|
687
604
|
|
|
688
|
-
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];
|
|
605
|
+
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 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];
|
|
689
606
|
|
|
690
|
-
export { ConfigurationService, DocPageAccessibilityContentDirective,
|
|
607
|
+
export { ConfigurationService, DocPageAccessibilityContentDirective, DocPageApiContentDirective, DocPageCodeComponent, DocPageCodeFabComponent, DocPageCodeModalComponent, DocPageComponent, DocPageDevGuideComponent, DocPageInteractiveContentDirective, 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 };
|
|
691
608
|
export type { Configuration };
|
|
692
609
|
//# sourceMappingURL=eui-showcase.d.ts.map
|