@eui/showcase 18.0.0-next.13 → 18.0.0-next.15
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/esm2022/lib/components/doc-page/doc-page.component.mjs +24 -24
- package/esm2022/lib/components/doc-page-code/doc-page-code.component.mjs +5 -6
- package/esm2022/lib/components/doc-page-code-fab/doc-page-code-fab.component.mjs +3 -3
- package/esm2022/lib/components/doc-page-code-modal/doc-page-code-modal.component.mjs +5 -6
- package/esm2022/lib/components/doc-page-pattern/doc-page-pattern.component.mjs +9 -9
- package/esm2022/lib/components/doc-sample/doc-sample.component.mjs +3 -3
- package/esm2022/lib/components/doc-sample-api/doc-sample-api.component.mjs +3 -3
- package/esm2022/lib/components/doc-section/doc-section.component.mjs +3 -3
- package/esm2022/lib/components/doc-section-code/doc-section-code.component.mjs +24 -25
- package/esm2022/lib/components/eui-code-highlighter/eui-code-highlighter.component.mjs +3 -3
- package/esm2022/lib/components/lorem-ipsum/lorem-ipsum-sample.component.mjs +3 -3
- package/esm2022/lib/components/playground/playground.component.mjs +3 -3
- package/esm2022/lib/components/playground/stackblitz.files.mjs +3 -1
- package/esm2022/lib/components/playground/stackblitz.service.mjs +3 -3
- package/esm2022/lib/eui-showcase.module.mjs +4 -4
- package/fesm2022/eui-showcase.mjs +103 -104
- package/fesm2022/eui-showcase.mjs.map +2 -2
- package/lib/components/doc-sample/doc-sample.component.d.ts.map +1 -1
- package/lib/components/playground/stackblitz.files.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
var polyfillsFile = "import 'zone.js';";
|
|
3
3
|
var mainFile = (moduleName, componentName) => `
|
|
4
4
|
import './polyfills';
|
|
5
|
+
import { BrowserModule } from '@angular/platform-browser';
|
|
5
6
|
import { InjectionToken, NgModule } from '@angular/core';
|
|
6
7
|
import { HttpClientModule } from '@angular/common/http';
|
|
7
8
|
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
@@ -16,6 +17,7 @@ const rootReducer = Object.assign({}, coreReducers, {});
|
|
|
16
17
|
|
|
17
18
|
@NgModule({
|
|
18
19
|
imports: [
|
|
20
|
+
BrowserModule,
|
|
19
21
|
HttpClientModule,
|
|
20
22
|
CoreModule.forRoot(),
|
|
21
23
|
TranslateModule.forRoot(),
|
|
@@ -406,13 +408,13 @@ ${contents}`;
|
|
|
406
408
|
return lastValueFrom(this.http.get("assets/app-metadata.json", { responseType: "json" })).then((res) => res?.appVersion || "latest");
|
|
407
409
|
}
|
|
408
410
|
static {
|
|
409
|
-
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
411
|
+
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _StackblitzService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
410
412
|
}
|
|
411
413
|
static {
|
|
412
|
-
this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
414
|
+
this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _StackblitzService });
|
|
413
415
|
}
|
|
414
416
|
};
|
|
415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: StackblitzService, decorators: [{
|
|
416
418
|
type: Injectable
|
|
417
419
|
}] });
|
|
418
420
|
|
|
@@ -429,13 +431,13 @@ var EuiCodeHighlighterDirective = class _EuiCodeHighlighterDirective {
|
|
|
429
431
|
}
|
|
430
432
|
}
|
|
431
433
|
static {
|
|
432
|
-
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
434
|
+
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: _EuiCodeHighlighterDirective, deps: [{ token: i02.ElementRef }], target: i02.ɵɵFactoryTarget.Directive });
|
|
433
435
|
}
|
|
434
436
|
static {
|
|
435
|
-
this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
437
|
+
this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiCodeHighlighterDirective, selector: "[euiCode]", ngImport: i02 });
|
|
436
438
|
}
|
|
437
439
|
};
|
|
438
|
-
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
440
|
+
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: EuiCodeHighlighterDirective, decorators: [{
|
|
439
441
|
type: Directive,
|
|
440
442
|
args: [{
|
|
441
443
|
selector: "[euiCode]"
|
|
@@ -609,13 +611,13 @@ var DocSampleComponent = class _DocSampleComponent {
|
|
|
609
611
|
}));
|
|
610
612
|
}
|
|
611
613
|
static {
|
|
612
|
-
this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
614
|
+
this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i03, type: _DocSampleComponent, deps: [{ token: StackblitzService }, { token: i2.HttpClient }, { token: i3.EuiAppShellService }, { token: i03.ChangeDetectorRef }, { token: i3.EuiGrowlService }, { token: i4.Clipboard }, { token: i5.Router }], target: i03.ɵɵFactoryTarget.Component });
|
|
613
615
|
}
|
|
614
616
|
static {
|
|
615
|
-
this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.
|
|
617
|
+
this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _DocSampleComponent, selector: "eui-showcase-doc-sample", inputs: { id: "id", label: "label", styleClass: "styleClass", renderPlayground: ["renderPlayground", "renderPlayground", booleanAttribute], isCodeButtonVisible: ["isCodeButtonVisible", "isCodeButtonVisible", booleanAttribute] }, host: { properties: { "class": "this.classes" } }, ngImport: i03, template: '<div class="doc-sample-title">\n <div class="doc-sample-title__label">\n <strong>{{ label }}</strong>\n <button\n euiButton\n euiIconButton\n euiBasicButton\n euiRounded\n euiPrimary\n euiSizeS\n (click)="copyCurrentUrlToClipboard(id)"\n class="doc-sample-title__link"\n tabindex="-1">\n <eui-icon-svg icon="link" set="outline" size="l" fillColor="grey-75"></eui-icon-svg>\n </button>\n </div>\n <div *ngIf="renderPlayground" class="doc-sample-title__items" style="margin-right: 3px">\n <button\n *ngIf="isCodeButtonVisible"\n type="button"\n euiButton\n [euiOutline]="!isCodeExpanded"\n euiPrimary\n euiSizeS\n (click)="onStackblitzOpen()">\n <span *ngIf="!isCodeExpanded" euiLabel>Stackblitz</span>\n <eui-icon-svg set="sharp" icon="expand"></eui-icon-svg>\n </button>\n </div>\n <div class="doc-sample-title__items">\n <button\n *ngIf="isCodeButtonVisible"\n type="button"\n euiButton\n [euiOutline]="!isCodeExpanded"\n euiPrimary\n euiSizeS\n (click)="onToggleCode()"\n [isLoading]="isCodeLoading"\n [euiDisabled]="isCodeLoading">\n <span *ngIf="!isCodeExpanded" euiLabel>Code</span>\n <span *ngIf="isCodeExpanded" euiLabel>Hide Code</span>\n <span euiIcon iconClass="eui-icon-code"></span>\n </button>\n </div>\n</div>\n\n<ng-template [ngIf]="isCodeExpanded">\n <eui-card euiNoContentPadding>\n <eui-card-content>\n <eui-tabs (tabSelect)="onSelectedTab($event)">\n <eui-tab [isVisible]="htmlContent">\n <euiTabLabel>\n HTML\n <euiTabSubLabel>HyperText Markup Language</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <pre><code class="language-markup" euiCode>{{htmlContent}}</code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="tsContent">\n <euiTabLabel>\n TS\n <euiTabSubLabel>Typescript</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <pre><code class="language-javascript" euiCode>{{filterOutModuleAndImports(tsContent)}}</code></pre>\n </euiTabContent>\n </eui-tab>\n </eui-tabs>\n </eui-card-content>\n </eui-card>\n</ng-template>\n\n<ng-content></ng-content>\n', styles: [".eui-showcase-doc-sample{display:block;margin-bottom:var(--eui-base-spacing-2xl);width:100%}.eui-showcase-doc-sample .doc-sample-title{align-items:flex-end;display:flex;width:100%;margin-bottom:var(--eui-base-spacing-m);padding-bottom:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-25)}.eui-showcase-doc-sample .doc-sample-title__label{align-items:center;display:flex;min-height:var(--eui-base-spacing-xl);margin-top:var(--eui-base-spacing-xl);width:100%;font:normal normal 400 1.5rem/1.75rem var(--eui-base-font-family)}.eui-showcase-doc-sample .doc-sample-title__label:first-child{margin-top:var(--eui-base-spacing-m)}.eui-showcase-doc-sample .doc-sample-title__label:hover .doc-sample-title__link{opacity:1;transition:all .25s ease-in-out}.eui-showcase-doc-sample .doc-sample-title__items{display:flex;margin-left:auto}.eui-showcase-doc-sample .doc-sample-title__link{opacity:0;margin-left:var(--eui-base-spacing-m)}.eui-showcase-doc-sample .doc-sample-section-title{border-bottom:1px solid var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-l);font-weight:500;letter-spacing:-.25px;margin:var(--eui-base-spacing-3xl) 0 var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-2xs);width:auto;display:table;color:var(--eui-base-color-info-110)}.eui-showcase-doc-sample .doc-sample-section-title:first-child{margin-top:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.EuiCardComponent, selector: "eui-card", inputs: ["e2eAttr", "euiSelected", "euiCollapsible", "euiCollapsed", "euiUrgent", "euiNoShadow", "euiNoContentPadding", "euiHoverable"], outputs: ["collapse"] }, { kind: "component", type: i7.EuiCardContentComponent, selector: "eui-card-content" }, { kind: "component", type: i8.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiTabsComponent, selector: "eui-tabs", inputs: ["styleClass", "tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isHandleChangeTab", "isSubTabs", "isVerticalTabs"], outputs: ["tabClose", "tabSelect"] }, { kind: "component", type: i9.EuiTabComponent, selector: "eui-tab", inputs: ["url", "e2eAttr", "tooltip", "isClosable", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "isHandleCloseOnClose"] }, { kind: "component", type: i9.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "directive", type: i9.EuiTabSubLabelDirective, selector: "euiTabSubLabel" }, { kind: "component", type: i9.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "component", type: i10.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i11.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "directive", type: EuiCodeHighlighterDirective, selector: "[euiCode]" }], encapsulation: i03.ViewEncapsulation.None });
|
|
616
618
|
}
|
|
617
619
|
};
|
|
618
|
-
i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
620
|
+
i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i03, type: DocSampleComponent, decorators: [{
|
|
619
621
|
type: Component,
|
|
620
622
|
args: [{ selector: "eui-showcase-doc-sample", encapsulation: ViewEncapsulation.None, template: '<div class="doc-sample-title">\n <div class="doc-sample-title__label">\n <strong>{{ label }}</strong>\n <button\n euiButton\n euiIconButton\n euiBasicButton\n euiRounded\n euiPrimary\n euiSizeS\n (click)="copyCurrentUrlToClipboard(id)"\n class="doc-sample-title__link"\n tabindex="-1">\n <eui-icon-svg icon="link" set="outline" size="l" fillColor="grey-75"></eui-icon-svg>\n </button>\n </div>\n <div *ngIf="renderPlayground" class="doc-sample-title__items" style="margin-right: 3px">\n <button\n *ngIf="isCodeButtonVisible"\n type="button"\n euiButton\n [euiOutline]="!isCodeExpanded"\n euiPrimary\n euiSizeS\n (click)="onStackblitzOpen()">\n <span *ngIf="!isCodeExpanded" euiLabel>Stackblitz</span>\n <eui-icon-svg set="sharp" icon="expand"></eui-icon-svg>\n </button>\n </div>\n <div class="doc-sample-title__items">\n <button\n *ngIf="isCodeButtonVisible"\n type="button"\n euiButton\n [euiOutline]="!isCodeExpanded"\n euiPrimary\n euiSizeS\n (click)="onToggleCode()"\n [isLoading]="isCodeLoading"\n [euiDisabled]="isCodeLoading">\n <span *ngIf="!isCodeExpanded" euiLabel>Code</span>\n <span *ngIf="isCodeExpanded" euiLabel>Hide Code</span>\n <span euiIcon iconClass="eui-icon-code"></span>\n </button>\n </div>\n</div>\n\n<ng-template [ngIf]="isCodeExpanded">\n <eui-card euiNoContentPadding>\n <eui-card-content>\n <eui-tabs (tabSelect)="onSelectedTab($event)">\n <eui-tab [isVisible]="htmlContent">\n <euiTabLabel>\n HTML\n <euiTabSubLabel>HyperText Markup Language</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <pre><code class="language-markup" euiCode>{{htmlContent}}</code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="tsContent">\n <euiTabLabel>\n TS\n <euiTabSubLabel>Typescript</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <pre><code class="language-javascript" euiCode>{{filterOutModuleAndImports(tsContent)}}</code></pre>\n </euiTabContent>\n </eui-tab>\n </eui-tabs>\n </eui-card-content>\n </eui-card>\n</ng-template>\n\n<ng-content></ng-content>\n', styles: [".eui-showcase-doc-sample{display:block;margin-bottom:var(--eui-base-spacing-2xl);width:100%}.eui-showcase-doc-sample .doc-sample-title{align-items:flex-end;display:flex;width:100%;margin-bottom:var(--eui-base-spacing-m);padding-bottom:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-25)}.eui-showcase-doc-sample .doc-sample-title__label{align-items:center;display:flex;min-height:var(--eui-base-spacing-xl);margin-top:var(--eui-base-spacing-xl);width:100%;font:normal normal 400 1.5rem/1.75rem var(--eui-base-font-family)}.eui-showcase-doc-sample .doc-sample-title__label:first-child{margin-top:var(--eui-base-spacing-m)}.eui-showcase-doc-sample .doc-sample-title__label:hover .doc-sample-title__link{opacity:1;transition:all .25s ease-in-out}.eui-showcase-doc-sample .doc-sample-title__items{display:flex;margin-left:auto}.eui-showcase-doc-sample .doc-sample-title__link{opacity:0;margin-left:var(--eui-base-spacing-m)}.eui-showcase-doc-sample .doc-sample-section-title{border-bottom:1px solid var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-l);font-weight:500;letter-spacing:-.25px;margin:var(--eui-base-spacing-3xl) 0 var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-2xs);width:auto;display:table;color:var(--eui-base-color-info-110)}.eui-showcase-doc-sample .doc-sample-section-title:first-child{margin-top:var(--eui-base-spacing-m)}\n"] }]
|
|
621
623
|
}], ctorParameters: () => [{ type: StackblitzService }, { type: i2.HttpClient }, { type: i3.EuiAppShellService }, { type: i03.ChangeDetectorRef }, { type: i3.EuiGrowlService }, { type: i4.Clipboard }, { type: i5.Router }], propDecorators: { id: [{
|
|
@@ -651,13 +653,13 @@ var DocSectionComponent = class _DocSectionComponent {
|
|
|
651
653
|
}
|
|
652
654
|
}
|
|
653
655
|
static {
|
|
654
|
-
this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
656
|
+
this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i04, type: _DocSectionComponent, deps: [], target: i04.ɵɵFactoryTarget.Component });
|
|
655
657
|
}
|
|
656
658
|
static {
|
|
657
|
-
this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
659
|
+
this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSectionComponent, selector: "eui-showcase-doc-section", inputs: { id: "id", label: "label", styleClass: "styleClass" }, host: { properties: { "class": "this.string" } }, ngImport: i04, template: '<div id="sections" class="doc-section-title">{{label}}</div>\n<!-- <h4 id="sections" class="eui-u-font-bold eui-u-color-info eui-u-text-h4 mb-3">{{ label }}</h4> -->\n\n<ng-content></ng-content>\n', styles: [".eui-showcase-doc-section{display:block;margin-bottom:var(--eui-base-spacing-4xl)}.doc-section-title{display:flex;align-items:center;width:100%;margin-top:var(--eui-base-spacing-m);margin-bottom:var(--eui-base-spacing-m);padding-bottom:var(--eui-base-spacing-xs);border-bottom:1px solid var(--eui-base-color-grey-15);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700}.doc-sample-section-title{border-bottom:1px solid var(--eui-base-color-grey-25);letter-spacing:-.25px;margin:var(--eui-base-spacing-2xl) 0 var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-2xs);width:auto;display:table;color:var(--eui-base-color-info-110);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.doc-sample-section-title:first-child{margin-top:0}\n"], encapsulation: i04.ViewEncapsulation.None });
|
|
658
660
|
}
|
|
659
661
|
};
|
|
660
|
-
i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
662
|
+
i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i04, type: DocSectionComponent, decorators: [{
|
|
661
663
|
type: Component2,
|
|
662
664
|
args: [{ selector: "eui-showcase-doc-section", encapsulation: ViewEncapsulation3.None, template: '<div id="sections" class="doc-section-title">{{label}}</div>\n<!-- <h4 id="sections" class="eui-u-font-bold eui-u-color-info eui-u-text-h4 mb-3">{{ label }}</h4> -->\n\n<ng-content></ng-content>\n', styles: [".eui-showcase-doc-section{display:block;margin-bottom:var(--eui-base-spacing-4xl)}.doc-section-title{display:flex;align-items:center;width:100%;margin-top:var(--eui-base-spacing-m);margin-bottom:var(--eui-base-spacing-m);padding-bottom:var(--eui-base-spacing-xs);border-bottom:1px solid var(--eui-base-color-grey-15);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700}.doc-sample-section-title{border-bottom:1px solid var(--eui-base-color-grey-25);letter-spacing:-.25px;margin:var(--eui-base-spacing-2xl) 0 var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-2xs);width:auto;display:table;color:var(--eui-base-color-info-110);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.doc-sample-section-title:first-child{margin-top:0}\n"] }]
|
|
663
665
|
}], propDecorators: { string: [{
|
|
@@ -675,8 +677,7 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
|
|
|
675
677
|
import { Component as Component3, Input as Input3 } from "@angular/core";
|
|
676
678
|
import * as i05 from "@angular/core";
|
|
677
679
|
import * as i1 from "@eui/components/eui-button";
|
|
678
|
-
import * as i22 from "@eui/components/eui-
|
|
679
|
-
import * as i32 from "@eui/components/eui-label";
|
|
680
|
+
import * as i22 from "@eui/components/eui-label";
|
|
680
681
|
var DocPageCodeComponent = class _DocPageCodeComponent {
|
|
681
682
|
constructor() {
|
|
682
683
|
this.codeFolder = "";
|
|
@@ -687,13 +688,13 @@ var DocPageCodeComponent = class _DocPageCodeComponent {
|
|
|
687
688
|
window.open(sourceRootPath + this.codeFolder, "_blank");
|
|
688
689
|
}
|
|
689
690
|
static {
|
|
690
|
-
this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
691
|
+
this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i05, type: _DocPageCodeComponent, deps: [], target: i05.ɵɵFactoryTarget.Component });
|
|
691
692
|
}
|
|
692
693
|
static {
|
|
693
|
-
this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
694
|
+
this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageCodeComponent, selector: "eui-showcase-doc-page-code", inputs: { codeFolder: "codeFolder", showcase: "showcase" }, ngImport: i05, template: '<button type="button" euiButton euiAccent (click)="onOpenCode()">\n <span euiLabel>Check the code</span>\n <span euiIcon iconClass="eui-icon eui-icon-code"></span>\n</button>\n', dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i22.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }] });
|
|
694
695
|
}
|
|
695
696
|
};
|
|
696
|
-
i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
697
|
+
i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i05, type: DocPageCodeComponent, decorators: [{
|
|
697
698
|
type: Component3,
|
|
698
699
|
args: [{ selector: "eui-showcase-doc-page-code", template: '<button type="button" euiButton euiAccent (click)="onOpenCode()">\n <span euiLabel>Check the code</span>\n <span euiIcon iconClass="eui-icon eui-icon-code"></span>\n</button>\n' }]
|
|
699
700
|
}], propDecorators: { codeFolder: [{
|
|
@@ -707,7 +708,7 @@ import { Component as Component4, Input as Input4, Directive as Directive2, Cont
|
|
|
707
708
|
import * as i06 from "@angular/core";
|
|
708
709
|
import * as i12 from "@angular/router";
|
|
709
710
|
import * as i23 from "@eui/core";
|
|
710
|
-
import * as
|
|
711
|
+
import * as i32 from "@angular/platform-browser";
|
|
711
712
|
import * as i42 from "@angular/common";
|
|
712
713
|
import * as i52 from "@eui/components/eui-tabs";
|
|
713
714
|
import * as i62 from "@eui/components/eui-page";
|
|
@@ -927,10 +928,10 @@ var DocPageComponent = class _DocPageComponent {
|
|
|
927
928
|
return result;
|
|
928
929
|
}
|
|
929
930
|
static {
|
|
930
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
931
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _DocPageComponent, deps: [{ token: i12.Router }, { token: i12.ActivatedRoute }, { token: i23.EuiAppShellService }, { token: i32.DomSanitizer }, { token: i42.Location }], target: i06.ɵɵFactoryTarget.Component });
|
|
931
932
|
}
|
|
932
933
|
static {
|
|
933
|
-
this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
934
|
+
this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageComponent, selector: "eui-showcase-doc-page", inputs: { id: "id", label: "label", subLabel: "subLabel", isNotReady: "isNotReady", isDeprecated: "isDeprecated", isLegacy: "isLegacy", codeFolder: "codeFolder", showcase: "showcase", isNavigationVisible: "isNavigationVisible", hasApi: "hasApi", hasA11y: "hasA11y" }, queries: [{ propertyName: "samples", predicate: DocSampleComponent, descendants: true }, { propertyName: "sections", predicate: DocSectionComponent, descendants: true }, { propertyName: "pageOverviewContent", predicate: i06.forwardRef(() => DocPageOverviewContentDirective) }, { propertyName: "pageSamplesContent", predicate: i06.forwardRef(() => DocPageSamplesContentDirective) }, { propertyName: "pageSectionsContent", predicate: i06.forwardRef(() => DocPageSectionsContentDirective) }, { propertyName: "pageInteractiveContent", predicate: i06.forwardRef(() => DocPageInteractiveContentDirective) }, { propertyName: "pageAccessibilityContent", predicate: i06.forwardRef(() => DocPageAccessibilityContentDirective) }, { propertyName: "pageApiContent", predicate: i06.forwardRef(() => DocPageApiContentDirective) }, { propertyName: "pageThemingContent", predicate: i06.forwardRef(() => DocPageThemingContentDirective) }], viewQueries: [{ propertyName: "tabsContent", first: true, predicate: ["tabsContent"], descendants: true }], ngImport: i06, template: `<div class="doc-page-navigation-wrapper" [class.eui-u-hidden]="isLoading">
|
|
934
935
|
<div class="doc-page-main-column">
|
|
935
936
|
<eui-page>
|
|
936
937
|
<eui-page-header label="{{ label }}" subLabel="{{ subLabel }}">
|
|
@@ -1168,7 +1169,7 @@ var DocPageComponent = class _DocPageComponent {
|
|
|
1168
1169
|
`, styles: ['.doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-base-spacing-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-base-color-white);box-shadow:0 8px 10px #b7c0ce33;position:fixed;right:0;transition:all ease-in-out .25s;width:400px;z-index:auto;box-shadow:var(--eui-base-shadow-1)}.doc-page-navigation-wrapper .doc-page-navigation-column:hover{width:400px}.doc-page-navigation-wrapper .language-javascript:active:not([readonly]),.doc-page-navigation-wrapper .language-javascript:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.doc-page-navigation-wrapper .language-javascript [tabindex="0"]:active:not([readonly]),.doc-page-navigation-wrapper .language-javascript [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.doc-page-navigation-title{font-weight:700;padding:var(--eui-base-spacing-s)}.doc-page-navigation-content{display:block;height:100vh;max-height:calc(100vh - 6rem);overflow-y:auto;width:100%}.doc-page-navigation-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.doc-page-navigation-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.doc-page-navigation-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.doc-page-navigation-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.doc-page-navigation{background-color:transparent;border-left:2px solid transparent;padding-top:var(--eui-base-spacing-xs);margin:0;padding:0}.doc-page-navigation .doc-page-navigation-list{margin:0;padding:0}.doc-page-navigation .doc-page-navigation-item{color:var(--eui-base-color-primary-100);cursor:pointer;line-height:1.5;overflow:hidden;padding:var(--eui-base-spacing-2xs);text-overflow:ellipsis;transition:background-color ease-in .2s;white-space:nowrap;list-style:none}.doc-page-navigation .doc-page-navigation-item span{font-weight:700;color:var(--eui-base-color-primary-100);padding-left:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item:not(.doc-page-navigation-sub):hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item span{font-weight:400;padding-left:var(--eui-base-spacing-m)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item:hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-grey-15)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-item--selected{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-api-iframe-wrapper{display:flex;justify-content:space-around;margin:0}.doc-page-section-title{margin-top:var(--eui-base-spacing-2xl);margin-bottom:var(--eui-base-spacing-xl);color:var(--eui-base-color-info-120);font:normal normal 400 1.75rem/2rem var(--eui-base-font-family);font-weight:700}@media screen and (max-width: 767px){.doc-page-navigation-wrapper .doc-page-main-column{padding-right:0;width:100%}.doc-page-navigation-wrapper .doc-page-navigation-column{display:none;width:0}}@media screen and (min-width: 768px) and (max-width: 995px){.doc-page-navigation-wrapper .doc-page-main-column{width:80%}.doc-page-navigation-wrapper .doc-page-navigation-column{width:20%}}@media screen and (max-width: 1550px){.doc-page-api-iframe-wrapper{display:none}}\n'], dependencies: [{ kind: "directive", type: i42.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i42.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i52.EuiTabsComponent, selector: "eui-tabs", inputs: ["styleClass", "tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isHandleChangeTab", "isSubTabs", "isVerticalTabs"], outputs: ["tabClose", "tabSelect"] }, { kind: "component", type: i52.EuiTabComponent, selector: "eui-tab", inputs: ["url", "e2eAttr", "tooltip", "isClosable", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "isHandleCloseOnClose"] }, { kind: "component", type: i52.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "component", type: i52.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "component", type: i62.EuiPageComponent, selector: "eui-page" }, { kind: "component", type: i62.EuiPageContentComponent, selector: "eui-page-content" }, { kind: "component", type: i62.EuiPageHeaderComponent, selector: "eui-page-header", inputs: ["label", "subLabel", "labelTooltip", "subLabelTooltip", "isCollapsible", "isCollapsed", "isHeaderMultilines", "collapsedLabel", "expandedLabel"], outputs: ["collapse"] }, { kind: "directive", type: i62.EuiPageHeaderActionItemsContentDirective, selector: "eui-page-header-action-items" }, { kind: "component", type: i72.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i82.EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: ["ariaDescribedBy", "e2eAttr", "isMuted", "isCloseable", "isFocusable"], outputs: ["closeAlert"] }, { kind: "directive", type: i82.EuiAlertTitleDirective, selector: "eui-alert-title" }, { kind: "component", type: i92.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "directive", type: EuiCodeHighlighterDirective, selector: "[euiCode]" }, { kind: "component", type: DocPageCodeComponent, selector: "eui-showcase-doc-page-code", inputs: ["codeFolder", "showcase"] }], encapsulation: i06.ViewEncapsulation.None });
|
|
1169
1170
|
}
|
|
1170
1171
|
};
|
|
1171
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1172
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: DocPageComponent, decorators: [{
|
|
1172
1173
|
type: Component4,
|
|
1173
1174
|
args: [{ selector: "eui-showcase-doc-page", encapsulation: ViewEncapsulation5.None, template: `<div class="doc-page-navigation-wrapper" [class.eui-u-hidden]="isLoading">
|
|
1174
1175
|
<div class="doc-page-main-column">
|
|
@@ -1406,7 +1407,7 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
|
|
|
1406
1407
|
</div>
|
|
1407
1408
|
</div>
|
|
1408
1409
|
`, styles: ['.doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-base-spacing-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-base-color-white);box-shadow:0 8px 10px #b7c0ce33;position:fixed;right:0;transition:all ease-in-out .25s;width:400px;z-index:auto;box-shadow:var(--eui-base-shadow-1)}.doc-page-navigation-wrapper .doc-page-navigation-column:hover{width:400px}.doc-page-navigation-wrapper .language-javascript:active:not([readonly]),.doc-page-navigation-wrapper .language-javascript:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.doc-page-navigation-wrapper .language-javascript [tabindex="0"]:active:not([readonly]),.doc-page-navigation-wrapper .language-javascript [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.doc-page-navigation-title{font-weight:700;padding:var(--eui-base-spacing-s)}.doc-page-navigation-content{display:block;height:100vh;max-height:calc(100vh - 6rem);overflow-y:auto;width:100%}.doc-page-navigation-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.doc-page-navigation-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.doc-page-navigation-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.doc-page-navigation-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.doc-page-navigation{background-color:transparent;border-left:2px solid transparent;padding-top:var(--eui-base-spacing-xs);margin:0;padding:0}.doc-page-navigation .doc-page-navigation-list{margin:0;padding:0}.doc-page-navigation .doc-page-navigation-item{color:var(--eui-base-color-primary-100);cursor:pointer;line-height:1.5;overflow:hidden;padding:var(--eui-base-spacing-2xs);text-overflow:ellipsis;transition:background-color ease-in .2s;white-space:nowrap;list-style:none}.doc-page-navigation .doc-page-navigation-item span{font-weight:700;color:var(--eui-base-color-primary-100);padding-left:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item:not(.doc-page-navigation-sub):hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item span{font-weight:400;padding-left:var(--eui-base-spacing-m)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item:hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-grey-15)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-item--selected{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-api-iframe-wrapper{display:flex;justify-content:space-around;margin:0}.doc-page-section-title{margin-top:var(--eui-base-spacing-2xl);margin-bottom:var(--eui-base-spacing-xl);color:var(--eui-base-color-info-120);font:normal normal 400 1.75rem/2rem var(--eui-base-font-family);font-weight:700}@media screen and (max-width: 767px){.doc-page-navigation-wrapper .doc-page-main-column{padding-right:0;width:100%}.doc-page-navigation-wrapper .doc-page-navigation-column{display:none;width:0}}@media screen and (min-width: 768px) and (max-width: 995px){.doc-page-navigation-wrapper .doc-page-main-column{width:80%}.doc-page-navigation-wrapper .doc-page-navigation-column{width:20%}}@media screen and (max-width: 1550px){.doc-page-api-iframe-wrapper{display:none}}\n'] }]
|
|
1409
|
-
}], ctorParameters: () => [{ type: i12.Router }, { type: i12.ActivatedRoute }, { type: i23.EuiAppShellService }, { type:
|
|
1410
|
+
}], ctorParameters: () => [{ type: i12.Router }, { type: i12.ActivatedRoute }, { type: i23.EuiAppShellService }, { type: i32.DomSanitizer }, { type: i42.Location }], propDecorators: { id: [{
|
|
1410
1411
|
type: Input4
|
|
1411
1412
|
}], label: [{
|
|
1412
1413
|
type: Input4
|
|
@@ -1461,13 +1462,13 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
|
|
|
1461
1462
|
}] } });
|
|
1462
1463
|
var DocPageOverviewContentDirective = class _DocPageOverviewContentDirective {
|
|
1463
1464
|
static {
|
|
1464
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1465
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _DocPageOverviewContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1465
1466
|
}
|
|
1466
1467
|
static {
|
|
1467
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1468
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageOverviewContentDirective, selector: "docPageOverview", ngImport: i06 });
|
|
1468
1469
|
}
|
|
1469
1470
|
};
|
|
1470
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1471
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: DocPageOverviewContentDirective, decorators: [{
|
|
1471
1472
|
type: Directive2,
|
|
1472
1473
|
args: [{ selector: "docPageOverview" }]
|
|
1473
1474
|
}] });
|
|
@@ -1477,13 +1478,13 @@ var DocPageInteractiveContentDirective = class _DocPageInteractiveContentDirecti
|
|
|
1477
1478
|
this.subTitle = "Advanced use cases";
|
|
1478
1479
|
}
|
|
1479
1480
|
static {
|
|
1480
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1481
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _DocPageInteractiveContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1481
1482
|
}
|
|
1482
1483
|
static {
|
|
1483
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1484
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageInteractiveContentDirective, selector: "docPageInteractive", inputs: { title: "title", subTitle: "subTitle" }, ngImport: i06 });
|
|
1484
1485
|
}
|
|
1485
1486
|
};
|
|
1486
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1487
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: DocPageInteractiveContentDirective, decorators: [{
|
|
1487
1488
|
type: Directive2,
|
|
1488
1489
|
args: [{ selector: "docPageInteractive" }]
|
|
1489
1490
|
}], propDecorators: { title: [{
|
|
@@ -1493,61 +1494,61 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
|
|
|
1493
1494
|
}] } });
|
|
1494
1495
|
var DocPageSamplesContentDirective = class _DocPageSamplesContentDirective {
|
|
1495
1496
|
static {
|
|
1496
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1497
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _DocPageSamplesContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1497
1498
|
}
|
|
1498
1499
|
static {
|
|
1499
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1500
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageSamplesContentDirective, selector: "docPageSamples", ngImport: i06 });
|
|
1500
1501
|
}
|
|
1501
1502
|
};
|
|
1502
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1503
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: DocPageSamplesContentDirective, decorators: [{
|
|
1503
1504
|
type: Directive2,
|
|
1504
1505
|
args: [{ selector: "docPageSamples" }]
|
|
1505
1506
|
}] });
|
|
1506
1507
|
var DocPageSectionsContentDirective = class _DocPageSectionsContentDirective {
|
|
1507
1508
|
static {
|
|
1508
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1509
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _DocPageSectionsContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1509
1510
|
}
|
|
1510
1511
|
static {
|
|
1511
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1512
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageSectionsContentDirective, selector: "docPageSections", ngImport: i06 });
|
|
1512
1513
|
}
|
|
1513
1514
|
};
|
|
1514
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1515
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: DocPageSectionsContentDirective, decorators: [{
|
|
1515
1516
|
type: Directive2,
|
|
1516
1517
|
args: [{ selector: "docPageSections" }]
|
|
1517
1518
|
}] });
|
|
1518
1519
|
var DocPageAccessibilityContentDirective = class _DocPageAccessibilityContentDirective {
|
|
1519
1520
|
static {
|
|
1520
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1521
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _DocPageAccessibilityContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1521
1522
|
}
|
|
1522
1523
|
static {
|
|
1523
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1524
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageAccessibilityContentDirective, selector: "docPageAccessibility", ngImport: i06 });
|
|
1524
1525
|
}
|
|
1525
1526
|
};
|
|
1526
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1527
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: DocPageAccessibilityContentDirective, decorators: [{
|
|
1527
1528
|
type: Directive2,
|
|
1528
1529
|
args: [{ selector: "docPageAccessibility" }]
|
|
1529
1530
|
}] });
|
|
1530
1531
|
var DocPageApiContentDirective = class _DocPageApiContentDirective {
|
|
1531
1532
|
static {
|
|
1532
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1533
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _DocPageApiContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1533
1534
|
}
|
|
1534
1535
|
static {
|
|
1535
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1536
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageApiContentDirective, selector: "docPageApi", ngImport: i06 });
|
|
1536
1537
|
}
|
|
1537
1538
|
};
|
|
1538
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1539
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: DocPageApiContentDirective, decorators: [{
|
|
1539
1540
|
type: Directive2,
|
|
1540
1541
|
args: [{ selector: "docPageApi" }]
|
|
1541
1542
|
}] });
|
|
1542
1543
|
var DocPageThemingContentDirective = class _DocPageThemingContentDirective {
|
|
1543
1544
|
static {
|
|
1544
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1545
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: _DocPageThemingContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1545
1546
|
}
|
|
1546
1547
|
static {
|
|
1547
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1548
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageThemingContentDirective, selector: "docPageTheming", ngImport: i06 });
|
|
1548
1549
|
}
|
|
1549
1550
|
};
|
|
1550
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1551
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i06, type: DocPageThemingContentDirective, decorators: [{
|
|
1551
1552
|
type: Directive2,
|
|
1552
1553
|
args: [{ selector: "docPageTheming" }]
|
|
1553
1554
|
}] });
|
|
@@ -1557,13 +1558,13 @@ import { Component as Component5 } from "@angular/core";
|
|
|
1557
1558
|
import * as i07 from "@angular/core";
|
|
1558
1559
|
var DocSampleApiComponent = class _DocSampleApiComponent {
|
|
1559
1560
|
static {
|
|
1560
|
-
this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1561
|
+
this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i07, type: _DocSampleApiComponent, deps: [], target: i07.ɵɵFactoryTarget.Component });
|
|
1561
1562
|
}
|
|
1562
1563
|
static {
|
|
1563
|
-
this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1564
|
+
this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSampleApiComponent, selector: "eui-showcase-doc-sample-api", ngImport: i07, template: "" });
|
|
1564
1565
|
}
|
|
1565
1566
|
};
|
|
1566
|
-
i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1567
|
+
i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i07, type: DocSampleApiComponent, decorators: [{
|
|
1567
1568
|
type: Component5,
|
|
1568
1569
|
args: [{ selector: "eui-showcase-doc-sample-api", template: "" }]
|
|
1569
1570
|
}] });
|
|
@@ -1573,9 +1574,8 @@ import { Component as Component6, Input as Input5, Directive as Directive3, Cont
|
|
|
1573
1574
|
import * as i08 from "@angular/core";
|
|
1574
1575
|
import * as i13 from "@angular/common";
|
|
1575
1576
|
import * as i24 from "@eui/components/eui-button";
|
|
1576
|
-
import * as
|
|
1577
|
-
import * as i43 from "@eui/components/eui-
|
|
1578
|
-
import * as i53 from "@eui/components/eui-label";
|
|
1577
|
+
import * as i33 from "@eui/components/eui-tabs";
|
|
1578
|
+
import * as i43 from "@eui/components/eui-label";
|
|
1579
1579
|
var DocSectionCodeComponent = class _DocSectionCodeComponent {
|
|
1580
1580
|
constructor() {
|
|
1581
1581
|
this.isDeprecated = false;
|
|
@@ -1589,13 +1589,13 @@ var DocSectionCodeComponent = class _DocSectionCodeComponent {
|
|
|
1589
1589
|
return object;
|
|
1590
1590
|
}
|
|
1591
1591
|
static {
|
|
1592
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1592
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _DocSectionCodeComponent, deps: [], target: i08.ɵɵFactoryTarget.Component });
|
|
1593
1593
|
}
|
|
1594
1594
|
static {
|
|
1595
|
-
this.ɵcmp = i08.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1595
|
+
this.ɵcmp = i08.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSectionCodeComponent, selector: "eui-showcase-doc-section-code", inputs: { label: "label", content: "content", styleClass: "styleClass", versionLabel: "versionLabel", isDeprecated: "isDeprecated", isCodeExpanded: "isCodeExpanded" }, queries: [{ propertyName: "sectionDescription", first: true, predicate: i08.forwardRef(() => DocSectionCodeDescriptionTagDirective), descendants: true }, { propertyName: "sectionCodeHTML", first: true, predicate: i08.forwardRef(() => DocSectionCodeHtmlTagDirective), descendants: true }, { propertyName: "sectionCodeTS", first: true, predicate: i08.forwardRef(() => DocSectionCodeTsTagDirective), descendants: true }, { propertyName: "sectionCodeSERVICE", first: true, predicate: i08.forwardRef(() => DocSectionCodeServiceTagDirective), descendants: true }, { propertyName: "sectionCodeCSS", first: true, predicate: i08.forwardRef(() => DocSectionCodeCssTagDirective), descendants: true }, { propertyName: "sectionCodeDOC", first: true, predicate: i08.forwardRef(() => DocSectionCodeDocTagDirective), descendants: true }], ngImport: i08, template: '<h5 class="section-title {{ styleClass }}">\n <div class="eui-u-flex eui-u-flex-justify-content-between">\n <div [class.app-section-code--deprecated]="isDeprecated">\n {{ label }}\n </div>\n <div class="ml-auto">\n <span *ngIf="versionLabel" class="eui-u-color-danger">{{ versionLabel }}</span>\n <button type="button" euiButton [euiOutline]="!isCodeExpanded" euiPrimary euiSizeS (click)="toggleCode()">\n <span *ngIf="!isCodeExpanded" euiLabel>Code</span>\n <span *ngIf="isCodeExpanded" euiLabel>Hide Code</span>\n <span euiIcon iconClass="eui-icon-code"></span>\n </button>\n </div>\n </div>\n <div *ngIf="isDeprecated">\n <small class="eui-u-color-danger">Deprecated in 3.x</small>\n </div>\n</h5>\n\n<div class="eui-u-mv" *ngIf="sectionDescription">\n <ng-content select="sectionDescription"></ng-content>\n</div>\n\n<ng-template [ngIf]="isCodeExpanded">\n <eui-tabs>\n <eui-tab [isVisible]="isDefined(sectionCodeHTML)">\n <euiTabLabel>\n HTML\n <euiTabSubLabel>HyperText Markup Language</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <pre><code class="language-markup" euiCode><ng-content select="sectionCodeHTML"></ng-content></code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="isDefined(sectionCodeTS)">\n <euiTabLabel>\n TS\n <euiTabSubLabel>Typescript</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <pre><code class="language-javascript" euiCode><ng-content select="sectionCodeTS"></ng-content></code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="isDefined(sectionCodeSERVICE)">\n <euiTabLabel>Service</euiTabLabel>\n <euiTabContent>\n <pre><code class="language-javascript" euiCode><ng-content select="sectionCodeSERVICE"></ng-content></code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="isDefined(sectionCodeCSS)">\n <euiTabLabel>CSS</euiTabLabel>\n <euiTabContent>\n <pre><code class="language-javascript" euiCode><ng-content select="sectionCodeCSS"></ng-content></code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="isDefined(sectionCodeDOC)">\n <euiTabLabel>\n DOC\n <euiTabSubLabel>Documentation</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <div class="language-doc">\n <ng-content select="sectionCodeDOC"></ng-content>\n </div>\n </euiTabContent>\n </eui-tab>\n </eui-tabs>\n <ng-template [ngIf]="!sectionCodeHTML && !sectionCodeTS && !sectionCodeCSS">\n <pre class="only-html"><code class="language-markup" euiCode><ng-content></ng-content></code></pre>\n </ng-template>\n</ng-template>\n', styles: [".eui-showcase-doc-section-code--deprecated{color:red;text-decoration:line-through}.language-doc{background-color:#f5f8fb;border-left:10px solid #358ccb;box-shadow:-1px 0 #358ccb,0 0 0 1px #dfdfdf;display:block;height:inherit;max-height:inherit;overflow:auto;padding:1rem;position:relative}.first-section{margin-top:0;padding-top:10px}\n"], dependencies: [{ kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i24.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i33.EuiTabsComponent, selector: "eui-tabs", inputs: ["styleClass", "tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isHandleChangeTab", "isSubTabs", "isVerticalTabs"], outputs: ["tabClose", "tabSelect"] }, { kind: "component", type: i33.EuiTabComponent, selector: "eui-tab", inputs: ["url", "e2eAttr", "tooltip", "isClosable", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "isHandleCloseOnClose"] }, { kind: "component", type: i33.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "directive", type: i33.EuiTabSubLabelDirective, selector: "euiTabSubLabel" }, { kind: "component", type: i33.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "component", type: i43.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "directive", type: EuiCodeHighlighterDirective, selector: "[euiCode]" }] });
|
|
1596
1596
|
}
|
|
1597
1597
|
};
|
|
1598
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1598
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: DocSectionCodeComponent, decorators: [{
|
|
1599
1599
|
type: Component6,
|
|
1600
1600
|
args: [{ selector: "eui-showcase-doc-section-code", template: '<h5 class="section-title {{ styleClass }}">\n <div class="eui-u-flex eui-u-flex-justify-content-between">\n <div [class.app-section-code--deprecated]="isDeprecated">\n {{ label }}\n </div>\n <div class="ml-auto">\n <span *ngIf="versionLabel" class="eui-u-color-danger">{{ versionLabel }}</span>\n <button type="button" euiButton [euiOutline]="!isCodeExpanded" euiPrimary euiSizeS (click)="toggleCode()">\n <span *ngIf="!isCodeExpanded" euiLabel>Code</span>\n <span *ngIf="isCodeExpanded" euiLabel>Hide Code</span>\n <span euiIcon iconClass="eui-icon-code"></span>\n </button>\n </div>\n </div>\n <div *ngIf="isDeprecated">\n <small class="eui-u-color-danger">Deprecated in 3.x</small>\n </div>\n</h5>\n\n<div class="eui-u-mv" *ngIf="sectionDescription">\n <ng-content select="sectionDescription"></ng-content>\n</div>\n\n<ng-template [ngIf]="isCodeExpanded">\n <eui-tabs>\n <eui-tab [isVisible]="isDefined(sectionCodeHTML)">\n <euiTabLabel>\n HTML\n <euiTabSubLabel>HyperText Markup Language</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <pre><code class="language-markup" euiCode><ng-content select="sectionCodeHTML"></ng-content></code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="isDefined(sectionCodeTS)">\n <euiTabLabel>\n TS\n <euiTabSubLabel>Typescript</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <pre><code class="language-javascript" euiCode><ng-content select="sectionCodeTS"></ng-content></code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="isDefined(sectionCodeSERVICE)">\n <euiTabLabel>Service</euiTabLabel>\n <euiTabContent>\n <pre><code class="language-javascript" euiCode><ng-content select="sectionCodeSERVICE"></ng-content></code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="isDefined(sectionCodeCSS)">\n <euiTabLabel>CSS</euiTabLabel>\n <euiTabContent>\n <pre><code class="language-javascript" euiCode><ng-content select="sectionCodeCSS"></ng-content></code></pre>\n </euiTabContent>\n </eui-tab>\n <eui-tab [isVisible]="isDefined(sectionCodeDOC)">\n <euiTabLabel>\n DOC\n <euiTabSubLabel>Documentation</euiTabSubLabel>\n </euiTabLabel>\n <euiTabContent>\n <div class="language-doc">\n <ng-content select="sectionCodeDOC"></ng-content>\n </div>\n </euiTabContent>\n </eui-tab>\n </eui-tabs>\n <ng-template [ngIf]="!sectionCodeHTML && !sectionCodeTS && !sectionCodeCSS">\n <pre class="only-html"><code class="language-markup" euiCode><ng-content></ng-content></code></pre>\n </ng-template>\n</ng-template>\n', styles: [".eui-showcase-doc-section-code--deprecated{color:red;text-decoration:line-through}.language-doc{background-color:#f5f8fb;border-left:10px solid #358ccb;box-shadow:-1px 0 #358ccb,0 0 0 1px #dfdfdf;display:block;height:inherit;max-height:inherit;overflow:auto;padding:1rem;position:relative}.first-section{margin-top:0;padding-top:10px}\n"] }]
|
|
1601
1601
|
}], propDecorators: { label: [{
|
|
@@ -1631,73 +1631,73 @@ i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
|
|
|
1631
1631
|
}] } });
|
|
1632
1632
|
var DocSectionCodeDescriptionTagDirective = class _DocSectionCodeDescriptionTagDirective {
|
|
1633
1633
|
static {
|
|
1634
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1634
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _DocSectionCodeDescriptionTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1635
1635
|
}
|
|
1636
1636
|
static {
|
|
1637
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1637
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSectionCodeDescriptionTagDirective, selector: "sectionDescription", ngImport: i08 });
|
|
1638
1638
|
}
|
|
1639
1639
|
};
|
|
1640
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1640
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: DocSectionCodeDescriptionTagDirective, decorators: [{
|
|
1641
1641
|
type: Directive3,
|
|
1642
1642
|
args: [{ selector: "sectionDescription" }]
|
|
1643
1643
|
}] });
|
|
1644
1644
|
var DocSectionCodeHtmlTagDirective = class _DocSectionCodeHtmlTagDirective {
|
|
1645
1645
|
static {
|
|
1646
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1646
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _DocSectionCodeHtmlTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1647
1647
|
}
|
|
1648
1648
|
static {
|
|
1649
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1649
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSectionCodeHtmlTagDirective, selector: "sectionCodeHTML", ngImport: i08 });
|
|
1650
1650
|
}
|
|
1651
1651
|
};
|
|
1652
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1652
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: DocSectionCodeHtmlTagDirective, decorators: [{
|
|
1653
1653
|
type: Directive3,
|
|
1654
1654
|
args: [{ selector: "sectionCodeHTML" }]
|
|
1655
1655
|
}] });
|
|
1656
1656
|
var DocSectionCodeTsTagDirective = class _DocSectionCodeTsTagDirective {
|
|
1657
1657
|
static {
|
|
1658
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1658
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _DocSectionCodeTsTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1659
1659
|
}
|
|
1660
1660
|
static {
|
|
1661
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1661
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSectionCodeTsTagDirective, selector: "sectionCodeTS", ngImport: i08 });
|
|
1662
1662
|
}
|
|
1663
1663
|
};
|
|
1664
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1664
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: DocSectionCodeTsTagDirective, decorators: [{
|
|
1665
1665
|
type: Directive3,
|
|
1666
1666
|
args: [{ selector: "sectionCodeTS" }]
|
|
1667
1667
|
}] });
|
|
1668
1668
|
var DocSectionCodeServiceTagDirective = class _DocSectionCodeServiceTagDirective {
|
|
1669
1669
|
static {
|
|
1670
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1670
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _DocSectionCodeServiceTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1671
1671
|
}
|
|
1672
1672
|
static {
|
|
1673
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1673
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSectionCodeServiceTagDirective, selector: "sectionCodeSERVICE", ngImport: i08 });
|
|
1674
1674
|
}
|
|
1675
1675
|
};
|
|
1676
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1676
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: DocSectionCodeServiceTagDirective, decorators: [{
|
|
1677
1677
|
type: Directive3,
|
|
1678
1678
|
args: [{ selector: "sectionCodeSERVICE" }]
|
|
1679
1679
|
}] });
|
|
1680
1680
|
var DocSectionCodeCssTagDirective = class _DocSectionCodeCssTagDirective {
|
|
1681
1681
|
static {
|
|
1682
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1682
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _DocSectionCodeCssTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1683
1683
|
}
|
|
1684
1684
|
static {
|
|
1685
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1685
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSectionCodeCssTagDirective, selector: "sectionCodeCSS", ngImport: i08 });
|
|
1686
1686
|
}
|
|
1687
1687
|
};
|
|
1688
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1688
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: DocSectionCodeCssTagDirective, decorators: [{
|
|
1689
1689
|
type: Directive3,
|
|
1690
1690
|
args: [{ selector: "sectionCodeCSS" }]
|
|
1691
1691
|
}] });
|
|
1692
1692
|
var DocSectionCodeDocTagDirective = class _DocSectionCodeDocTagDirective {
|
|
1693
1693
|
static {
|
|
1694
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1694
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: _DocSectionCodeDocTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1695
1695
|
}
|
|
1696
1696
|
static {
|
|
1697
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1697
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocSectionCodeDocTagDirective, selector: "sectionCodeDOC", ngImport: i08 });
|
|
1698
1698
|
}
|
|
1699
1699
|
};
|
|
1700
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1700
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i08, type: DocSectionCodeDocTagDirective, decorators: [{
|
|
1701
1701
|
type: Directive3,
|
|
1702
1702
|
args: [{ selector: "sectionCodeDOC" }]
|
|
1703
1703
|
}] });
|
|
@@ -1707,9 +1707,8 @@ import { Component as Component7, Input as Input6, ViewChild as ViewChild2 } fro
|
|
|
1707
1707
|
import * as i09 from "@angular/core";
|
|
1708
1708
|
import * as i14 from "@eui/core";
|
|
1709
1709
|
import * as i25 from "@eui/components/eui-button";
|
|
1710
|
-
import * as
|
|
1711
|
-
import * as i44 from "@eui/components/eui-
|
|
1712
|
-
import * as i54 from "@eui/components/eui-label";
|
|
1710
|
+
import * as i34 from "@eui/components/eui-dialog";
|
|
1711
|
+
import * as i44 from "@eui/components/eui-label";
|
|
1713
1712
|
var DocPageCodeModalComponent = class _DocPageCodeModalComponent {
|
|
1714
1713
|
constructor(asService) {
|
|
1715
1714
|
this.asService = asService;
|
|
@@ -1722,13 +1721,13 @@ var DocPageCodeModalComponent = class _DocPageCodeModalComponent {
|
|
|
1722
1721
|
this.dialog.closeDialog();
|
|
1723
1722
|
}
|
|
1724
1723
|
static {
|
|
1725
|
-
this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1724
|
+
this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i09, type: _DocPageCodeModalComponent, deps: [{ token: i14.EuiAppShellService }], target: i09.ɵɵFactoryTarget.Component });
|
|
1726
1725
|
}
|
|
1727
1726
|
static {
|
|
1728
|
-
this.ɵcmp = i09.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1727
|
+
this.ɵcmp = i09.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageCodeModalComponent, selector: "eui-showcase-doc-page-code-modal", inputs: { width: "width" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i09, template: '<button type="button" euiButton euiAccent (click)="toggleCode()">\n <span euiLabel>Check the code</span>\n <span euiIcon iconClass="eui-icon eui-icon-code"></span>\n</button>\n\n<eui-dialog #dialog title="Page source code" [hasFooter]="false" (close)="onClose()" [width]="width">\n <ng-content></ng-content>\n</eui-dialog>\n', dependencies: [{ kind: "component", type: i25.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i34.EuiDialogComponent, selector: "eui-dialog", inputs: ["e2eAttr", "title", "acceptLabel", "dismissLabel", "typeClass", "verticalPosition", "width", "height", "isFullScreen", "hasCloseButton", "hasAcceptButton", "hasDismissButton", "hasMobileCustomSize", "hasClosedOnClickOutside", "hasClosedOnEscape", "isHandleCloseOnDismiss", "isHandleCloseOnClose", "isHandleCloseOnAccept", "isHandleCloseOnClickOutside", "isHandleCloseOnEscape", "isMessageBox", "isDraggable", "hasNoBodyPadding", "hasFooter"], outputs: ["clickOutside", "escape", "dialogOpen", "dialogClose", "dismiss", "accept"] }, { kind: "component", type: i44.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }] });
|
|
1729
1728
|
}
|
|
1730
1729
|
};
|
|
1731
|
-
i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1730
|
+
i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i09, type: DocPageCodeModalComponent, decorators: [{
|
|
1732
1731
|
type: Component7,
|
|
1733
1732
|
args: [{ selector: "eui-showcase-doc-page-code-modal", template: '<button type="button" euiButton euiAccent (click)="toggleCode()">\n <span euiLabel>Check the code</span>\n <span euiIcon iconClass="eui-icon eui-icon-code"></span>\n</button>\n\n<eui-dialog #dialog title="Page source code" [hasFooter]="false" (close)="onClose()" [width]="width">\n <ng-content></ng-content>\n</eui-dialog>\n' }]
|
|
1734
1733
|
}], ctorParameters: () => [{ type: i14.EuiAppShellService }], propDecorators: { width: [{
|
|
@@ -1743,9 +1742,9 @@ import { Component as Component8, Input as Input7, ViewChild as ViewChild3 } fro
|
|
|
1743
1742
|
import * as i010 from "@angular/core";
|
|
1744
1743
|
import * as i15 from "@eui/core";
|
|
1745
1744
|
import * as i26 from "@angular/common";
|
|
1746
|
-
import * as
|
|
1745
|
+
import * as i35 from "@eui/components/eui-button";
|
|
1747
1746
|
import * as i45 from "@eui/components/eui-dialog";
|
|
1748
|
-
import * as
|
|
1747
|
+
import * as i53 from "@eui/components/eui-icon";
|
|
1749
1748
|
var DocPageCodeFabComponent = class _DocPageCodeFabComponent {
|
|
1750
1749
|
constructor(asService) {
|
|
1751
1750
|
this.asService = asService;
|
|
@@ -1763,10 +1762,10 @@ var DocPageCodeFabComponent = class _DocPageCodeFabComponent {
|
|
|
1763
1762
|
window.open(sourceRootPath + this.codeFolder, "_blank");
|
|
1764
1763
|
}
|
|
1765
1764
|
static {
|
|
1766
|
-
this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1765
|
+
this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i010, type: _DocPageCodeFabComponent, deps: [{ token: i15.EuiAppShellService }], target: i010.ɵɵFactoryTarget.Component });
|
|
1767
1766
|
}
|
|
1768
1767
|
static {
|
|
1769
|
-
this.ɵcmp = i010.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1768
|
+
this.ɵcmp = i010.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPageCodeFabComponent, selector: "eui-showcase-doc-page-code-fab", inputs: { codeFolder: "codeFolder", showcase: "showcase" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i010, template: `<div class="eui-button-fixed">
|
|
1770
1769
|
<div class="eui-button-floating eui-button--size-2xl eui-button--icon-only eui-button--accent">
|
|
1771
1770
|
<span class="eui-icon eui-icon-code" (click)="toggleCode()"></span>
|
|
1772
1771
|
</div>
|
|
@@ -1779,10 +1778,10 @@ var DocPageCodeFabComponent = class _DocPageCodeFabComponent {
|
|
|
1779
1778
|
<ng-content></ng-content>
|
|
1780
1779
|
<p class="eui-u-text-paragraph">Use the <kbd class="eui-u-text-kbd">View sources</kbd> button to access the code source of the page.</p>
|
|
1781
1780
|
</eui-dialog>
|
|
1782
|
-
`, dependencies: [{ kind: "directive", type: i26.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
1781
|
+
`, dependencies: [{ kind: "directive", type: i26.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i35.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i45.EuiDialogComponent, selector: "eui-dialog", inputs: ["e2eAttr", "title", "acceptLabel", "dismissLabel", "typeClass", "verticalPosition", "width", "height", "isFullScreen", "hasCloseButton", "hasAcceptButton", "hasDismissButton", "hasMobileCustomSize", "hasClosedOnClickOutside", "hasClosedOnEscape", "isHandleCloseOnDismiss", "isHandleCloseOnClose", "isHandleCloseOnAccept", "isHandleCloseOnClickOutside", "isHandleCloseOnEscape", "isMessageBox", "isDraggable", "hasNoBodyPadding", "hasFooter"], outputs: ["clickOutside", "escape", "dialogOpen", "dialogClose", "dismiss", "accept"] }, { kind: "component", type: i53.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }] });
|
|
1783
1782
|
}
|
|
1784
1783
|
};
|
|
1785
|
-
i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1784
|
+
i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i010, type: DocPageCodeFabComponent, decorators: [{
|
|
1786
1785
|
type: Component8,
|
|
1787
1786
|
args: [{ selector: "eui-showcase-doc-page-code-fab", template: `<div class="eui-button-fixed">
|
|
1788
1787
|
<div class="eui-button-floating eui-button--size-2xl eui-button--icon-only eui-button--accent">
|
|
@@ -1816,10 +1815,10 @@ var LoremIpsumSampleComponent = class _LoremIpsumSampleComponent {
|
|
|
1816
1815
|
this.textSize = "large";
|
|
1817
1816
|
}
|
|
1818
1817
|
static {
|
|
1819
|
-
this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1818
|
+
this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i011, type: _LoremIpsumSampleComponent, deps: [], target: i011.ɵɵFactoryTarget.Component });
|
|
1820
1819
|
}
|
|
1821
1820
|
static {
|
|
1822
|
-
this.ɵcmp = i011.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1821
|
+
this.ɵcmp = i011.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _LoremIpsumSampleComponent, selector: "eui-showcase-doc-lorem-ipsum", inputs: { textSize: "textSize" }, ngImport: i011, template: `<div *ngIf="textSize === 'small'">
|
|
1823
1822
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut volutpat enim. Etiam a mattis tortor. Etiam egestas magna at iaculis
|
|
1824
1823
|
malesuada. Etiam vulputate quam at consectetur pharetra.
|
|
1825
1824
|
|
|
@@ -1955,7 +1954,7 @@ var LoremIpsumSampleComponent = class _LoremIpsumSampleComponent {
|
|
|
1955
1954
|
`, dependencies: [{ kind: "directive", type: i16.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1956
1955
|
}
|
|
1957
1956
|
};
|
|
1958
|
-
i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1957
|
+
i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i011, type: LoremIpsumSampleComponent, decorators: [{
|
|
1959
1958
|
type: Component9,
|
|
1960
1959
|
args: [{ selector: "eui-showcase-doc-lorem-ipsum", template: `<div *ngIf="textSize === 'small'">
|
|
1961
1960
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut volutpat enim. Etiam a mattis tortor. Etiam egestas magna at iaculis
|
|
@@ -2158,13 +2157,13 @@ var PlaygroundComponent = class _PlaygroundComponent {
|
|
|
2158
2157
|
});
|
|
2159
2158
|
}
|
|
2160
2159
|
static {
|
|
2161
|
-
this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2160
|
+
this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i012, type: _PlaygroundComponent, deps: [], target: i012.ɵɵFactoryTarget.Component });
|
|
2162
2161
|
}
|
|
2163
2162
|
static {
|
|
2164
|
-
this.ɵcmp = i012.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2163
|
+
this.ɵcmp = i012.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _PlaygroundComponent, selector: "eui-playground", inputs: { title: "title", htmlContent: "htmlContent", sampleId: "sampleId", typescriptContent: "typescriptContent", activated: "activated", modules: "modules" }, viewQueries: [{ propertyName: "stackblitzElWrapper", first: true, predicate: ["container"], descendants: true, read: ElementRef2, static: true }], usesOnChanges: true, ngImport: i012, template: '<eui-block-content [isBlocked]="!isLoaded">\n <iframe #container id="stackblitz-{{sampleId}}"></iframe>\n</eui-block-content>\n', dependencies: [{ kind: "component", type: i17.EuiBlockContentComponent, selector: "eui-block-content", inputs: ["role", "ariaLabel", "isBlocked"] }] });
|
|
2165
2164
|
}
|
|
2166
2165
|
};
|
|
2167
|
-
i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2166
|
+
i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i012, type: PlaygroundComponent, decorators: [{
|
|
2168
2167
|
type: Component10,
|
|
2169
2168
|
args: [{ selector: "eui-playground", template: '<eui-block-content [isBlocked]="!isLoaded">\n <iframe #container id="stackblitz-{{sampleId}}"></iframe>\n</eui-block-content>\n' }]
|
|
2170
2169
|
}], propDecorators: { title: [{
|
|
@@ -2190,34 +2189,34 @@ import { BaseDirective } from "@eui/components/shared";
|
|
|
2190
2189
|
import * as i013 from "@angular/core";
|
|
2191
2190
|
import * as i18 from "@angular/platform-browser";
|
|
2192
2191
|
import * as i27 from "@angular/common";
|
|
2193
|
-
import * as
|
|
2192
|
+
import * as i36 from "@eui/components/eui-card";
|
|
2194
2193
|
import * as i46 from "@eui/components/eui-button";
|
|
2195
|
-
import * as
|
|
2194
|
+
import * as i54 from "@eui/components/eui-tabs";
|
|
2196
2195
|
import * as i63 from "@eui/components/eui-chip";
|
|
2197
2196
|
import * as i73 from "@eui/components/eui-badge";
|
|
2198
2197
|
import * as i83 from "@eui/components/eui-icon";
|
|
2199
2198
|
import * as i93 from "@eui/components/eui-label";
|
|
2200
2199
|
var DocPagePatternSampleDirective = class _DocPagePatternSampleDirective {
|
|
2201
2200
|
static {
|
|
2202
|
-
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2201
|
+
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i013, type: _DocPagePatternSampleDirective, deps: [], target: i013.ɵɵFactoryTarget.Directive });
|
|
2203
2202
|
}
|
|
2204
2203
|
static {
|
|
2205
|
-
this.ɵdir = i013.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2204
|
+
this.ɵdir = i013.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPagePatternSampleDirective, selector: "docPagePatternSample", ngImport: i013 });
|
|
2206
2205
|
}
|
|
2207
2206
|
};
|
|
2208
|
-
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2207
|
+
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i013, type: DocPagePatternSampleDirective, decorators: [{
|
|
2209
2208
|
type: Directive4,
|
|
2210
2209
|
args: [{ selector: "docPagePatternSample" }]
|
|
2211
2210
|
}] });
|
|
2212
2211
|
var DocPagePatternDocDirective = class _DocPagePatternDocDirective {
|
|
2213
2212
|
static {
|
|
2214
|
-
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2213
|
+
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i013, type: _DocPagePatternDocDirective, deps: [], target: i013.ɵɵFactoryTarget.Directive });
|
|
2215
2214
|
}
|
|
2216
2215
|
static {
|
|
2217
|
-
this.ɵdir = i013.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2216
|
+
this.ɵdir = i013.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPagePatternDocDirective, selector: "docPagePatternDoc", ngImport: i013 });
|
|
2218
2217
|
}
|
|
2219
2218
|
};
|
|
2220
|
-
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2219
|
+
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i013, type: DocPagePatternDocDirective, decorators: [{
|
|
2221
2220
|
type: Directive4,
|
|
2222
2221
|
args: [{ selector: "docPagePatternDoc" }]
|
|
2223
2222
|
}] });
|
|
@@ -2266,10 +2265,10 @@ var DocPagePatternComponent = class _DocPagePatternComponent extends BaseDirecti
|
|
|
2266
2265
|
});
|
|
2267
2266
|
}
|
|
2268
2267
|
static {
|
|
2269
|
-
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2268
|
+
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i013, type: _DocPagePatternComponent, deps: [{ token: i18.DomSanitizer }], target: i013.ɵɵFactoryTarget.Component });
|
|
2270
2269
|
}
|
|
2271
2270
|
static {
|
|
2272
|
-
this.ɵcmp = i013.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2271
|
+
this.ɵcmp = i013.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _DocPagePatternComponent, selector: "eui-showcase-doc-page-pattern", inputs: { id: "id", label: "label", anatomyImage: "anatomyImage", docEntries: "docEntries", dos: "dos", donts: "donts", sourceUrl: "sourceUrl", figmaUrl: "figmaUrl", figmaEmbedSrc: "figmaEmbedSrc" }, host: { listeners: { "window:scroll": "checkScroll()" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "sampleContent", first: true, predicate: i013.forwardRef(() => DocPagePatternSampleDirective), descendants: true }, { propertyName: "docContent", first: true, predicate: i013.forwardRef(() => DocPagePatternDocDirective), descendants: true }], usesInheritance: true, ngImport: i013, template: `<eui-tabs (tabSelect)="onTabSelect($event)">
|
|
2273
2272
|
<eui-tab>
|
|
2274
2273
|
<euiTabLabel>Usage and documentation</euiTabLabel>
|
|
2275
2274
|
<euiTabContent>
|
|
@@ -2433,10 +2432,10 @@ var DocPagePatternComponent = class _DocPagePatternComponent extends BaseDirecti
|
|
|
2433
2432
|
<!-- 👆 -->
|
|
2434
2433
|
<eui-icon-svg icon="eui-arrow-up" set="eui" size="l" fillColor="grey-50"></eui-icon-svg>
|
|
2435
2434
|
</button>
|
|
2436
|
-
`, styles: [".doc-page-pattern{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%;padding:var(--eui-base-spacing-xl)}.doc-page-pattern sample,.doc-page-pattern eui-tabs,.doc-page-pattern .eui-tabs,.doc-page-pattern .eui-tab-content-wrapper,.doc-page-pattern .eui-tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}.doc-page-pattern .eui-tabs .eui-tab-item--active,.doc-page-pattern .eui-tabs .eui-tab-item:focus{background-color:var(--eui-base-color-white)}.doc-page-pattern .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-m)}.doc-page-pattern docPagePatternSample{display:flex;flex-direction:column;flex-grow:1;min-height:0;position:relative;width:100%}.doc-page-pattern .html{display:block;line-height:var(--eui-base-line-height);position:relative;text-align:left}\n"], dependencies: [{ kind: "directive", type: i27.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i27.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
2435
|
+
`, styles: [".doc-page-pattern{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%;padding:var(--eui-base-spacing-xl)}.doc-page-pattern sample,.doc-page-pattern eui-tabs,.doc-page-pattern .eui-tabs,.doc-page-pattern .eui-tab-content-wrapper,.doc-page-pattern .eui-tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}.doc-page-pattern .eui-tabs .eui-tab-item--active,.doc-page-pattern .eui-tabs .eui-tab-item:focus{background-color:var(--eui-base-color-white)}.doc-page-pattern .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-base-spacing-m)}.doc-page-pattern docPagePatternSample{display:flex;flex-direction:column;flex-grow:1;min-height:0;position:relative;width:100%}.doc-page-pattern .html{display:block;line-height:var(--eui-base-line-height);position:relative;text-align:left}\n"], dependencies: [{ kind: "directive", type: i27.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i27.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i36.EuiCardComponent, selector: "eui-card", inputs: ["e2eAttr", "euiSelected", "euiCollapsible", "euiCollapsed", "euiUrgent", "euiNoShadow", "euiNoContentPadding", "euiHoverable"], outputs: ["collapse"] }, { kind: "component", type: i36.EuiCardHeaderComponent, selector: "eui-card-header", inputs: ["avatarUrl", "expandLabel", "collapseLabel", "iconClass", "avatarDerscription", "iconDescription", "hasHeaderClickToggle", "hasBottomExpander", "hasFullTitle", "isHeaderMultilines"], outputs: ["collapse"] }, { kind: "component", type: i36.EuiCardHeaderTitleComponent, selector: "eui-card-header-title" }, { kind: "component", type: i36.EuiCardContentComponent, selector: "eui-card-content" }, { kind: "component", type: i36.EuiCardHeaderLeftContentComponent, selector: "eui-card-header-left-content" }, { kind: "component", type: i36.EuiCardHeaderRightContentComponent, selector: "eui-card-header-right-content" }, { kind: "component", type: i46.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i54.EuiTabsComponent, selector: "eui-tabs", inputs: ["styleClass", "tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isHandleChangeTab", "isSubTabs", "isVerticalTabs"], outputs: ["tabClose", "tabSelect"] }, { kind: "component", type: i54.EuiTabComponent, selector: "eui-tab", inputs: ["url", "e2eAttr", "tooltip", "isClosable", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "isHandleCloseOnClose"] }, { kind: "directive", type: i54.EuiTabsRightContentTagDirective, selector: "euiTabsRightContent" }, { kind: "component", type: i54.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "component", type: i54.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "component", type: i63.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i73.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i83.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i93.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], encapsulation: i013.ViewEncapsulation.None });
|
|
2437
2436
|
}
|
|
2438
2437
|
};
|
|
2439
|
-
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2438
|
+
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i013, type: DocPagePatternComponent, decorators: [{
|
|
2440
2439
|
type: Component11,
|
|
2441
2440
|
args: [{ selector: "eui-showcase-doc-page-pattern", encapsulation: ViewEncapsulation7.None, template: `<eui-tabs (tabSelect)="onTabSelect($event)">
|
|
2442
2441
|
<eui-tab>
|
|
@@ -2681,10 +2680,10 @@ var COMPONENTS = [
|
|
|
2681
2680
|
];
|
|
2682
2681
|
var EuiShowcaseModule = class _EuiShowcaseModule {
|
|
2683
2682
|
static {
|
|
2684
|
-
this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2683
|
+
this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i014, type: _EuiShowcaseModule, deps: [], target: i014.ɵɵFactoryTarget.NgModule });
|
|
2685
2684
|
}
|
|
2686
2685
|
static {
|
|
2687
|
-
this.ɵmod = i014.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2686
|
+
this.ɵmod = i014.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i014, type: _EuiShowcaseModule, declarations: [
|
|
2688
2687
|
EuiCodeHighlighterDirective,
|
|
2689
2688
|
DocPageComponent,
|
|
2690
2689
|
DocPageCodeComponent,
|
|
@@ -2756,7 +2755,7 @@ var EuiShowcaseModule = class _EuiShowcaseModule {
|
|
|
2756
2755
|
] });
|
|
2757
2756
|
}
|
|
2758
2757
|
static {
|
|
2759
|
-
this.ɵinj = i014.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2758
|
+
this.ɵinj = i014.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i014, type: _EuiShowcaseModule, providers: [StackblitzService], imports: [
|
|
2760
2759
|
CommonModule,
|
|
2761
2760
|
EuiCardModule,
|
|
2762
2761
|
EuiButtonModule,
|
|
@@ -2772,7 +2771,7 @@ var EuiShowcaseModule = class _EuiShowcaseModule {
|
|
|
2772
2771
|
] });
|
|
2773
2772
|
}
|
|
2774
2773
|
};
|
|
2775
|
-
i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2774
|
+
i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i014, type: EuiShowcaseModule, decorators: [{
|
|
2776
2775
|
type: NgModule,
|
|
2777
2776
|
args: [{
|
|
2778
2777
|
declarations: [...COMPONENTS],
|