@eui/showcase 18.0.0-next.44 → 18.0.0-next.46
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 +28 -28
- package/esm2022/lib/components/doc-page-code/doc-page-code.component.mjs +7 -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 +7 -6
- package/esm2022/lib/components/doc-page-pattern/doc-page-pattern.component.mjs +11 -11
- package/esm2022/lib/components/doc-sample/doc-sample.component.mjs +5 -5
- 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 +21 -21
- 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.service.mjs +3 -3
- package/esm2022/lib/eui-showcase.module.mjs +4 -4
- package/fesm2022/eui-showcase.mjs +114 -112
- package/fesm2022/eui-showcase.mjs.map +2 -2
- package/package.json +3 -3
|
@@ -407,13 +407,13 @@ ${contents}`;
|
|
|
407
407
|
return lastValueFrom(this.http.get("assets/app-metadata.json", { responseType: "json" })).then((res) => res?.appVersion || "latest");
|
|
408
408
|
}
|
|
409
409
|
static {
|
|
410
|
-
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
410
|
+
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _StackblitzService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
411
411
|
}
|
|
412
412
|
static {
|
|
413
|
-
this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
413
|
+
this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _StackblitzService });
|
|
414
414
|
}
|
|
415
415
|
};
|
|
416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: StackblitzService, decorators: [{
|
|
417
417
|
type: Injectable
|
|
418
418
|
}] });
|
|
419
419
|
|
|
@@ -430,13 +430,13 @@ var EuiCodeHighlighterDirective = class _EuiCodeHighlighterDirective {
|
|
|
430
430
|
}
|
|
431
431
|
}
|
|
432
432
|
static {
|
|
433
|
-
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
433
|
+
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiCodeHighlighterDirective, deps: [{ token: i02.ElementRef }], target: i02.ɵɵFactoryTarget.Directive });
|
|
434
434
|
}
|
|
435
435
|
static {
|
|
436
|
-
this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
436
|
+
this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiCodeHighlighterDirective, selector: "[euiCode]", ngImport: i02 });
|
|
437
437
|
}
|
|
438
438
|
};
|
|
439
|
-
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
439
|
+
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiCodeHighlighterDirective, decorators: [{
|
|
440
440
|
type: Directive,
|
|
441
441
|
args: [{
|
|
442
442
|
selector: "[euiCode]"
|
|
@@ -611,15 +611,15 @@ var DocSampleComponent = class _DocSampleComponent {
|
|
|
611
611
|
}));
|
|
612
612
|
}
|
|
613
613
|
static {
|
|
614
|
-
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.6", 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 });
|
|
615
615
|
}
|
|
616
616
|
static {
|
|
617
|
-
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.6", type: _DocSampleComponent, selector: "eui-showcase-doc-sample", inputs: { id: "id", label: "label", category: "category", description: "description", defaultValue: "defaultValue", styleClass: "styleClass", renderPlayground: ["renderPlayground", "renderPlayground", booleanAttribute], isCodeButtonVisible: ["isCodeButtonVisible", "isCodeButtonVisible", booleanAttribute], isInnerSection: ["isInnerSection", "isInnerSection", booleanAttribute] }, host: { properties: { "class": "this.classes" } }, ngImport: i03, template: '<div class="doc-sample-title">\n <div class="doc-sample-title__label" [class.doc-sample-title__label--inner]="isInnerSection">\n {{ label }}\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 [euiDisabled]="isCodeLoading">\n <eui-icon-svg *ngIf="isCodeLoading" isLoading></eui-icon-svg>\n <span *ngIf="!isCodeExpanded" euiLabel>Code</span>\n <span *ngIf="isCodeExpanded" euiLabel>Hide Code</span>\n <eui-icon-svg icon="eui-code"></eui-icon-svg>\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-s-2xl);margin-top:var(--eui-s-6xl);width:100%}.eui-showcase-doc-sample:first-child{margin-top:var(--eui-s-xl)}.eui-showcase-doc-sample .doc-sample-title{align-items:flex-end;display:flex;width:100%;margin-bottom:var(--eui-s-m);padding-bottom:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-showcase-doc-sample .doc-sample-title__label{align-items:center;display:flex;min-height:var(--eui-s-xl);width:100%;letter-spacing:-.75px;font:var(--eui-f-xl-bold)}.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__label--inner{color:var(--eui-c-neutral-light);font:var(--eui-f-l)}.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-s-m)}.eui-showcase-doc-sample .doc-sample-section-title,.eui-showcase-doc-sample h6.section-title{border-bottom:none;letter-spacing:-.5px;margin:var(--eui-s-2xl) 0 var(--eui-s-xs) 0!important;width:auto;display:table;color:var(--eui-c-info-dark);font:var(--eui-f-l)!important}.eui-showcase-doc-sample .doc-sample-section-title:first-child,.eui-showcase-doc-sample h6.section-title:first-child{margin-top:var(--eui-s-m)!important}\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", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiTabsComponent, selector: "eui-tabs", inputs: ["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", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { 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 });
|
|
618
618
|
}
|
|
619
619
|
};
|
|
620
|
-
i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
620
|
+
i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: DocSampleComponent, decorators: [{
|
|
621
621
|
type: Component,
|
|
622
|
-
args: [{ selector: "eui-showcase-doc-sample", encapsulation: ViewEncapsulation.None, template: '<div class="doc-sample-title">\n <div class="doc-sample-title__label" [class.doc-sample-title__label--inner]="isInnerSection">\n {{ label }}\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 [euiDisabled]="isCodeLoading">\n <eui-icon-svg *ngIf="isCodeLoading" isLoading></eui-icon-svg>\n <span *ngIf="!isCodeExpanded" euiLabel>Code</span>\n <span *ngIf="isCodeExpanded" euiLabel>Hide Code</span>\n <
|
|
622
|
+
args: [{ selector: "eui-showcase-doc-sample", encapsulation: ViewEncapsulation.None, template: '<div class="doc-sample-title">\n <div class="doc-sample-title__label" [class.doc-sample-title__label--inner]="isInnerSection">\n {{ label }}\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 [euiDisabled]="isCodeLoading">\n <eui-icon-svg *ngIf="isCodeLoading" isLoading></eui-icon-svg>\n <span *ngIf="!isCodeExpanded" euiLabel>Code</span>\n <span *ngIf="isCodeExpanded" euiLabel>Hide Code</span>\n <eui-icon-svg icon="eui-code"></eui-icon-svg>\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-s-2xl);margin-top:var(--eui-s-6xl);width:100%}.eui-showcase-doc-sample:first-child{margin-top:var(--eui-s-xl)}.eui-showcase-doc-sample .doc-sample-title{align-items:flex-end;display:flex;width:100%;margin-bottom:var(--eui-s-m);padding-bottom:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-showcase-doc-sample .doc-sample-title__label{align-items:center;display:flex;min-height:var(--eui-s-xl);width:100%;letter-spacing:-.75px;font:var(--eui-f-xl-bold)}.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__label--inner{color:var(--eui-c-neutral-light);font:var(--eui-f-l)}.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-s-m)}.eui-showcase-doc-sample .doc-sample-section-title,.eui-showcase-doc-sample h6.section-title{border-bottom:none;letter-spacing:-.5px;margin:var(--eui-s-2xl) 0 var(--eui-s-xs) 0!important;width:auto;display:table;color:var(--eui-c-info-dark);font:var(--eui-f-l)!important}.eui-showcase-doc-sample .doc-sample-section-title:first-child,.eui-showcase-doc-sample h6.section-title:first-child{margin-top:var(--eui-s-m)!important}\n"] }]
|
|
623
623
|
}], ctorParameters: () => [{ type: StackblitzService }, { type: i2.HttpClient }, { type: i3.EuiAppShellService }, { type: i03.ChangeDetectorRef }, { type: i3.EuiGrowlService }, { type: i4.Clipboard }, { type: i5.Router }], propDecorators: { id: [{
|
|
624
624
|
type: Input
|
|
625
625
|
}], label: [{
|
|
@@ -662,13 +662,13 @@ var DocSectionComponent = class _DocSectionComponent {
|
|
|
662
662
|
}
|
|
663
663
|
}
|
|
664
664
|
static {
|
|
665
|
-
this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
665
|
+
this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _DocSectionComponent, deps: [], target: i04.ɵɵFactoryTarget.Component });
|
|
666
666
|
}
|
|
667
667
|
static {
|
|
668
|
-
this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
668
|
+
this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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-s-4xl)}.doc-section-title{display:flex;align-items:center;width:100%;margin-top:var(--eui-s-m);margin-bottom:var(--eui-s-m);padding-bottom:var(--eui-s-xs);border-bottom:1px solid var(--eui-c-neutral-lightest);font:var(--eui-f-xl-bold)}.doc-sample-section-title{border-bottom:1px solid var(--eui-c-neutral-lighter);letter-spacing:-.25px;margin:var(--eui-s-2xl) 0 var(--eui-s-s);padding-bottom:var(--eui-s-2xs);width:auto;display:table;color:var(--eui-c-primary-dark);font:var(--eui-f-l)}.doc-sample-section-title:first-child{margin-top:0}\n"], encapsulation: i04.ViewEncapsulation.None });
|
|
669
669
|
}
|
|
670
670
|
};
|
|
671
|
-
i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
671
|
+
i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: DocSectionComponent, decorators: [{
|
|
672
672
|
type: Component2,
|
|
673
673
|
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-s-4xl)}.doc-section-title{display:flex;align-items:center;width:100%;margin-top:var(--eui-s-m);margin-bottom:var(--eui-s-m);padding-bottom:var(--eui-s-xs);border-bottom:1px solid var(--eui-c-neutral-lightest);font:var(--eui-f-xl-bold)}.doc-sample-section-title{border-bottom:1px solid var(--eui-c-neutral-lighter);letter-spacing:-.25px;margin:var(--eui-s-2xl) 0 var(--eui-s-s);padding-bottom:var(--eui-s-2xs);width:auto;display:table;color:var(--eui-c-primary-dark);font:var(--eui-f-l)}.doc-sample-section-title:first-child{margin-top:0}\n"] }]
|
|
674
674
|
}], propDecorators: { string: [{
|
|
@@ -686,7 +686,8 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
686
686
|
import { Component as Component3, Input as Input3 } from "@angular/core";
|
|
687
687
|
import * as i05 from "@angular/core";
|
|
688
688
|
import * as i1 from "@eui/components/eui-button";
|
|
689
|
-
import * as i22 from "@eui/components/eui-
|
|
689
|
+
import * as i22 from "@eui/components/eui-icon";
|
|
690
|
+
import * as i32 from "@eui/components/eui-label";
|
|
690
691
|
var DocPageCodeComponent = class _DocPageCodeComponent {
|
|
691
692
|
constructor() {
|
|
692
693
|
this.codeFolder = "";
|
|
@@ -697,15 +698,15 @@ var DocPageCodeComponent = class _DocPageCodeComponent {
|
|
|
697
698
|
window.open(sourceRootPath + this.codeFolder, "_blank");
|
|
698
699
|
}
|
|
699
700
|
static {
|
|
700
|
-
this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
701
|
+
this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: _DocPageCodeComponent, deps: [], target: i05.ɵɵFactoryTarget.Component });
|
|
701
702
|
}
|
|
702
703
|
static {
|
|
703
|
-
this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
704
|
+
this.ɵcmp = i05.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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 <eui-icon-svg icon="eui-code"></eui-icon-svg>\n</button>\n', dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i22.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i32.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"] }] });
|
|
704
705
|
}
|
|
705
706
|
};
|
|
706
|
-
i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
707
|
+
i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: DocPageCodeComponent, decorators: [{
|
|
707
708
|
type: Component3,
|
|
708
|
-
args: [{ selector: "eui-showcase-doc-page-code", template: '<button type="button" euiButton euiAccent (click)="onOpenCode()">\n <span euiLabel>Check the code</span>\n <
|
|
709
|
+
args: [{ selector: "eui-showcase-doc-page-code", template: '<button type="button" euiButton euiAccent (click)="onOpenCode()">\n <span euiLabel>Check the code</span>\n <eui-icon-svg icon="eui-code"></eui-icon-svg>\n</button>\n' }]
|
|
709
710
|
}], propDecorators: { codeFolder: [{
|
|
710
711
|
type: Input3
|
|
711
712
|
}], showcase: [{
|
|
@@ -717,7 +718,7 @@ import { Component as Component4, Input as Input4, Directive as Directive2, Cont
|
|
|
717
718
|
import * as i06 from "@angular/core";
|
|
718
719
|
import * as i12 from "@angular/router";
|
|
719
720
|
import * as i23 from "@eui/core";
|
|
720
|
-
import * as
|
|
721
|
+
import * as i33 from "@angular/platform-browser";
|
|
721
722
|
import * as i42 from "@angular/common";
|
|
722
723
|
import * as i52 from "@eui/components/eui-tabs";
|
|
723
724
|
import * as i62 from "@eui/components/eui-page";
|
|
@@ -953,10 +954,10 @@ var DocPageComponent = class _DocPageComponent {
|
|
|
953
954
|
return result;
|
|
954
955
|
}
|
|
955
956
|
static {
|
|
956
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
957
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageComponent, deps: [{ token: i12.Router }, { token: i12.ActivatedRoute }, { token: i23.EuiAppShellService }, { token: i33.DomSanitizer }, { token: i42.Location }], target: i06.ɵɵFactoryTarget.Component });
|
|
957
958
|
}
|
|
958
959
|
static {
|
|
959
|
-
this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
960
|
+
this.ɵcmp = i06.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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: "pageOverviewDefaultContent", predicate: i06.forwardRef(() => DocPageOverviewDefaultContentDirective) }, { 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">
|
|
960
961
|
<div class="doc-page-main-column">
|
|
961
962
|
<eui-page>
|
|
962
963
|
<eui-page-header label="{{ label }}" subLabel="{{ subLabel }}">
|
|
@@ -1299,10 +1300,10 @@ var DocPageComponent = class _DocPageComponent {
|
|
|
1299
1300
|
</div>
|
|
1300
1301
|
</div>
|
|
1301
1302
|
</div>
|
|
1302
|
-
`, styles: ['.doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-s-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-c-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-
|
|
1303
|
+
`, styles: ['.doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-s-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-c-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-sh-1)}.doc-page-navigation-wrapper .doc-page-navigation-column:hover{width:400px}.doc-page-navigation-wrapper .language-javascript:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.doc-page-navigation-wrapper .language-javascript:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.doc-page-navigation-wrapper .language-javascript [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.doc-page-navigation-title{padding:var(--eui-s-s);font:var(--eui-f-2xl)}.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-c-neutral-bg-light)}.doc-page-navigation-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.doc-page-navigation-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.doc-page-navigation-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.doc-page-navigation{background-color:transparent;border-left:2px solid transparent;padding-top:var(--eui-s-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-c-info-dark);cursor:pointer;line-height:1.5;overflow:hidden;padding:var(--eui-s-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-c-info-dark);padding-left:var(--eui-s-xs)}.doc-page-navigation .doc-page-navigation-item:not(.doc-page-navigation-sub):hover{background-color:var(--eui-c-neutral-bg-light);border-left:2px solid var(--eui-c-info-dark)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item span{font-weight:400;padding-left:var(--eui-s-s)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item:hover{background-color:var(--eui-c-neutral-bg-light);border-left:2px solid var(--eui-c-neutral-lightest)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-item--selected{background-color:var(--eui-c-info-bg);border-left:2px solid var(--eui-c-info-dark)}.doc-page-navigation .doc-page-navigation-item-sub{padding-left:var(--eui-s-l)}.doc-page-navigation .doc-page-navigation-category{padding-left:var(--eui-s-m);color:var(--eui-c-text);margin-top:var(--eui-s-m);font-weight:700}.doc-page-api-iframe-wrapper{display:flex;justify-content:space-around;margin:0}.doc-page-section-title{margin-top:var(--eui-s-2xl);margin-bottom:var(--eui-s-xl);color:var(--eui-c-info-dark);letter-spacing:-1px;font:var(--eui-f-2xl-bold)}.doc-page-section-subtitle{border-bottom:1px solid var(--eui-c-neutral-lighter);font-size:var(--eui-f-l);font-weight:500;letter-spacing:-.25px;margin:var(--eui-s-xl) 0 var(--eui-s-s);padding-bottom:var(--eui-s-2xs);width:auto;display:table;color:var(--eui-c-neutral-light)}@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: ["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: "component", type: i62.EuiPageHeaderActionItemsComponent, 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: "component", type: i82.EuiAlertTitleComponent, 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 });
|
|
1303
1304
|
}
|
|
1304
1305
|
};
|
|
1305
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1306
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageComponent, decorators: [{
|
|
1306
1307
|
type: Component4,
|
|
1307
1308
|
args: [{ selector: "eui-showcase-doc-page", encapsulation: ViewEncapsulation5.None, template: `<div class="doc-page-navigation-wrapper" [class.eui-u-hidden]="isLoading">
|
|
1308
1309
|
<div class="doc-page-main-column">
|
|
@@ -1647,8 +1648,8 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
1647
1648
|
</div>
|
|
1648
1649
|
</div>
|
|
1649
1650
|
</div>
|
|
1650
|
-
`, styles: ['.doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-s-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-c-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-
|
|
1651
|
-
}], ctorParameters: () => [{ type: i12.Router }, { type: i12.ActivatedRoute }, { type: i23.EuiAppShellService }, { type:
|
|
1651
|
+
`, styles: ['.doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-s-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-c-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-sh-1)}.doc-page-navigation-wrapper .doc-page-navigation-column:hover{width:400px}.doc-page-navigation-wrapper .language-javascript:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.doc-page-navigation-wrapper .language-javascript:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.doc-page-navigation-wrapper .language-javascript [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.doc-page-navigation-title{padding:var(--eui-s-s);font:var(--eui-f-2xl)}.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-c-neutral-bg-light)}.doc-page-navigation-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.doc-page-navigation-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.doc-page-navigation-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.doc-page-navigation{background-color:transparent;border-left:2px solid transparent;padding-top:var(--eui-s-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-c-info-dark);cursor:pointer;line-height:1.5;overflow:hidden;padding:var(--eui-s-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-c-info-dark);padding-left:var(--eui-s-xs)}.doc-page-navigation .doc-page-navigation-item:not(.doc-page-navigation-sub):hover{background-color:var(--eui-c-neutral-bg-light);border-left:2px solid var(--eui-c-info-dark)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item span{font-weight:400;padding-left:var(--eui-s-s)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item:hover{background-color:var(--eui-c-neutral-bg-light);border-left:2px solid var(--eui-c-neutral-lightest)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-item--selected{background-color:var(--eui-c-info-bg);border-left:2px solid var(--eui-c-info-dark)}.doc-page-navigation .doc-page-navigation-item-sub{padding-left:var(--eui-s-l)}.doc-page-navigation .doc-page-navigation-category{padding-left:var(--eui-s-m);color:var(--eui-c-text);margin-top:var(--eui-s-m);font-weight:700}.doc-page-api-iframe-wrapper{display:flex;justify-content:space-around;margin:0}.doc-page-section-title{margin-top:var(--eui-s-2xl);margin-bottom:var(--eui-s-xl);color:var(--eui-c-info-dark);letter-spacing:-1px;font:var(--eui-f-2xl-bold)}.doc-page-section-subtitle{border-bottom:1px solid var(--eui-c-neutral-lighter);font-size:var(--eui-f-l);font-weight:500;letter-spacing:-.25px;margin:var(--eui-s-xl) 0 var(--eui-s-s);padding-bottom:var(--eui-s-2xs);width:auto;display:table;color:var(--eui-c-neutral-light)}@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'] }]
|
|
1652
|
+
}], ctorParameters: () => [{ type: i12.Router }, { type: i12.ActivatedRoute }, { type: i23.EuiAppShellService }, { type: i33.DomSanitizer }, { type: i42.Location }], propDecorators: { id: [{
|
|
1652
1653
|
type: Input4
|
|
1653
1654
|
}], label: [{
|
|
1654
1655
|
type: Input4
|
|
@@ -1706,25 +1707,25 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
1706
1707
|
}] } });
|
|
1707
1708
|
var DocPageOverviewContentDirective = class _DocPageOverviewContentDirective {
|
|
1708
1709
|
static {
|
|
1709
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1710
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageOverviewContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1710
1711
|
}
|
|
1711
1712
|
static {
|
|
1712
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1713
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPageOverviewContentDirective, selector: "docPageOverview", ngImport: i06 });
|
|
1713
1714
|
}
|
|
1714
1715
|
};
|
|
1715
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1716
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageOverviewContentDirective, decorators: [{
|
|
1716
1717
|
type: Directive2,
|
|
1717
1718
|
args: [{ selector: "docPageOverview" }]
|
|
1718
1719
|
}] });
|
|
1719
1720
|
var DocPageOverviewDefaultContentDirective = class _DocPageOverviewDefaultContentDirective {
|
|
1720
1721
|
static {
|
|
1721
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1722
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageOverviewDefaultContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1722
1723
|
}
|
|
1723
1724
|
static {
|
|
1724
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1725
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPageOverviewDefaultContentDirective, selector: "docPageOverviewDefault", ngImport: i06 });
|
|
1725
1726
|
}
|
|
1726
1727
|
};
|
|
1727
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1728
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageOverviewDefaultContentDirective, decorators: [{
|
|
1728
1729
|
type: Directive2,
|
|
1729
1730
|
args: [{ selector: "docPageOverviewDefault" }]
|
|
1730
1731
|
}] });
|
|
@@ -1734,13 +1735,13 @@ var DocPageInteractiveContentDirective = class _DocPageInteractiveContentDirecti
|
|
|
1734
1735
|
this.subTitle = "Advanced use cases";
|
|
1735
1736
|
}
|
|
1736
1737
|
static {
|
|
1737
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1738
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageInteractiveContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1738
1739
|
}
|
|
1739
1740
|
static {
|
|
1740
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1741
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPageInteractiveContentDirective, selector: "docPageInteractive", inputs: { title: "title", subTitle: "subTitle" }, ngImport: i06 });
|
|
1741
1742
|
}
|
|
1742
1743
|
};
|
|
1743
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1744
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageInteractiveContentDirective, decorators: [{
|
|
1744
1745
|
type: Directive2,
|
|
1745
1746
|
args: [{ selector: "docPageInteractive" }]
|
|
1746
1747
|
}], propDecorators: { title: [{
|
|
@@ -1750,61 +1751,61 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
1750
1751
|
}] } });
|
|
1751
1752
|
var DocPageSamplesContentDirective = class _DocPageSamplesContentDirective {
|
|
1752
1753
|
static {
|
|
1753
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1754
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageSamplesContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1754
1755
|
}
|
|
1755
1756
|
static {
|
|
1756
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1757
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPageSamplesContentDirective, selector: "docPageSamples", ngImport: i06 });
|
|
1757
1758
|
}
|
|
1758
1759
|
};
|
|
1759
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1760
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageSamplesContentDirective, decorators: [{
|
|
1760
1761
|
type: Directive2,
|
|
1761
1762
|
args: [{ selector: "docPageSamples" }]
|
|
1762
1763
|
}] });
|
|
1763
1764
|
var DocPageSectionsContentDirective = class _DocPageSectionsContentDirective {
|
|
1764
1765
|
static {
|
|
1765
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1766
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageSectionsContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1766
1767
|
}
|
|
1767
1768
|
static {
|
|
1768
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1769
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPageSectionsContentDirective, selector: "docPageSections", ngImport: i06 });
|
|
1769
1770
|
}
|
|
1770
1771
|
};
|
|
1771
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1772
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageSectionsContentDirective, decorators: [{
|
|
1772
1773
|
type: Directive2,
|
|
1773
1774
|
args: [{ selector: "docPageSections" }]
|
|
1774
1775
|
}] });
|
|
1775
1776
|
var DocPageAccessibilityContentDirective = class _DocPageAccessibilityContentDirective {
|
|
1776
1777
|
static {
|
|
1777
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1778
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageAccessibilityContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1778
1779
|
}
|
|
1779
1780
|
static {
|
|
1780
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1781
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPageAccessibilityContentDirective, selector: "docPageAccessibility", ngImport: i06 });
|
|
1781
1782
|
}
|
|
1782
1783
|
};
|
|
1783
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1784
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageAccessibilityContentDirective, decorators: [{
|
|
1784
1785
|
type: Directive2,
|
|
1785
1786
|
args: [{ selector: "docPageAccessibility" }]
|
|
1786
1787
|
}] });
|
|
1787
1788
|
var DocPageApiContentDirective = class _DocPageApiContentDirective {
|
|
1788
1789
|
static {
|
|
1789
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1790
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageApiContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1790
1791
|
}
|
|
1791
1792
|
static {
|
|
1792
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1793
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPageApiContentDirective, selector: "docPageApi", ngImport: i06 });
|
|
1793
1794
|
}
|
|
1794
1795
|
};
|
|
1795
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1796
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageApiContentDirective, decorators: [{
|
|
1796
1797
|
type: Directive2,
|
|
1797
1798
|
args: [{ selector: "docPageApi" }]
|
|
1798
1799
|
}] });
|
|
1799
1800
|
var DocPageThemingContentDirective = class _DocPageThemingContentDirective {
|
|
1800
1801
|
static {
|
|
1801
|
-
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1802
|
+
this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _DocPageThemingContentDirective, deps: [], target: i06.ɵɵFactoryTarget.Directive });
|
|
1802
1803
|
}
|
|
1803
1804
|
static {
|
|
1804
|
-
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1805
|
+
this.ɵdir = i06.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPageThemingContentDirective, selector: "docPageTheming", ngImport: i06 });
|
|
1805
1806
|
}
|
|
1806
1807
|
};
|
|
1807
|
-
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1808
|
+
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: DocPageThemingContentDirective, decorators: [{
|
|
1808
1809
|
type: Directive2,
|
|
1809
1810
|
args: [{ selector: "docPageTheming" }]
|
|
1810
1811
|
}] });
|
|
@@ -1814,13 +1815,13 @@ import { Component as Component5 } from "@angular/core";
|
|
|
1814
1815
|
import * as i07 from "@angular/core";
|
|
1815
1816
|
var DocSampleApiComponent = class _DocSampleApiComponent {
|
|
1816
1817
|
static {
|
|
1817
|
-
this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1818
|
+
this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: _DocSampleApiComponent, deps: [], target: i07.ɵɵFactoryTarget.Component });
|
|
1818
1819
|
}
|
|
1819
1820
|
static {
|
|
1820
|
-
this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1821
|
+
this.ɵcmp = i07.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocSampleApiComponent, selector: "eui-showcase-doc-sample-api", ngImport: i07, template: "" });
|
|
1821
1822
|
}
|
|
1822
1823
|
};
|
|
1823
|
-
i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1824
|
+
i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: DocSampleApiComponent, decorators: [{
|
|
1824
1825
|
type: Component5,
|
|
1825
1826
|
args: [{ selector: "eui-showcase-doc-sample-api", template: "" }]
|
|
1826
1827
|
}] });
|
|
@@ -1830,7 +1831,7 @@ import { Component as Component6, Input as Input5, Directive as Directive3, Cont
|
|
|
1830
1831
|
import * as i08 from "@angular/core";
|
|
1831
1832
|
import * as i13 from "@angular/common";
|
|
1832
1833
|
import * as i24 from "@eui/components/eui-button";
|
|
1833
|
-
import * as
|
|
1834
|
+
import * as i34 from "@eui/components/eui-tabs";
|
|
1834
1835
|
import * as i43 from "@eui/components/eui-label";
|
|
1835
1836
|
var DocSectionCodeComponent = class _DocSectionCodeComponent {
|
|
1836
1837
|
constructor() {
|
|
@@ -1845,13 +1846,13 @@ var DocSectionCodeComponent = class _DocSectionCodeComponent {
|
|
|
1845
1846
|
return object;
|
|
1846
1847
|
}
|
|
1847
1848
|
static {
|
|
1848
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1849
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _DocSectionCodeComponent, deps: [], target: i08.ɵɵFactoryTarget.Component });
|
|
1849
1850
|
}
|
|
1850
1851
|
static {
|
|
1851
|
-
this.ɵcmp = i08.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1852
|
+
this.ɵcmp = i08.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i34.EuiTabsComponent, selector: "eui-tabs", inputs: ["tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isHandleChangeTab", "isSubTabs", "isVerticalTabs"], outputs: ["tabClose", "tabSelect"] }, { kind: "component", type: i34.EuiTabComponent, selector: "eui-tab", inputs: ["url", "e2eAttr", "tooltip", "isClosable", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "isHandleCloseOnClose"] }, { kind: "component", type: i34.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "directive", type: i34.EuiTabSubLabelDirective, selector: "euiTabSubLabel" }, { kind: "component", type: i34.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]" }] });
|
|
1852
1853
|
}
|
|
1853
1854
|
};
|
|
1854
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1855
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: DocSectionCodeComponent, decorators: [{
|
|
1855
1856
|
type: Component6,
|
|
1856
1857
|
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"] }]
|
|
1857
1858
|
}], propDecorators: { label: [{
|
|
@@ -1887,73 +1888,73 @@ i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
1887
1888
|
}] } });
|
|
1888
1889
|
var DocSectionCodeDescriptionTagDirective = class _DocSectionCodeDescriptionTagDirective {
|
|
1889
1890
|
static {
|
|
1890
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1891
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _DocSectionCodeDescriptionTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1891
1892
|
}
|
|
1892
1893
|
static {
|
|
1893
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1894
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocSectionCodeDescriptionTagDirective, selector: "sectionDescription", ngImport: i08 });
|
|
1894
1895
|
}
|
|
1895
1896
|
};
|
|
1896
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1897
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: DocSectionCodeDescriptionTagDirective, decorators: [{
|
|
1897
1898
|
type: Directive3,
|
|
1898
1899
|
args: [{ selector: "sectionDescription" }]
|
|
1899
1900
|
}] });
|
|
1900
1901
|
var DocSectionCodeHtmlTagDirective = class _DocSectionCodeHtmlTagDirective {
|
|
1901
1902
|
static {
|
|
1902
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1903
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _DocSectionCodeHtmlTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1903
1904
|
}
|
|
1904
1905
|
static {
|
|
1905
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1906
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocSectionCodeHtmlTagDirective, selector: "sectionCodeHTML", ngImport: i08 });
|
|
1906
1907
|
}
|
|
1907
1908
|
};
|
|
1908
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1909
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: DocSectionCodeHtmlTagDirective, decorators: [{
|
|
1909
1910
|
type: Directive3,
|
|
1910
1911
|
args: [{ selector: "sectionCodeHTML" }]
|
|
1911
1912
|
}] });
|
|
1912
1913
|
var DocSectionCodeTsTagDirective = class _DocSectionCodeTsTagDirective {
|
|
1913
1914
|
static {
|
|
1914
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1915
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _DocSectionCodeTsTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1915
1916
|
}
|
|
1916
1917
|
static {
|
|
1917
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1918
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocSectionCodeTsTagDirective, selector: "sectionCodeTS", ngImport: i08 });
|
|
1918
1919
|
}
|
|
1919
1920
|
};
|
|
1920
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1921
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: DocSectionCodeTsTagDirective, decorators: [{
|
|
1921
1922
|
type: Directive3,
|
|
1922
1923
|
args: [{ selector: "sectionCodeTS" }]
|
|
1923
1924
|
}] });
|
|
1924
1925
|
var DocSectionCodeServiceTagDirective = class _DocSectionCodeServiceTagDirective {
|
|
1925
1926
|
static {
|
|
1926
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1927
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _DocSectionCodeServiceTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1927
1928
|
}
|
|
1928
1929
|
static {
|
|
1929
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1930
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocSectionCodeServiceTagDirective, selector: "sectionCodeSERVICE", ngImport: i08 });
|
|
1930
1931
|
}
|
|
1931
1932
|
};
|
|
1932
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1933
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: DocSectionCodeServiceTagDirective, decorators: [{
|
|
1933
1934
|
type: Directive3,
|
|
1934
1935
|
args: [{ selector: "sectionCodeSERVICE" }]
|
|
1935
1936
|
}] });
|
|
1936
1937
|
var DocSectionCodeCssTagDirective = class _DocSectionCodeCssTagDirective {
|
|
1937
1938
|
static {
|
|
1938
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1939
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _DocSectionCodeCssTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1939
1940
|
}
|
|
1940
1941
|
static {
|
|
1941
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1942
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocSectionCodeCssTagDirective, selector: "sectionCodeCSS", ngImport: i08 });
|
|
1942
1943
|
}
|
|
1943
1944
|
};
|
|
1944
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1945
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: DocSectionCodeCssTagDirective, decorators: [{
|
|
1945
1946
|
type: Directive3,
|
|
1946
1947
|
args: [{ selector: "sectionCodeCSS" }]
|
|
1947
1948
|
}] });
|
|
1948
1949
|
var DocSectionCodeDocTagDirective = class _DocSectionCodeDocTagDirective {
|
|
1949
1950
|
static {
|
|
1950
|
-
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1951
|
+
this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _DocSectionCodeDocTagDirective, deps: [], target: i08.ɵɵFactoryTarget.Directive });
|
|
1951
1952
|
}
|
|
1952
1953
|
static {
|
|
1953
|
-
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1954
|
+
this.ɵdir = i08.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocSectionCodeDocTagDirective, selector: "sectionCodeDOC", ngImport: i08 });
|
|
1954
1955
|
}
|
|
1955
1956
|
};
|
|
1956
|
-
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1957
|
+
i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: DocSectionCodeDocTagDirective, decorators: [{
|
|
1957
1958
|
type: Directive3,
|
|
1958
1959
|
args: [{ selector: "sectionCodeDOC" }]
|
|
1959
1960
|
}] });
|
|
@@ -1963,8 +1964,9 @@ import { Component as Component7, Input as Input6, ViewChild as ViewChild2 } fro
|
|
|
1963
1964
|
import * as i09 from "@angular/core";
|
|
1964
1965
|
import * as i14 from "@eui/core";
|
|
1965
1966
|
import * as i25 from "@eui/components/eui-button";
|
|
1966
|
-
import * as
|
|
1967
|
-
import * as i44 from "@eui/components/eui-
|
|
1967
|
+
import * as i35 from "@eui/components/eui-dialog";
|
|
1968
|
+
import * as i44 from "@eui/components/eui-icon";
|
|
1969
|
+
import * as i53 from "@eui/components/eui-label";
|
|
1968
1970
|
var DocPageCodeModalComponent = class _DocPageCodeModalComponent {
|
|
1969
1971
|
constructor(asService) {
|
|
1970
1972
|
this.asService = asService;
|
|
@@ -1977,15 +1979,15 @@ var DocPageCodeModalComponent = class _DocPageCodeModalComponent {
|
|
|
1977
1979
|
this.dialog.closeDialog();
|
|
1978
1980
|
}
|
|
1979
1981
|
static {
|
|
1980
|
-
this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1982
|
+
this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i09, type: _DocPageCodeModalComponent, deps: [{ token: i14.EuiAppShellService }], target: i09.ɵɵFactoryTarget.Component });
|
|
1981
1983
|
}
|
|
1982
1984
|
static {
|
|
1983
|
-
this.ɵcmp = i09.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1985
|
+
this.ɵcmp = i09.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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 <eui-icon-svg icon="eui-code"></eui-icon-svg>\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", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i35.EuiDialogComponent, selector: "eui-dialog", inputs: ["e2eAttr", "title", "acceptLabel", "dismissLabel", "typeClass", "verticalPosition", "width", "height", "isFullScreen", "hasCloseButton", "hasAcceptButton", "hasDismissButton", "hasMobileCustomSize", "isClosedOnClickOutside", "hasClosedOnClickOutside", "isClosedOnEscape", "hasClosedOnEscape", "isHandleCloseOnDismiss", "isHandleCloseOnClose", "isHandleCloseOnAccept", "isHandleCloseOnClickOutside", "isHandleCloseOnEscape", "isMessageBox", "isDraggable", "hasNoBodyPadding", "hasFooter"], outputs: ["clickOutside", "escape", "dialogOpen", "dialogClose", "dismiss", "accept"] }, { kind: "component", type: i44.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i53.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"] }] });
|
|
1984
1986
|
}
|
|
1985
1987
|
};
|
|
1986
|
-
i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1988
|
+
i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i09, type: DocPageCodeModalComponent, decorators: [{
|
|
1987
1989
|
type: Component7,
|
|
1988
|
-
args: [{ selector: "eui-showcase-doc-page-code-modal", template: '<button type="button" euiButton euiAccent (click)="toggleCode()">\n <span euiLabel>Check the code</span>\n <
|
|
1990
|
+
args: [{ selector: "eui-showcase-doc-page-code-modal", template: '<button type="button" euiButton euiAccent (click)="toggleCode()">\n <span euiLabel>Check the code</span>\n <eui-icon-svg icon="eui-code"></eui-icon-svg>\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' }]
|
|
1989
1991
|
}], ctorParameters: () => [{ type: i14.EuiAppShellService }], propDecorators: { width: [{
|
|
1990
1992
|
type: Input6
|
|
1991
1993
|
}], dialog: [{
|
|
@@ -1998,9 +2000,9 @@ import { Component as Component8, Input as Input7, ViewChild as ViewChild3 } fro
|
|
|
1998
2000
|
import * as i010 from "@angular/core";
|
|
1999
2001
|
import * as i15 from "@eui/core";
|
|
2000
2002
|
import * as i26 from "@angular/common";
|
|
2001
|
-
import * as
|
|
2003
|
+
import * as i36 from "@eui/components/eui-button";
|
|
2002
2004
|
import * as i45 from "@eui/components/eui-dialog";
|
|
2003
|
-
import * as
|
|
2005
|
+
import * as i54 from "@eui/components/eui-icon";
|
|
2004
2006
|
var DocPageCodeFabComponent = class _DocPageCodeFabComponent {
|
|
2005
2007
|
constructor(asService) {
|
|
2006
2008
|
this.asService = asService;
|
|
@@ -2018,10 +2020,10 @@ var DocPageCodeFabComponent = class _DocPageCodeFabComponent {
|
|
|
2018
2020
|
window.open(sourceRootPath + this.codeFolder, "_blank");
|
|
2019
2021
|
}
|
|
2020
2022
|
static {
|
|
2021
|
-
this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2023
|
+
this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i010, type: _DocPageCodeFabComponent, deps: [{ token: i15.EuiAppShellService }], target: i010.ɵɵFactoryTarget.Component });
|
|
2022
2024
|
}
|
|
2023
2025
|
static {
|
|
2024
|
-
this.ɵcmp = i010.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2026
|
+
this.ɵcmp = i010.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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">
|
|
2025
2027
|
<div class="eui-button-floating eui-button--size-2xl eui-button--icon-only eui-button--accent">
|
|
2026
2028
|
<span class="eui-icon eui-icon-code" (click)="toggleCode()"></span>
|
|
2027
2029
|
</div>
|
|
@@ -2034,10 +2036,10 @@ var DocPageCodeFabComponent = class _DocPageCodeFabComponent {
|
|
|
2034
2036
|
<ng-content></ng-content>
|
|
2035
2037
|
<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>
|
|
2036
2038
|
</eui-dialog>
|
|
2037
|
-
`, dependencies: [{ kind: "directive", type: i26.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type:
|
|
2039
|
+
`, dependencies: [{ kind: "directive", type: i26.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i36.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i45.EuiDialogComponent, selector: "eui-dialog", inputs: ["e2eAttr", "title", "acceptLabel", "dismissLabel", "typeClass", "verticalPosition", "width", "height", "isFullScreen", "hasCloseButton", "hasAcceptButton", "hasDismissButton", "hasMobileCustomSize", "isClosedOnClickOutside", "hasClosedOnClickOutside", "isClosedOnEscape", "hasClosedOnEscape", "isHandleCloseOnDismiss", "isHandleCloseOnClose", "isHandleCloseOnAccept", "isHandleCloseOnClickOutside", "isHandleCloseOnEscape", "isMessageBox", "isDraggable", "hasNoBodyPadding", "hasFooter"], outputs: ["clickOutside", "escape", "dialogOpen", "dialogClose", "dismiss", "accept"] }, { kind: "component", type: i54.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }] });
|
|
2038
2040
|
}
|
|
2039
2041
|
};
|
|
2040
|
-
i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2042
|
+
i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i010, type: DocPageCodeFabComponent, decorators: [{
|
|
2041
2043
|
type: Component8,
|
|
2042
2044
|
args: [{ selector: "eui-showcase-doc-page-code-fab", template: `<div class="eui-button-fixed">
|
|
2043
2045
|
<div class="eui-button-floating eui-button--size-2xl eui-button--icon-only eui-button--accent">
|
|
@@ -2071,10 +2073,10 @@ var LoremIpsumSampleComponent = class _LoremIpsumSampleComponent {
|
|
|
2071
2073
|
this.textSize = "large";
|
|
2072
2074
|
}
|
|
2073
2075
|
static {
|
|
2074
|
-
this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2076
|
+
this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i011, type: _LoremIpsumSampleComponent, deps: [], target: i011.ɵɵFactoryTarget.Component });
|
|
2075
2077
|
}
|
|
2076
2078
|
static {
|
|
2077
|
-
this.ɵcmp = i011.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2079
|
+
this.ɵcmp = i011.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _LoremIpsumSampleComponent, selector: "eui-showcase-doc-lorem-ipsum", inputs: { textSize: "textSize" }, ngImport: i011, template: `<div *ngIf="textSize === 'small'">
|
|
2078
2080
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut volutpat enim. Etiam a mattis tortor. Etiam egestas magna at iaculis
|
|
2079
2081
|
malesuada. Etiam vulputate quam at consectetur pharetra.
|
|
2080
2082
|
|
|
@@ -2210,7 +2212,7 @@ var LoremIpsumSampleComponent = class _LoremIpsumSampleComponent {
|
|
|
2210
2212
|
`, dependencies: [{ kind: "directive", type: i16.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2211
2213
|
}
|
|
2212
2214
|
};
|
|
2213
|
-
i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2215
|
+
i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i011, type: LoremIpsumSampleComponent, decorators: [{
|
|
2214
2216
|
type: Component9,
|
|
2215
2217
|
args: [{ selector: "eui-showcase-doc-lorem-ipsum", template: `<div *ngIf="textSize === 'small'">
|
|
2216
2218
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut volutpat enim. Etiam a mattis tortor. Etiam egestas magna at iaculis
|
|
@@ -2413,13 +2415,13 @@ var PlaygroundComponent = class _PlaygroundComponent {
|
|
|
2413
2415
|
});
|
|
2414
2416
|
}
|
|
2415
2417
|
static {
|
|
2416
|
-
this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2418
|
+
this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i012, type: _PlaygroundComponent, deps: [], target: i012.ɵɵFactoryTarget.Component });
|
|
2417
2419
|
}
|
|
2418
2420
|
static {
|
|
2419
|
-
this.ɵcmp = i012.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2421
|
+
this.ɵcmp = i012.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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"] }] });
|
|
2420
2422
|
}
|
|
2421
2423
|
};
|
|
2422
|
-
i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2424
|
+
i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i012, type: PlaygroundComponent, decorators: [{
|
|
2423
2425
|
type: Component10,
|
|
2424
2426
|
args: [{ selector: "eui-playground", template: '<eui-block-content [isBlocked]="!isLoaded">\n <iframe #container id="stackblitz-{{sampleId}}"></iframe>\n</eui-block-content>\n' }]
|
|
2425
2427
|
}], propDecorators: { title: [{
|
|
@@ -2445,33 +2447,33 @@ import { DomSanitizer as DomSanitizer2 } from "@angular/platform-browser";
|
|
|
2445
2447
|
import * as i013 from "@angular/core";
|
|
2446
2448
|
import * as i18 from "@angular/common";
|
|
2447
2449
|
import * as i27 from "@eui/components/eui-card";
|
|
2448
|
-
import * as
|
|
2450
|
+
import * as i37 from "@eui/components/eui-button";
|
|
2449
2451
|
import * as i46 from "@eui/components/eui-tabs";
|
|
2450
|
-
import * as
|
|
2452
|
+
import * as i55 from "@eui/components/eui-chip";
|
|
2451
2453
|
import * as i63 from "@eui/components/eui-badge";
|
|
2452
2454
|
import * as i73 from "@eui/components/eui-icon";
|
|
2453
2455
|
import * as i83 from "@eui/components/eui-label";
|
|
2454
2456
|
var DocPagePatternSampleDirective = class _DocPagePatternSampleDirective {
|
|
2455
2457
|
static {
|
|
2456
|
-
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2458
|
+
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: _DocPagePatternSampleDirective, deps: [], target: i013.ɵɵFactoryTarget.Directive });
|
|
2457
2459
|
}
|
|
2458
2460
|
static {
|
|
2459
|
-
this.ɵdir = i013.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2461
|
+
this.ɵdir = i013.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPagePatternSampleDirective, selector: "docPagePatternSample", ngImport: i013 });
|
|
2460
2462
|
}
|
|
2461
2463
|
};
|
|
2462
|
-
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2464
|
+
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: DocPagePatternSampleDirective, decorators: [{
|
|
2463
2465
|
type: Directive4,
|
|
2464
2466
|
args: [{ selector: "docPagePatternSample" }]
|
|
2465
2467
|
}] });
|
|
2466
2468
|
var DocPagePatternDocDirective = class _DocPagePatternDocDirective {
|
|
2467
2469
|
static {
|
|
2468
|
-
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2470
|
+
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: _DocPagePatternDocDirective, deps: [], target: i013.ɵɵFactoryTarget.Directive });
|
|
2469
2471
|
}
|
|
2470
2472
|
static {
|
|
2471
|
-
this.ɵdir = i013.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2473
|
+
this.ɵdir = i013.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _DocPagePatternDocDirective, selector: "docPagePatternDoc", ngImport: i013 });
|
|
2472
2474
|
}
|
|
2473
2475
|
};
|
|
2474
|
-
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2476
|
+
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: DocPagePatternDocDirective, decorators: [{
|
|
2475
2477
|
type: Directive4,
|
|
2476
2478
|
args: [{ selector: "docPagePatternDoc" }]
|
|
2477
2479
|
}] });
|
|
@@ -2517,10 +2519,10 @@ var DocPagePatternComponent = class _DocPagePatternComponent {
|
|
|
2517
2519
|
});
|
|
2518
2520
|
}
|
|
2519
2521
|
static {
|
|
2520
|
-
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2522
|
+
this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: _DocPagePatternComponent, deps: [], target: i013.ɵɵFactoryTarget.Component });
|
|
2521
2523
|
}
|
|
2522
2524
|
static {
|
|
2523
|
-
this.ɵcmp = i013.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2525
|
+
this.ɵcmp = i013.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", 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 }], ngImport: i013, template: `<eui-tabs (tabSelect)="onTabSelect($event)">
|
|
2524
2526
|
<eui-tab>
|
|
2525
2527
|
<euiTabLabel>Usage and documentation</euiTabLabel>
|
|
2526
2528
|
<euiTabContent>
|
|
@@ -2540,7 +2542,7 @@ var DocPagePatternComponent = class _DocPagePatternComponent {
|
|
|
2540
2542
|
src="assets/images/design-system/{{ anatomyImage }}"
|
|
2541
2543
|
alt="Design anatomy image"
|
|
2542
2544
|
width="90%"
|
|
2543
|
-
class="eui-u-
|
|
2545
|
+
class="eui-u-sh-6 eui-u-mb-m" />
|
|
2544
2546
|
</ng-container>
|
|
2545
2547
|
</ng-template>
|
|
2546
2548
|
|
|
@@ -2677,17 +2679,17 @@ var DocPagePatternComponent = class _DocPagePatternComponent {
|
|
|
2677
2679
|
euiOutline
|
|
2678
2680
|
euiRounded
|
|
2679
2681
|
euiSizeL
|
|
2680
|
-
class="eui-button-fixed eui-u-
|
|
2682
|
+
class="eui-button-fixed eui-u-sh-8"
|
|
2681
2683
|
(click)="gotoTop()"
|
|
2682
2684
|
title="Goto Top"
|
|
2683
2685
|
aria-label="Goto Top">
|
|
2684
2686
|
<!-- 👆 -->
|
|
2685
2687
|
<eui-icon-svg icon="eui-arrow-up" set="eui" size="l" fillColor="grey-50"></eui-icon-svg>
|
|
2686
2688
|
</button>
|
|
2687
|
-
`, styles: [".doc-page-pattern{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%;padding:var(--eui-s-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-c-white)}.doc-page-pattern .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-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: i18.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i27.EuiCardComponent, selector: "eui-card", inputs: ["e2eAttr", "euiSelected", "euiCollapsible", "euiCollapsed", "euiUrgent", "euiNoShadow", "euiNoContentPadding", "euiHoverable"], outputs: ["collapse"] }, { kind: "component", type: i27.EuiCardHeaderComponent, selector: "eui-card-header", inputs: ["expandLabel", "collapseLabel", "hasHeaderClickToggle", "hasBottomExpander", "hasFullTitle", "isHeaderMultilines"], outputs: ["collapse"] }, { kind: "component", type: i27.EuiCardHeaderTitleComponent, selector: "eui-card-header-title" }, { kind: "component", type: i27.EuiCardContentComponent, selector: "eui-card-content" }, { kind: "component", type: i27.EuiCardHeaderLeftContentComponent, selector: "eui-card-header-left-content" }, { kind: "component", type: i27.EuiCardHeaderRightContentComponent, selector: "eui-card-header-right-content" }, { kind: "component", type:
|
|
2689
|
+
`, styles: [".doc-page-pattern{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%;padding:var(--eui-s-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-c-white)}.doc-page-pattern .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-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: i18.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i27.EuiCardComponent, selector: "eui-card", inputs: ["e2eAttr", "euiSelected", "euiCollapsible", "euiCollapsed", "euiUrgent", "euiNoShadow", "euiNoContentPadding", "euiHoverable"], outputs: ["collapse"] }, { kind: "component", type: i27.EuiCardHeaderComponent, selector: "eui-card-header", inputs: ["expandLabel", "collapseLabel", "hasHeaderClickToggle", "hasBottomExpander", "hasFullTitle", "isHeaderMultilines"], outputs: ["collapse"] }, { kind: "component", type: i27.EuiCardHeaderTitleComponent, selector: "eui-card-header-title" }, { kind: "component", type: i27.EuiCardContentComponent, selector: "eui-card-content" }, { kind: "component", type: i27.EuiCardHeaderLeftContentComponent, selector: "eui-card-header-left-content" }, { kind: "component", type: i27.EuiCardHeaderRightContentComponent, selector: "eui-card-header-right-content" }, { kind: "component", type: i37.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i46.EuiTabsComponent, selector: "eui-tabs", inputs: ["tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isHandleChangeTab", "isSubTabs", "isVerticalTabs"], outputs: ["tabClose", "tabSelect"] }, { kind: "component", type: i46.EuiTabComponent, selector: "eui-tab", inputs: ["url", "e2eAttr", "tooltip", "isClosable", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "isHandleCloseOnClose"] }, { kind: "directive", type: i46.EuiTabsRightContentTagDirective, selector: "euiTabsRightContent" }, { kind: "component", type: i46.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "component", type: i46.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "component", type: i55.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i63.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i73.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i83.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 });
|
|
2688
2690
|
}
|
|
2689
2691
|
};
|
|
2690
|
-
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2692
|
+
i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: DocPagePatternComponent, decorators: [{
|
|
2691
2693
|
type: Component11,
|
|
2692
2694
|
args: [{ selector: "eui-showcase-doc-page-pattern", encapsulation: ViewEncapsulation7.None, template: `<eui-tabs (tabSelect)="onTabSelect($event)">
|
|
2693
2695
|
<eui-tab>
|
|
@@ -2709,7 +2711,7 @@ i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5"
|
|
|
2709
2711
|
src="assets/images/design-system/{{ anatomyImage }}"
|
|
2710
2712
|
alt="Design anatomy image"
|
|
2711
2713
|
width="90%"
|
|
2712
|
-
class="eui-u-
|
|
2714
|
+
class="eui-u-sh-6 eui-u-mb-m" />
|
|
2713
2715
|
</ng-container>
|
|
2714
2716
|
</ng-template>
|
|
2715
2717
|
|
|
@@ -2846,7 +2848,7 @@ i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5"
|
|
|
2846
2848
|
euiOutline
|
|
2847
2849
|
euiRounded
|
|
2848
2850
|
euiSizeL
|
|
2849
|
-
class="eui-button-fixed eui-u-
|
|
2851
|
+
class="eui-button-fixed eui-u-sh-8"
|
|
2850
2852
|
(click)="gotoTop()"
|
|
2851
2853
|
title="Goto Top"
|
|
2852
2854
|
aria-label="Goto Top">
|
|
@@ -2933,10 +2935,10 @@ var COMPONENTS = [
|
|
|
2933
2935
|
];
|
|
2934
2936
|
var EuiShowcaseModule = class _EuiShowcaseModule {
|
|
2935
2937
|
static {
|
|
2936
|
-
this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2938
|
+
this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i014, type: _EuiShowcaseModule, deps: [], target: i014.ɵɵFactoryTarget.NgModule });
|
|
2937
2939
|
}
|
|
2938
2940
|
static {
|
|
2939
|
-
this.ɵmod = i014.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2941
|
+
this.ɵmod = i014.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i014, type: _EuiShowcaseModule, declarations: [
|
|
2940
2942
|
EuiCodeHighlighterDirective,
|
|
2941
2943
|
DocPageComponent,
|
|
2942
2944
|
DocPageCodeComponent,
|
|
@@ -3010,7 +3012,7 @@ var EuiShowcaseModule = class _EuiShowcaseModule {
|
|
|
3010
3012
|
] });
|
|
3011
3013
|
}
|
|
3012
3014
|
static {
|
|
3013
|
-
this.ɵinj = i014.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
3015
|
+
this.ɵinj = i014.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i014, type: _EuiShowcaseModule, providers: [StackblitzService], imports: [
|
|
3014
3016
|
CommonModule,
|
|
3015
3017
|
EuiCardModule,
|
|
3016
3018
|
EuiButtonModule,
|
|
@@ -3026,7 +3028,7 @@ var EuiShowcaseModule = class _EuiShowcaseModule {
|
|
|
3026
3028
|
] });
|
|
3027
3029
|
}
|
|
3028
3030
|
};
|
|
3029
|
-
i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
3031
|
+
i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i014, type: EuiShowcaseModule, decorators: [{
|
|
3030
3032
|
type: NgModule,
|
|
3031
3033
|
args: [{
|
|
3032
3034
|
declarations: [...COMPONENTS],
|