@eui/showcase 14.0.3 → 14.0.4-snapshot-1661163930913
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/esm2020/lib/components/doc-page/doc-page.component.mjs +7 -9
- package/esm2020/lib/components/doc-page-code/doc-page-code.component.mjs +2 -2
- package/esm2020/lib/components/doc-page-code-fab/doc-page-code-fab.component.mjs +2 -2
- package/esm2020/lib/components/doc-section-code/doc-section-code.component.mjs +8 -6
- package/esm2020/lib/components/lorem-ipsum/lorem-ipsum-sample.component.mjs +1 -1
- package/fesm2015/eui-showcase.mjs +11 -13
- package/fesm2015/eui-showcase.mjs.map +1 -1
- package/fesm2020/eui-showcase.mjs +11 -13
- package/fesm2020/eui-showcase.mjs.map +1 -1
- package/lib/components/doc-page/doc-page.component.d.ts.map +1 -1
- package/lib/components/doc-section-code/doc-section-code.component.d.ts.map +1 -1
- package/lib/components/lorem-ipsum/lorem-ipsum-sample.component.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { Component, Input, Directive, ContentChild, forwardRef } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@eui/components/
|
|
5
|
-
import * as i3 from "
|
|
4
|
+
import * as i2 from "@eui/components/atoms";
|
|
5
|
+
import * as i3 from "@eui/components/eui-button";
|
|
6
|
+
import * as i4 from "@eui/components/eui-tabs";
|
|
7
|
+
import * as i5 from "../eui-code-highlighter/eui-code-highlighter.component";
|
|
6
8
|
export class DocSectionCodeComponent {
|
|
7
9
|
constructor() {
|
|
8
10
|
this.isDeprecated = false;
|
|
@@ -16,10 +18,10 @@ export class DocSectionCodeComponent {
|
|
|
16
18
|
}
|
|
17
19
|
}
|
|
18
20
|
/** @nocollapse */ DocSectionCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocSectionCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
/** @nocollapse */ DocSectionCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", 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: i0.forwardRef(function () { return DocSectionCodeDescriptionTagDirective; }), descendants: true }, { propertyName: "sectionCodeHTML", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeHtmlTagDirective; }), descendants: true }, { propertyName: "sectionCodeTS", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeTsTagDirective; }), descendants: true }, { propertyName: "sectionCodeSERVICE", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeServiceTagDirective; }), descendants: true }, { propertyName: "sectionCodeCSS", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeCssTagDirective; }), descendants: true }, { propertyName: "sectionCodeDOC", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeDocTagDirective; }), descendants: true }], ngImport: i0, template: "<h5 class=\"section-title {{styleClass}}\">\n <div class=\"flex-
|
|
21
|
+
/** @nocollapse */ DocSectionCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", 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: i0.forwardRef(function () { return DocSectionCodeDescriptionTagDirective; }), descendants: true }, { propertyName: "sectionCodeHTML", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeHtmlTagDirective; }), descendants: true }, { propertyName: "sectionCodeTS", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeTsTagDirective; }), descendants: true }, { propertyName: "sectionCodeSERVICE", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeServiceTagDirective; }), descendants: true }, { propertyName: "sectionCodeCSS", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeCssTagDirective; }), descendants: true }, { propertyName: "sectionCodeDOC", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeDocTagDirective; }), descendants: true }], ngImport: i0, 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 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 <eui-tab-label>HTML</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-markup\" euiCode><ng-content select=\"sectionCodeHTML\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeTS)\">\n <eui-tab-label>TS</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeTS\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeSERVICE)\">\n <eui-tab-label>Service</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeSERVICE\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeCSS)\">\n <eui-tab-label>CSS</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeCSS\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeDOC)\">\n <eui-tab-label>DOC</eui-tab-label>\n <eui-tab-content>\n <div class=\"language-doc\"><ng-content select=\"sectionCodeDOC\"></ng-content></div>\n </eui-tab-content>\n </eui-tab>\n </eui-tabs>\n\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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconComponent, selector: "span[euiIcon], i[euiIcon], eui-icon", inputs: ["iconClass", "isLoading", "aria-label"] }, { kind: "component", type: i2.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", "styleClass", "euiSublabel"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["euiBasicButton", "euiButtonCall", "euiBlockButton", "euiRaisedButton", "isLoading", "euiIconButton", "euiLineWrap", "e2eAttr"] }, { kind: "component", type: i4.EuiTabsComponent, selector: "eui-tabs", inputs: ["styleClass", "tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isSubTabs", "isVerticalTabs"], outputs: ["tabClosed", "tabSelected"] }, { kind: "component", type: i4.EuiTabComponent, selector: "eui-tab", inputs: ["isClosable", "url", "e2eAttr", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "tooltip"] }, { kind: "component", type: i4.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "component", type: i4.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "directive", type: i5.EuiCodeHighlighterDirective, selector: "[euiCode]" }] });
|
|
20
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocSectionCodeComponent, decorators: [{
|
|
21
23
|
type: Component,
|
|
22
|
-
args: [{ selector: 'eui-showcase-doc-section-code', template: "<h5 class=\"section-title {{styleClass}}\">\n <div class=\"flex-
|
|
24
|
+
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 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 <eui-tab-label>HTML</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-markup\" euiCode><ng-content select=\"sectionCodeHTML\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeTS)\">\n <eui-tab-label>TS</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeTS\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeSERVICE)\">\n <eui-tab-label>Service</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeSERVICE\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeCSS)\">\n <eui-tab-label>CSS</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeCSS\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeDOC)\">\n <eui-tab-label>DOC</eui-tab-label>\n <eui-tab-content>\n <div class=\"language-doc\"><ng-content select=\"sectionCodeDOC\"></ng-content></div>\n </eui-tab-content>\n </eui-tab>\n </eui-tabs>\n\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"] }]
|
|
23
25
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
24
26
|
type: Input
|
|
25
27
|
}], content: [{
|
|
@@ -51,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImpor
|
|
|
51
53
|
type: ContentChild,
|
|
52
54
|
args: [forwardRef(() => DocSectionCodeDocTagDirective)]
|
|
53
55
|
}] } });
|
|
54
|
-
/*
|
|
56
|
+
/* eslint-disable @angular-eslint/directive-selector */
|
|
55
57
|
export class DocSectionCodeDescriptionTagDirective {
|
|
56
58
|
}
|
|
57
59
|
/** @nocollapse */ DocSectionCodeDescriptionTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocSectionCodeDescriptionTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -100,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImpor
|
|
|
100
102
|
type: Directive,
|
|
101
103
|
args: [{ selector: 'sectionCodeDOC' }]
|
|
102
104
|
}] });
|
|
103
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jLXNlY3Rpb24tY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZG9jLXNlY3Rpb24tY29kZS9kb2Mtc2VjdGlvbi1jb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kb2Mtc2VjdGlvbi1jb2RlL2RvYy1zZWN0aW9uLWNvZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFPdEYsTUFBTSxPQUFPLHVCQUF1QjtJQXFCaEM7UUFoQlMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsbUJBQWMsR0FBRyxLQUFLLENBQUM7SUFlaEIsQ0FBQztJQUVqQixVQUFVO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDL0MsQ0FBQztJQUVELFNBQVMsQ0FBQyxNQUFXO1FBQ2pCLE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7O3VJQTdCUSx1QkFBdUI7MkhBQXZCLHVCQUF1QixnVUFRRCxxQ0FBcUMseUhBRXJDLDhCQUE4Qix1SEFFOUIsNEJBQTRCLDRIQUU1QixpQ0FBaUMsd0hBRWpDLDZCQUE2Qix3SEFFN0IsNkJBQTZCLG9EQzFCaEUsczBGQWlFQTsyRkR6RGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLCtCQUErQjswRUFLaEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUdGLGtCQUFrQjtzQkFEckIsWUFBWTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMscUNBQXFDLENBQUM7Z0JBR2pFLGVBQWU7c0JBRGxCLFlBQVk7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDhCQUE4QixDQUFDO2dCQUcxRCxhQUFhO3NCQURoQixZQUFZO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztnQkFHeEQsa0JBQWtCO3NCQURyQixZQUFZO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQ0FBaUMsQ0FBQztnQkFHN0QsY0FBYztzQkFEakIsWUFBWTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUM7Z0JBR3pELGNBQWM7c0JBRGpCLFlBQVk7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDZCQUE2QixDQUFDOztBQWNqRSx1REFBdUQ7QUFFdkQsTUFBTSxPQUFPLHFDQUFxQzs7cUpBQXJDLHFDQUFxQzt5SUFBckMscUNBQXFDOzJGQUFyQyxxQ0FBcUM7a0JBRGpELFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsb0JBQW9CLEVBQUU7O0FBSTdDLE1BQU0sT0FBTyw4QkFBOEI7OzhJQUE5Qiw4QkFBOEI7a0lBQTlCLDhCQUE4QjsyRkFBOUIsOEJBQThCO2tCQUQxQyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFOztBQUkxQyxNQUFNLE9BQU8sNEJBQTRCOzs0SUFBNUIsNEJBQTRCO2dJQUE1Qiw0QkFBNEI7MkZBQTVCLDRCQUE0QjtrQkFEeEMsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUU7O0FBSXhDLE1BQU0sT0FBTyxpQ0FBaUM7O2lKQUFqQyxpQ0FBaUM7cUlBQWpDLGlDQUFpQzsyRkFBakMsaUNBQWlDO2tCQUQ3QyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLG9CQUFvQixFQUFFOztBQUk3QyxNQUFNLE9BQU8sNkJBQTZCOzs2SUFBN0IsNkJBQTZCO2lJQUE3Qiw2QkFBNkI7MkZBQTdCLDZCQUE2QjtrQkFEekMsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRTs7QUFJekMsTUFBTSxPQUFPLDZCQUE2Qjs7NklBQTdCLDZCQUE2QjtpSUFBN0IsNkJBQTZCOzJGQUE3Qiw2QkFBNkI7a0JBRHpDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRGlyZWN0aXZlLCBDb250ZW50Q2hpbGQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktc2hvd2Nhc2UtZG9jLXNlY3Rpb24tY29kZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RvYy1zZWN0aW9uLWNvZGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RvYy1zZWN0aW9uLWNvZGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRG9jU2VjdGlvbkNvZGVDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29udGVudDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHN0eWxlQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSB2ZXJzaW9uTGFiZWw6IHN0cmluZztcbiAgICBASW5wdXQoKSBpc0RlcHJlY2F0ZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBpc0NvZGVFeHBhbmRlZCA9IGZhbHNlO1xuXG4gICAgQENvbnRlbnRDaGlsZChmb3J3YXJkUmVmKCgpID0+IERvY1NlY3Rpb25Db2RlRGVzY3JpcHRpb25UYWdEaXJlY3RpdmUpKVxuICAgICAgICBzZWN0aW9uRGVzY3JpcHRpb246IFF1ZXJ5TGlzdDxEb2NTZWN0aW9uQ29kZURlc2NyaXB0aW9uVGFnRGlyZWN0aXZlPjtcbiAgICBAQ29udGVudENoaWxkKGZvcndhcmRSZWYoKCkgPT4gRG9jU2VjdGlvbkNvZGVIdG1sVGFnRGlyZWN0aXZlKSlcbiAgICAgICAgc2VjdGlvbkNvZGVIVE1MOiBRdWVyeUxpc3Q8RG9jU2VjdGlvbkNvZGVIdG1sVGFnRGlyZWN0aXZlPjtcbiAgICBAQ29udGVudENoaWxkKGZvcndhcmRSZWYoKCkgPT4gRG9jU2VjdGlvbkNvZGVUc1RhZ0RpcmVjdGl2ZSkpXG4gICAgICAgIHNlY3Rpb25Db2RlVFM6IFF1ZXJ5TGlzdDxEb2NTZWN0aW9uQ29kZVRzVGFnRGlyZWN0aXZlPjtcbiAgICBAQ29udGVudENoaWxkKGZvcndhcmRSZWYoKCkgPT4gRG9jU2VjdGlvbkNvZGVTZXJ2aWNlVGFnRGlyZWN0aXZlKSlcbiAgICAgICAgc2VjdGlvbkNvZGVTRVJWSUNFOiBRdWVyeUxpc3Q8RG9jU2VjdGlvbkNvZGVTZXJ2aWNlVGFnRGlyZWN0aXZlPjtcbiAgICBAQ29udGVudENoaWxkKGZvcndhcmRSZWYoKCkgPT4gRG9jU2VjdGlvbkNvZGVDc3NUYWdEaXJlY3RpdmUpKVxuICAgICAgICBzZWN0aW9uQ29kZUNTUzogUXVlcnlMaXN0PERvY1NlY3Rpb25Db2RlQ3NzVGFnRGlyZWN0aXZlPjtcbiAgICBAQ29udGVudENoaWxkKGZvcndhcmRSZWYoKCkgPT4gRG9jU2VjdGlvbkNvZGVEb2NUYWdEaXJlY3RpdmUpKVxuICAgICAgICBzZWN0aW9uQ29kZURPQzogUXVlcnlMaXN0PERvY1NlY3Rpb25Db2RlRG9jVGFnRGlyZWN0aXZlPjtcblxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgICB0b2dnbGVDb2RlKCkge1xuICAgICAgICB0aGlzLmlzQ29kZUV4cGFuZGVkID0gIXRoaXMuaXNDb2RlRXhwYW5kZWQ7XG4gICAgfVxuXG4gICAgaXNEZWZpbmVkKG9iamVjdDogYW55KTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiBvYmplY3Q7XG4gICAgfVxufVxuXG4vKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvZGlyZWN0aXZlLXNlbGVjdG9yICovXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdzZWN0aW9uRGVzY3JpcHRpb24nIH0pXG5leHBvcnQgY2xhc3MgRG9jU2VjdGlvbkNvZGVEZXNjcmlwdGlvblRhZ0RpcmVjdGl2ZSB7IH1cblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnc2VjdGlvbkNvZGVIVE1MJyB9KVxuZXhwb3J0IGNsYXNzIERvY1NlY3Rpb25Db2RlSHRtbFRhZ0RpcmVjdGl2ZSB7IH1cblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnc2VjdGlvbkNvZGVUUycgfSlcbmV4cG9ydCBjbGFzcyBEb2NTZWN0aW9uQ29kZVRzVGFnRGlyZWN0aXZlIHsgfVxuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdzZWN0aW9uQ29kZVNFUlZJQ0UnIH0pXG5leHBvcnQgY2xhc3MgRG9jU2VjdGlvbkNvZGVTZXJ2aWNlVGFnRGlyZWN0aXZlIHsgfVxuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdzZWN0aW9uQ29kZUNTUycgfSlcbmV4cG9ydCBjbGFzcyBEb2NTZWN0aW9uQ29kZUNzc1RhZ0RpcmVjdGl2ZSB7IH1cblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnc2VjdGlvbkNvZGVET0MnIH0pXG5leHBvcnQgY2xhc3MgRG9jU2VjdGlvbkNvZGVEb2NUYWdEaXJlY3RpdmUgeyB9XG4vKiBlc2xpbnQtZW5hYmxlIEBhbmd1bGFyLWVzbGludC9kaXJlY3RpdmUtc2VsZWN0b3IgKi9cbiIsIjxoNSBjbGFzcz1cInNlY3Rpb24tdGl0bGUge3tzdHlsZUNsYXNzfX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLXUtZmxleCBldWktdS1mbGV4LWp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XG4gICAgICAgIDxkaXYgW2NsYXNzLmFwcC1zZWN0aW9uLWNvZGUtLWRlcHJlY2F0ZWRdPVwiaXNEZXByZWNhdGVkXCI+XG4gICAgICAgICAgICB7e2xhYmVsfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtbC1hdXRvXCI+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInZlcnNpb25MYWJlbFwiIGNsYXNzPVwiZXVpLXUtY29sb3ItZGFuZ2VyXCI+e3t2ZXJzaW9uTGFiZWx9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxidXR0b24gZXVpQnV0dG9uIFtldWlPdXRsaW5lXT1cIiFpc0NvZGVFeHBhbmRlZFwiIGV1aVByaW1hcnkgZXVpU2l6ZVMgKGNsaWNrKT1cInRvZ2dsZUNvZGUoKVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIWlzQ29kZUV4cGFuZGVkXCIgZXVpTGFiZWw+Q29kZTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImlzQ29kZUV4cGFuZGVkXCIgZXVpTGFiZWw+SGlkZSBDb2RlPC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzcGFuIGV1aUljb24gaWNvbkNsYXNzPVwiZXVpLWljb24tY29kZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiaXNEZXByZWNhdGVkXCI+XG4gICAgICAgIDxzbWFsbCBjbGFzcz1cImV1aS11LWNvbG9yLWRhbmdlclwiPkRlcHJlY2F0ZWQgaW4gMy54PC9zbWFsbD5cbiAgICA8L2Rpdj5cbjwvaDU+XG5cbjxkaXYgY2xhc3M9XCJldWktdS1tdlwiICpuZ0lmPVwic2VjdGlvbkRlc2NyaXB0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2VjdGlvbkRlc2NyaXB0aW9uXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpc0NvZGVFeHBhbmRlZFwiPlxuICAgIDxldWktdGFicz5cbiAgICAgICAgPGV1aS10YWIgW2lzVmlzaWJsZV09XCJpc0RlZmluZWQoc2VjdGlvbkNvZGVIVE1MKVwiPlxuICAgICAgICAgICAgPGV1aS10YWItbGFiZWw+SFRNTDwvZXVpLXRhYi1sYWJlbD5cbiAgICAgICAgICAgIDxldWktdGFiLWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgPHByZT48Y29kZSBjbGFzcz1cImxhbmd1YWdlLW1hcmt1cFwiIGV1aUNvZGU+PG5nLWNvbnRlbnQgc2VsZWN0PVwic2VjdGlvbkNvZGVIVE1MXCI+PC9uZy1jb250ZW50PjwvY29kZT48L3ByZT5cbiAgICAgICAgICAgIDwvZXVpLXRhYi1jb250ZW50PlxuICAgICAgICA8L2V1aS10YWI+XG5cbiAgICAgICAgPGV1aS10YWIgW2lzVmlzaWJsZV09XCJpc0RlZmluZWQoc2VjdGlvbkNvZGVUUylcIj5cbiAgICAgICAgICAgIDxldWktdGFiLWxhYmVsPlRTPC9ldWktdGFiLWxhYmVsPlxuICAgICAgICAgICAgPGV1aS10YWItY29udGVudD5cbiAgICAgICAgICAgICAgICA8cHJlPjxjb2RlIGNsYXNzPVwibGFuZ3VhZ2UtamF2YXNjcmlwdFwiIGV1aUNvZGU+PG5nLWNvbnRlbnQgc2VsZWN0PVwic2VjdGlvbkNvZGVUU1wiPjwvbmctY29udGVudD48L2NvZGU+PC9wcmU+XG4gICAgICAgICAgICA8L2V1aS10YWItY29udGVudD5cbiAgICAgICAgPC9ldWktdGFiPlxuXG4gICAgICAgIDxldWktdGFiIFtpc1Zpc2libGVdPVwiaXNEZWZpbmVkKHNlY3Rpb25Db2RlU0VSVklDRSlcIj5cbiAgICAgICAgICAgIDxldWktdGFiLWxhYmVsPlNlcnZpY2U8L2V1aS10YWItbGFiZWw+XG4gICAgICAgICAgICA8ZXVpLXRhYi1jb250ZW50PlxuICAgICAgICAgICAgICAgIDxwcmU+PGNvZGUgY2xhc3M9XCJsYW5ndWFnZS1qYXZhc2NyaXB0XCIgZXVpQ29kZT48bmctY29udGVudCBzZWxlY3Q9XCJzZWN0aW9uQ29kZVNFUlZJQ0VcIj48L25nLWNvbnRlbnQ+PC9jb2RlPjwvcHJlPlxuICAgICAgICAgICAgPC9ldWktdGFiLWNvbnRlbnQ+XG4gICAgICAgIDwvZXVpLXRhYj5cblxuICAgICAgICA8ZXVpLXRhYiBbaXNWaXNpYmxlXT1cImlzRGVmaW5lZChzZWN0aW9uQ29kZUNTUylcIj5cbiAgICAgICAgICAgIDxldWktdGFiLWxhYmVsPkNTUzwvZXVpLXRhYi1sYWJlbD5cbiAgICAgICAgICAgIDxldWktdGFiLWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgPHByZT48Y29kZSBjbGFzcz1cImxhbmd1YWdlLWphdmFzY3JpcHRcIiBldWlDb2RlPjxuZy1jb250ZW50IHNlbGVjdD1cInNlY3Rpb25Db2RlQ1NTXCI+PC9uZy1jb250ZW50PjwvY29kZT48L3ByZT5cbiAgICAgICAgICAgIDwvZXVpLXRhYi1jb250ZW50PlxuICAgICAgICA8L2V1aS10YWI+XG5cbiAgICAgICAgPGV1aS10YWIgW2lzVmlzaWJsZV09XCJpc0RlZmluZWQoc2VjdGlvbkNvZGVET0MpXCI+XG4gICAgICAgICAgICA8ZXVpLXRhYi1sYWJlbD5ET0M8L2V1aS10YWItbGFiZWw+XG4gICAgICAgICAgICA8ZXVpLXRhYi1jb250ZW50PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYW5ndWFnZS1kb2NcIj48bmctY29udGVudCBzZWxlY3Q9XCJzZWN0aW9uQ29kZURPQ1wiPjwvbmctY29udGVudD48L2Rpdj5cbiAgICAgICAgICAgIDwvZXVpLXRhYi1jb250ZW50PlxuICAgICAgICA8L2V1aS10YWI+XG4gICAgPC9ldWktdGFicz5cblxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhc2VjdGlvbkNvZGVIVE1MICYmICFzZWN0aW9uQ29kZVRTICYmICFzZWN0aW9uQ29kZUNTU1wiPlxuICAgICAgICA8cHJlIGNsYXNzPVwib25seS1odG1sXCI+PGNvZGUgY2xhc3M9XCJsYW5ndWFnZS1tYXJrdXBcIiBldWlDb2RlPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2NvZGU+PC9wcmU+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -14,4 +14,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImpor
|
|
|
14
14
|
}], propDecorators: { textSize: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9yZW0taXBzdW0tc2FtcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9sb3JlbS1pcHN1bS9sb3JlbS1pcHN1bS1zYW1wbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2xvcmVtLWlwc3VtL2xvcmVtLWlwc3VtLXNhbXBsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFNYSxhQUFRLEdBQWlDLE9BQU8sQ0FBQztLQUM3RDs7eUlBRlkseUJBQXlCOzZIQUF6Qix5QkFBeUIsc0dDUHRDLCsvU0F5TUE7MkZEbE1hLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFFSSw4QkFBOEI7OEJBSS9CLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZVxuICAgIHNlbGVjdG9yOiAnZXVpLXNob3djYXNlLWRvYy1sb3JlbS1pcHN1bScsXG4gICAgdGVtcGxhdGVVcmw6ICdsb3JlbS1pcHN1bS1zYW1wbGUuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBMb3JlbUlwc3VtU2FtcGxlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0ZXh0U2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdsYXJnZSc7XG59XG4iLCI8ZGl2ICpuZ0lmPVwidGV4dFNpemUgPT09ICdzbWFsbCdcIj5cbiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBEb25lYyB1dCB2b2x1dHBhdCBlbmltLiBFdGlhbSBhIG1hdHRpcyB0b3J0b3IuXG4gICAgRXRpYW0gZWdlc3RhcyBtYWduYSBhdCBpYWN1bGlzIG1hbGVzdWFkYS4gRXRpYW0gdnVscHV0YXRlIHF1YW0gYXQgY29uc2VjdGV0dXIgcGhhcmV0cmEuXG5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBOdW5jIHNpdCBhbWV0IGxlY3R1cyBtYXR0aXMsIGFsaXF1YW0gbWkgcXVpcywgaWFjdWxpcyBlc3QuIERvbmVjIG5lYyBkaWFtIHRyaXN0aXF1ZSwgZWdlc3RhcyBsb3JlbSBuZWMsIHZhcml1cyBuZXF1ZS5cbiAgICAgICAgQWVuZWFuIGNvbnNlcXVhdCBuaXNpIGluIHNlbSBwb3J0dGl0b3IsIGEgZWxlaWZlbmQgbG9yZW0gdGluY2lkdW50LiBQaGFzZWxsdXMgc2NlbGVyaXNxdWUgdGVsbHVzIGV1IGltcGVyZGlldCBkaWN0dW0uXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgU2VkIHZpdGFlIHRlbGx1cyBhYyBuaXNsIGZhY2lsaXNpcyBwb3N1ZXJlLlxuICAgICAgICBNYXVyaXMgY3Vyc3VzIGR1aSBuZWMgYXJjdSBtb2xlc3RpZSBzb2RhbGVzLlxuICAgICAgICBNb3JiaSB2ZWwgZW5pbSBzZW1wZXIsIGx1Y3R1cyBvZGlvIHZpdGFlLCBsYWNpbmlhIG5pc2wuXG4gICAgICAgIFNlZCBzb2xsaWNpdHVkaW4gZXggZXQgbmliaCBiaWJlbmR1bSwgaWQgYmxhbmRpdCBudW5jIHByZXRpdW0uXG4gICAgICAgIE51bmMgdmVuZW5hdGlzIGVyb3MgYSBsZW8gdGluY2lkdW50IGdyYXZpZGEuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgRXRpYW0gcHVsdmluYXIgbGVvIHNpdCBhbWV0IHNhcGllbiBwaGFyZXRyYSwgcG9ydGEgbGFvcmVldCB0ZWxsdXMgY29uc2VxdWF0LlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgKm5nSWY9XCJ0ZXh0U2l6ZSA9PT0gJ21lZGl1bSdcIj5cbiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBEb25lYyB1dCB2b2x1dHBhdCBlbmltLiBFdGlhbSBhIG1hdHRpcyB0b3J0b3IuXG4gICAgRXRpYW0gZWdlc3RhcyBtYWduYSBhdCBpYWN1bGlzIG1hbGVzdWFkYS4gRXRpYW0gdnVscHV0YXRlIHF1YW0gYXQgY29uc2VjdGV0dXIgcGhhcmV0cmEuXG5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBEdWlzIHZpdGFlIG5pYmggaWFjdWxpcyBhdWd1ZSBmZXJtZW50dW0gcGxhY2VyYXQgdmVsIHZpdGFlIGxlY3R1cy5cbiAgICAgICAgQ3VyYWJpdHVyIHZlbmVuYXRpcyBlcm9zIGF0IGVyb3MgdWx0cmljZXMsIGV1IGZldWdpYXQgZXJvcyBlZmZpY2l0dXIuXG4gICAgICAgIFNlZCBxdWlzIG51bGxhIG5vbiBhdWd1ZSBzY2VsZXJpc3F1ZSBncmF2aWRhIHZpdGFlIHNlZCBuZXF1ZS5cbiAgICAgICAgUXVpc3F1ZSBzZW1wZXIgZG9sb3Igbm9uIGRpYW0gc29kYWxlcyBzdXNjaXBpdC5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBEb25lYyB1dCB0b3J0b3Igc2NlbGVyaXNxdWUsIHNvZGFsZXMgbmVxdWUgaWQsIHRlbXBvciBvcmNpLlxuICAgICAgICBTdXNwZW5kaXNzZSBldSBhdWd1ZSBhdCBuaWJoIGVnZXN0YXMgZWxlaWZlbmQuXG4gICAgICAgIFV0IHRyaXN0aXF1ZSBlbmltIGluIGxlY3R1cyBhbGlxdWFtLCBub24gdGluY2lkdW50IHRvcnRvciB2dWxwdXRhdGUuXG4gICAgICAgIFBoYXNlbGx1cyBldSBudW5jIGZhdWNpYnVzLCBwb3J0YSBhbnRlIG5lYywgbWFsZXN1YWRhIGVyYXQuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgVmVzdGlidWx1bSBoZW5kcmVyaXQgcmlzdXMgYSBsaWJlcm8gZ3JhdmlkYSB2ZW5lbmF0aXMuXG4gICAgICAgIE1hdXJpcyBub24gZW5pbSBzaXQgYW1ldCBvZGlvIHBlbGxlbnRlc3F1ZSBzY2VsZXJpc3F1ZSBpbiBldCB2ZWxpdC5cbiAgICAgICAgUXVpc3F1ZSBlZmZpY2l0dXIgZXJvcyB1dCBtYWduYSBydXRydW0gYWxpcXVldC5cbiAgICAgICAgQ3VyYWJpdHVyIGV0IG5pc2kgdWxsYW1jb3JwZXIsIHBlbGxlbnRlc3F1ZSBsaWd1bGEgdmVsLCBjb25ndWUgZHVpLlxuICAgICAgICBOdWxsYW0gY29tbW9kbyBtaSBxdWlzIG5pYmggZXVpc21vZCBpbnRlcmR1bS5cbiAgICAgICAgSW4gcnV0cnVtIHNhcGllbiBhYyB2aXZlcnJhIHByZXRpdW0uXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgVXQgZWdldCB0ZWxsdXMgYSBtYWduYSBmZXJtZW50dW0gdGVtcG9yIGF0IGlkIGVyYXQuXG4gICAgICAgIE5hbSBmcmluZ2lsbGEgZXJvcyBzZWQgbGVvIGZhY2lsaXNpcywgZXQgbW9sbGlzIG9yY2kgZWxlbWVudHVtLlxuICAgICAgICBEb25lYyBjb25zZWN0ZXR1ciBsaWJlcm8gc2VkIGFyY3UgcmhvbmN1cywgdmVsIGVsZW1lbnR1bSBhdWd1ZSBtb2xsaXMuXG4gICAgICAgIENyYXMgZmFjaWxpc2lzIG5pc2wgbW9sbGlzIGltcGVyZGlldCBtb2xsaXMuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgU2VkIHBoYXJldHJhIGxvcmVtIGluIGp1c3RvIHJob25jdXMgdGVtcG9yLlxuICAgICAgICBQaGFzZWxsdXMgdmVsIGVsaXQgZWdldCBtYXNzYSBjb25zZWN0ZXR1ciBwb3J0dGl0b3IgZXUgdXQgZXguXG4gICAgICAgIERvbmVjIHNlZCBleCBzaXQgYW1ldCBwdXJ1cyBibGFuZGl0IHBoYXJldHJhLlxuICAgICAgICBOYW0gcmhvbmN1cyBkb2xvciBhYyBmZWxpcyBjb25kaW1lbnR1bSBtYWxlc3VhZGEuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgUGVsbGVudGVzcXVlIGNvbnZhbGxpcyBudWxsYSBpbiBsZWN0dXMgbW9sZXN0aWUgbW9sbGlzLlxuICAgICAgICBQZWxsZW50ZXNxdWUgYXVjdG9yIGxpYmVybyBlZ2V0IGRvbG9yIHZlaGljdWxhLCBhIHN1c2NpcGl0IG51bmMgbGFvcmVldC5cbiAgICAgICAgTnVsbGEgc3VzY2lwaXQgYW50ZSBpbiBzb2xsaWNpdHVkaW4gc2VtcGVyLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIE51bGxhbSBydXRydW0gYW50ZSB2aXRhZSBtZXR1cyBpbnRlcmR1bSwgcXVpcyBsYW9yZWV0IHNlbSBtYXhpbXVzLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIFBlbGxlbnRlc3F1ZSBncmF2aWRhIGRpYW0gcXVpcyBvcmNpIHN1c2NpcGl0IGhlbmRyZXJpdC5cbiAgICAgICAgVmVzdGlidWx1bSBjb25ndWUgc2FwaWVuIHNlZCBwcmV0aXVtIGdyYXZpZGEuXG4gICAgICAgIE51bGxhbSBvcm5hcmUgbGVjdHVzIHNlZCBwdWx2aW5hciBmcmluZ2lsbGEuXG4gICAgICAgIE5hbSBkaWN0dW0gZXJvcyBzaXQgYW1ldCBsZWN0dXMgYWxpcXVldCB0aW5jaWR1bnQuXG4gICAgICAgIFF1aXNxdWUgZXUgYXVndWUgZWdldCBmZWxpcyB0aW5jaWR1bnQgaGVuZHJlcml0LlxuICAgICAgICBBZW5lYW4gdmVsIGxvcmVtIHZlbCBzZW0gY29uc2VxdWF0IGNvbmd1ZS5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBQaGFzZWxsdXMgZmluaWJ1cyBsaWJlcm8gYXQgYmxhbmRpdCBzb2xsaWNpdHVkaW4uXG4gICAgICAgIFByYWVzZW50IHB1bHZpbmFyIGxpYmVybyBhIGxvcmVtIHNjZWxlcmlzcXVlIHNvZGFsZXMuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgRG9uZWMgdGVtcG9yIHF1YW0gZWdldCB0dXJwaXMgZGlnbmlzc2ltIGVnZXN0YXMuXG4gICAgICAgIFBlbGxlbnRlc3F1ZSB2dWxwdXRhdGUgbmlzaSBldSBvcm5hcmUgZXVpc21vZC5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2ICpuZ0lmPVwidGV4dFNpemUgPT09ICdsYXJnZSdcIj5cbiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBEb25lYyB1dCB2b2x1dHBhdCBlbmltLiBFdGlhbSBhIG1hdHRpcyB0b3J0b3IuXG4gICAgRXRpYW0gZWdlc3RhcyBtYWduYSBhdCBpYWN1bGlzIG1hbGVzdWFkYS4gRXRpYW0gdnVscHV0YXRlIHF1YW0gYXQgY29uc2VjdGV0dXIgcGhhcmV0cmEuXG5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBOdW5jIHNpdCBhbWV0IGxlY3R1cyBtYXR0aXMsIGFsaXF1YW0gbWkgcXVpcywgaWFjdWxpcyBlc3QuXG4gICAgICAgIERvbmVjIG5lYyBkaWFtIHRyaXN0aXF1ZSwgZWdlc3RhcyBsb3JlbSBuZWMsIHZhcml1cyBuZXF1ZS5cbiAgICAgICAgQWVuZWFuIGNvbnNlcXVhdCBuaXNpIGluIHNlbSBwb3J0dGl0b3IsIGEgZWxlaWZlbmQgbG9yZW0gdGluY2lkdW50LlxuICAgICAgICBQaGFzZWxsdXMgc2NlbGVyaXNxdWUgdGVsbHVzIGV1IGltcGVyZGlldCBkaWN0dW0uXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgU2VkIHZpdGFlIHRlbGx1cyBhYyBuaXNsIGZhY2lsaXNpcyBwb3N1ZXJlLlxuICAgICAgICBNYXVyaXMgY3Vyc3VzIGR1aSBuZWMgYXJjdSBtb2xlc3RpZSBzb2RhbGVzLlxuICAgICAgICBNb3JiaSB2ZWwgZW5pbSBzZW1wZXIsIGx1Y3R1cyBvZGlvIHZpdGFlLCBsYWNpbmlhIG5pc2wuXG4gICAgICAgIFNlZCBzb2xsaWNpdHVkaW4gZXggZXQgbmliaCBiaWJlbmR1bSwgaWQgYmxhbmRpdCBudW5jIHByZXRpdW0uXG4gICAgICAgIE51bmMgdmVuZW5hdGlzIGVyb3MgYSBsZW8gdGluY2lkdW50IGdyYXZpZGEuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgRXRpYW0gcHVsdmluYXIgbGVvIHNpdCBhbWV0IHNhcGllbiBwaGFyZXRyYSwgcG9ydGEgbGFvcmVldCB0ZWxsdXMgY29uc2VxdWF0LlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIE1hZWNlbmFzIGF0IGR1aSBuZWMgZW5pbSBhY2N1bXNhbiBoZW5kcmVyaXQgZXUgZXQgc2FwaWVuLlxuICAgICAgICBQcmFlc2VudCBwb3N1ZXJlIHRlbGx1cyBmZXVnaWF0IHN1c2NpcGl0IGNvbnNlY3RldHVyLlxuICAgICAgICBTZWQgdm9sdXRwYXQgYXJjdSBsYW9yZWV0LCBlZ2VzdGFzIG1hc3NhIHZlbmVuYXRpcywgc2FnaXR0aXMgbnVsbGEuXG4gICAgICAgIFByYWVzZW50IGZlcm1lbnR1bSBudWxsYSBhdCBudWxsYSBpYWN1bGlzIGZldWdpYXQgaW4gYWMgZG9sb3IuXG4gICAgICAgIFZlc3RpYnVsdW0gdml0YWUgbmliaCBhIHB1cnVzIHZpdmVycmEgc29kYWxlcy5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBBZW5lYW4gZnJpbmdpbGxhIHF1YW0gYXQgZmVybWVudHVtIGZpbmlidXMuXG4gICAgICAgIEZ1c2NlIHRlbXBvciBuaXNsIHV0IGRpY3R1bSBmYWNpbGlzaXMuXG4gICAgICAgIFBoYXNlbGx1cyBpZCByaXN1cyBpbiBxdWFtIGNvbnZhbGxpcyBwcmV0aXVtLlxuICAgICAgICBQaGFzZWxsdXMgbWFsZXN1YWRhIGxlbyBldSBkdWkgdmVoaWN1bGEgdHJpc3RpcXVlLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIFN1c3BlbmRpc3NlIHNhZ2l0dGlzIGxhY3VzIGV1IGVyYXQgb3JuYXJlIGNvbmd1ZS5cbiAgICAgICAgSW4gbWFsZXN1YWRhIG51bmMgYSByaXN1cyB2b2x1dHBhdCBlbGVpZmVuZC5cbiAgICAgICAgQWVuZWFuIGhlbmRyZXJpdCBzYXBpZW4gdmVsIGxvcmVtIGNvbnNlY3RldHVyLCBldCB2aXZlcnJhIG5pc2kgdnVscHV0YXRlLlxuICAgICAgICBFdGlhbSBmaW5pYnVzIGZlbGlzIHZlbCBydXRydW0gdHJpc3RpcXVlLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIE51bGxhIGF0IGZlbGlzIGVnZXQgZGlhbSBydXRydW0gZmV1Z2lhdCBpZCB2aXRhZSBkdWkuXG4gICAgICAgIFBoYXNlbGx1cyBzaXQgYW1ldCBvcmNpIHBoYXJldHJhLCBzb2RhbGVzIGp1c3RvIGEsIHNhZ2l0dGlzIHR1cnBpcy5cbiAgICAgICAgU2VkIHZpdGFlIG1hc3NhIG1vbGVzdGllIG51bGxhIHRpbmNpZHVudCBtb2xlc3RpZS5cbiAgICAgICAgTnVsbGFtIGJpYmVuZHVtIGxpYmVybyBydXRydW0gYmliZW5kdW0gdWxsYW1jb3JwZXIuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgRXRpYW0gZWdldCBsb3JlbSBvcm5hcmUsIGZhY2lsaXNpcyBpcHN1bSBub24sIHZhcml1cyBkaWFtLlxuICAgICAgICBOdWxsYSBlZ2V0IG1ldHVzIHNvZGFsZXMgZHVpIHBsYWNlcmF0IHNhZ2l0dGlzLlxuICAgICAgICBOdWxsYSBibGFuZGl0IHRvcnRvciBhIGRpY3R1bSBzb2xsaWNpdHVkaW4uXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgTnVuYyBub24gZG9sb3Igc29sbGljaXR1ZGluLCB0cmlzdGlxdWUgc2VtIHNlZCwgdmVzdGlidWx1bSBkaWFtLlxuICAgICAgICBWaXZhbXVzIHNvbGxpY2l0dWRpbiBkdWkgZXQgdmVsaXQgYXVjdG9yLCBkaWduaXNzaW0gZWdlc3RhcyBtZXR1cyBlbGVpZmVuZC5cbiAgICAgICAgU2VkIHRpbmNpZHVudCBkdWkgbGFvcmVldCBzYWdpdHRpcyB0aW5jaWR1bnQuXG4gICAgICAgIERvbmVjIGluIGVyb3MgZmV1Z2lhdCwgYXVjdG9yIGxlY3R1cyBlZ2V0LCBwdWx2aW5hciBtYXNzYS5cbiAgICAgICAgQWxpcXVhbSBlZ2V0IG51bmMgYWxpcXVldCwgbW9sZXN0aWUgcmlzdXMgdXQsIGlhY3VsaXMgbWFnbmEuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgTWF1cmlzIGJpYmVuZHVtIGxvcmVtIGEgc2VtIHRyaXN0aXF1ZSBjb21tb2RvLlxuICAgICAgICBEdWlzIHZpdGFlIG1hZ25hIG5vbiBkdWkgY3Vyc3VzIHJob25jdXMgbmVjIGFjIG5lcXVlLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIER1aXMgdml0YWUgbmliaCBpYWN1bGlzIGF1Z3VlIGZlcm1lbnR1bSBwbGFjZXJhdCB2ZWwgdml0YWUgbGVjdHVzLlxuICAgICAgICBDdXJhYml0dXIgdmVuZW5hdGlzIGVyb3MgYXQgZXJvcyB1bHRyaWNlcywgZXUgZmV1Z2lhdCBlcm9zIGVmZmljaXR1ci5cbiAgICAgICAgU2VkIHF1aXMgbnVsbGEgbm9uIGF1Z3VlIHNjZWxlcmlzcXVlIGdyYXZpZGEgdml0YWUgc2VkIG5lcXVlLlxuICAgICAgICBRdWlzcXVlIHNlbXBlciBkb2xvciBub24gZGlhbSBzb2RhbGVzIHN1c2NpcGl0LlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIERvbmVjIHV0IHRvcnRvciBzY2VsZXJpc3F1ZSwgc29kYWxlcyBuZXF1ZSBpZCwgdGVtcG9yIG9yY2kuXG4gICAgICAgIFN1c3BlbmRpc3NlIGV1IGF1Z3VlIGF0IG5pYmggZWdlc3RhcyBlbGVpZmVuZC5cbiAgICAgICAgVXQgdHJpc3RpcXVlIGVuaW0gaW4gbGVjdHVzIGFsaXF1YW0sIG5vbiB0aW5jaWR1bnQgdG9ydG9yIHZ1bHB1dGF0ZS5cbiAgICAgICAgUGhhc2VsbHVzIGV1IG51bmMgZmF1Y2lidXMsIHBvcnRhIGFudGUgbmVjLCBtYWxlc3VhZGEgZXJhdC5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBWZXN0aWJ1bHVtIGhlbmRyZXJpdCByaXN1cyBhIGxpYmVybyBncmF2aWRhIHZlbmVuYXRpcy5cbiAgICAgICAgTWF1cmlzIG5vbiBlbmltIHNpdCBhbWV0IG9kaW8gcGVsbGVudGVzcXVlIHNjZWxlcmlzcXVlIGluIGV0IHZlbGl0LlxuICAgICAgICBRdWlzcXVlIGVmZmljaXR1ciBlcm9zIHV0IG1hZ25hIHJ1dHJ1bSBhbGlxdWV0LlxuICAgICAgICBDdXJhYml0dXIgZXQgbmlzaSB1bGxhbWNvcnBlciwgcGVsbGVudGVzcXVlIGxpZ3VsYSB2ZWwsIGNvbmd1ZSBkdWkuXG4gICAgICAgIE51bGxhbSBjb21tb2RvIG1pIHF1aXMgbmliaCBldWlzbW9kIGludGVyZHVtLlxuICAgICAgICBJbiBydXRydW0gc2FwaWVuIGFjIHZpdmVycmEgcHJldGl1bS5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBVdCBlZ2V0IHRlbGx1cyBhIG1hZ25hIGZlcm1lbnR1bSB0ZW1wb3IgYXQgaWQgZXJhdC5cbiAgICAgICAgTmFtIGZyaW5naWxsYSBlcm9zIHNlZCBsZW8gZmFjaWxpc2lzLCBldCBtb2xsaXMgb3JjaSBlbGVtZW50dW0uXG4gICAgICAgIERvbmVjIGNvbnNlY3RldHVyIGxpYmVybyBzZWQgYXJjdSByaG9uY3VzLCB2ZWwgZWxlbWVudHVtIGF1Z3VlIG1vbGxpcy5cbiAgICAgICAgQ3JhcyBmYWNpbGlzaXMgbmlzbCBtb2xsaXMgaW1wZXJkaWV0IG1vbGxpcy5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBTZWQgcGhhcmV0cmEgbG9yZW0gaW4ganVzdG8gcmhvbmN1cyB0ZW1wb3IuXG4gICAgICAgIFBoYXNlbGx1cyB2ZWwgZWxpdCBlZ2V0IG1hc3NhIGNvbnNlY3RldHVyIHBvcnR0aXRvciBldSB1dCBleC5cbiAgICAgICAgRG9uZWMgc2VkIGV4IHNpdCBhbWV0IHB1cnVzIGJsYW5kaXQgcGhhcmV0cmEuXG4gICAgICAgIE5hbSByaG9uY3VzIGRvbG9yIGFjIGZlbGlzIGNvbmRpbWVudHVtIG1hbGVzdWFkYS5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBQZWxsZW50ZXNxdWUgY29udmFsbGlzIG51bGxhIGluIGxlY3R1cyBtb2xlc3RpZSBtb2xsaXMuXG4gICAgICAgIFBlbGxlbnRlc3F1ZSBhdWN0b3IgbGliZXJvIGVnZXQgZG9sb3IgdmVoaWN1bGEsIGEgc3VzY2lwaXQgbnVuYyBsYW9yZWV0LlxuICAgICAgICBOdWxsYSBzdXNjaXBpdCBhbnRlIGluIHNvbGxpY2l0dWRpbiBzZW1wZXIuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgTnVsbGFtIHJ1dHJ1bSBhbnRlIHZpdGFlIG1ldHVzIGludGVyZHVtLCBxdWlzIGxhb3JlZXQgc2VtIG1heGltdXMuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgUGVsbGVudGVzcXVlIGdyYXZpZGEgZGlhbSBxdWlzIG9yY2kgc3VzY2lwaXQgaGVuZHJlcml0LlxuICAgICAgICBWZXN0aWJ1bHVtIGNvbmd1ZSBzYXBpZW4gc2VkIHByZXRpdW0gZ3JhdmlkYS5cbiAgICAgICAgTnVsbGFtIG9ybmFyZSBsZWN0dXMgc2VkIHB1bHZpbmFyIGZyaW5naWxsYS5cbiAgICAgICAgTmFtIGRpY3R1bSBlcm9zIHNpdCBhbWV0IGxlY3R1cyBhbGlxdWV0IHRpbmNpZHVudC5cbiAgICAgICAgUXVpc3F1ZSBldSBhdWd1ZSBlZ2V0IGZlbGlzIHRpbmNpZHVudCBoZW5kcmVyaXQuXG4gICAgICAgIEFlbmVhbiB2ZWwgbG9yZW0gdmVsIHNlbSBjb25zZXF1YXQgY29uZ3VlLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIFBoYXNlbGx1cyBmaW5pYnVzIGxpYmVybyBhdCBibGFuZGl0IHNvbGxpY2l0dWRpbi5cbiAgICAgICAgUHJhZXNlbnQgcHVsdmluYXIgbGliZXJvIGEgbG9yZW0gc2NlbGVyaXNxdWUgc29kYWxlcy5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBEb25lYyB0ZW1wb3IgcXVhbSBlZ2V0IHR1cnBpcyBkaWduaXNzaW0gZWdlc3Rhcy5cbiAgICAgICAgUGVsbGVudGVzcXVlIHZ1bHB1dGF0ZSBuaXNpIGV1IG9ybmFyZSBldWlzbW9kLlxuICAgIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZXVpLXUtZm9udC1zaXplLXhzIGV1aS11LWNvbG9yLWluZm9cIj4mbHQ7ZW5kIG9mIGNvbnRlbnQmZ3Q7ICZtZGFzaDsgVGhpcyBsYXN0IGxpbmUgbXVzdCBhbHdheXMgYmUgdmlzaWJsZS48L2Rpdj5cbiJdfQ==
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9yZW0taXBzdW0tc2FtcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9sb3JlbS1pcHN1bS9sb3JlbS1pcHN1bS1zYW1wbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2xvcmVtLWlwc3VtL2xvcmVtLWlwc3VtLXNhbXBsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTWpELE1BQU0sT0FBTyx5QkFBeUI7SUFKdEM7UUFLYSxhQUFRLEdBQWlDLE9BQU8sQ0FBQztLQUM3RDs7eUlBRlkseUJBQXlCOzZIQUF6Qix5QkFBeUIsc0dDTnRDLCsvU0F5TUE7MkZEbk1hLHlCQUF5QjtrQkFKckMsU0FBUzsrQkFDSSw4QkFBOEI7OEJBSS9CLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLXNob3djYXNlLWRvYy1sb3JlbS1pcHN1bScsXG4gICAgdGVtcGxhdGVVcmw6ICdsb3JlbS1pcHN1bS1zYW1wbGUuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBMb3JlbUlwc3VtU2FtcGxlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0ZXh0U2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdsYXJnZSc7XG59XG4iLCI8ZGl2ICpuZ0lmPVwidGV4dFNpemUgPT09ICdzbWFsbCdcIj5cbiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBEb25lYyB1dCB2b2x1dHBhdCBlbmltLiBFdGlhbSBhIG1hdHRpcyB0b3J0b3IuXG4gICAgRXRpYW0gZWdlc3RhcyBtYWduYSBhdCBpYWN1bGlzIG1hbGVzdWFkYS4gRXRpYW0gdnVscHV0YXRlIHF1YW0gYXQgY29uc2VjdGV0dXIgcGhhcmV0cmEuXG5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBOdW5jIHNpdCBhbWV0IGxlY3R1cyBtYXR0aXMsIGFsaXF1YW0gbWkgcXVpcywgaWFjdWxpcyBlc3QuIERvbmVjIG5lYyBkaWFtIHRyaXN0aXF1ZSwgZWdlc3RhcyBsb3JlbSBuZWMsIHZhcml1cyBuZXF1ZS5cbiAgICAgICAgQWVuZWFuIGNvbnNlcXVhdCBuaXNpIGluIHNlbSBwb3J0dGl0b3IsIGEgZWxlaWZlbmQgbG9yZW0gdGluY2lkdW50LiBQaGFzZWxsdXMgc2NlbGVyaXNxdWUgdGVsbHVzIGV1IGltcGVyZGlldCBkaWN0dW0uXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgU2VkIHZpdGFlIHRlbGx1cyBhYyBuaXNsIGZhY2lsaXNpcyBwb3N1ZXJlLlxuICAgICAgICBNYXVyaXMgY3Vyc3VzIGR1aSBuZWMgYXJjdSBtb2xlc3RpZSBzb2RhbGVzLlxuICAgICAgICBNb3JiaSB2ZWwgZW5pbSBzZW1wZXIsIGx1Y3R1cyBvZGlvIHZpdGFlLCBsYWNpbmlhIG5pc2wuXG4gICAgICAgIFNlZCBzb2xsaWNpdHVkaW4gZXggZXQgbmliaCBiaWJlbmR1bSwgaWQgYmxhbmRpdCBudW5jIHByZXRpdW0uXG4gICAgICAgIE51bmMgdmVuZW5hdGlzIGVyb3MgYSBsZW8gdGluY2lkdW50IGdyYXZpZGEuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgRXRpYW0gcHVsdmluYXIgbGVvIHNpdCBhbWV0IHNhcGllbiBwaGFyZXRyYSwgcG9ydGEgbGFvcmVldCB0ZWxsdXMgY29uc2VxdWF0LlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgKm5nSWY9XCJ0ZXh0U2l6ZSA9PT0gJ21lZGl1bSdcIj5cbiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBEb25lYyB1dCB2b2x1dHBhdCBlbmltLiBFdGlhbSBhIG1hdHRpcyB0b3J0b3IuXG4gICAgRXRpYW0gZWdlc3RhcyBtYWduYSBhdCBpYWN1bGlzIG1hbGVzdWFkYS4gRXRpYW0gdnVscHV0YXRlIHF1YW0gYXQgY29uc2VjdGV0dXIgcGhhcmV0cmEuXG5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBEdWlzIHZpdGFlIG5pYmggaWFjdWxpcyBhdWd1ZSBmZXJtZW50dW0gcGxhY2VyYXQgdmVsIHZpdGFlIGxlY3R1cy5cbiAgICAgICAgQ3VyYWJpdHVyIHZlbmVuYXRpcyBlcm9zIGF0IGVyb3MgdWx0cmljZXMsIGV1IGZldWdpYXQgZXJvcyBlZmZpY2l0dXIuXG4gICAgICAgIFNlZCBxdWlzIG51bGxhIG5vbiBhdWd1ZSBzY2VsZXJpc3F1ZSBncmF2aWRhIHZpdGFlIHNlZCBuZXF1ZS5cbiAgICAgICAgUXVpc3F1ZSBzZW1wZXIgZG9sb3Igbm9uIGRpYW0gc29kYWxlcyBzdXNjaXBpdC5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBEb25lYyB1dCB0b3J0b3Igc2NlbGVyaXNxdWUsIHNvZGFsZXMgbmVxdWUgaWQsIHRlbXBvciBvcmNpLlxuICAgICAgICBTdXNwZW5kaXNzZSBldSBhdWd1ZSBhdCBuaWJoIGVnZXN0YXMgZWxlaWZlbmQuXG4gICAgICAgIFV0IHRyaXN0aXF1ZSBlbmltIGluIGxlY3R1cyBhbGlxdWFtLCBub24gdGluY2lkdW50IHRvcnRvciB2dWxwdXRhdGUuXG4gICAgICAgIFBoYXNlbGx1cyBldSBudW5jIGZhdWNpYnVzLCBwb3J0YSBhbnRlIG5lYywgbWFsZXN1YWRhIGVyYXQuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgVmVzdGlidWx1bSBoZW5kcmVyaXQgcmlzdXMgYSBsaWJlcm8gZ3JhdmlkYSB2ZW5lbmF0aXMuXG4gICAgICAgIE1hdXJpcyBub24gZW5pbSBzaXQgYW1ldCBvZGlvIHBlbGxlbnRlc3F1ZSBzY2VsZXJpc3F1ZSBpbiBldCB2ZWxpdC5cbiAgICAgICAgUXVpc3F1ZSBlZmZpY2l0dXIgZXJvcyB1dCBtYWduYSBydXRydW0gYWxpcXVldC5cbiAgICAgICAgQ3VyYWJpdHVyIGV0IG5pc2kgdWxsYW1jb3JwZXIsIHBlbGxlbnRlc3F1ZSBsaWd1bGEgdmVsLCBjb25ndWUgZHVpLlxuICAgICAgICBOdWxsYW0gY29tbW9kbyBtaSBxdWlzIG5pYmggZXVpc21vZCBpbnRlcmR1bS5cbiAgICAgICAgSW4gcnV0cnVtIHNhcGllbiBhYyB2aXZlcnJhIHByZXRpdW0uXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgVXQgZWdldCB0ZWxsdXMgYSBtYWduYSBmZXJtZW50dW0gdGVtcG9yIGF0IGlkIGVyYXQuXG4gICAgICAgIE5hbSBmcmluZ2lsbGEgZXJvcyBzZWQgbGVvIGZhY2lsaXNpcywgZXQgbW9sbGlzIG9yY2kgZWxlbWVudHVtLlxuICAgICAgICBEb25lYyBjb25zZWN0ZXR1ciBsaWJlcm8gc2VkIGFyY3UgcmhvbmN1cywgdmVsIGVsZW1lbnR1bSBhdWd1ZSBtb2xsaXMuXG4gICAgICAgIENyYXMgZmFjaWxpc2lzIG5pc2wgbW9sbGlzIGltcGVyZGlldCBtb2xsaXMuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgU2VkIHBoYXJldHJhIGxvcmVtIGluIGp1c3RvIHJob25jdXMgdGVtcG9yLlxuICAgICAgICBQaGFzZWxsdXMgdmVsIGVsaXQgZWdldCBtYXNzYSBjb25zZWN0ZXR1ciBwb3J0dGl0b3IgZXUgdXQgZXguXG4gICAgICAgIERvbmVjIHNlZCBleCBzaXQgYW1ldCBwdXJ1cyBibGFuZGl0IHBoYXJldHJhLlxuICAgICAgICBOYW0gcmhvbmN1cyBkb2xvciBhYyBmZWxpcyBjb25kaW1lbnR1bSBtYWxlc3VhZGEuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgUGVsbGVudGVzcXVlIGNvbnZhbGxpcyBudWxsYSBpbiBsZWN0dXMgbW9sZXN0aWUgbW9sbGlzLlxuICAgICAgICBQZWxsZW50ZXNxdWUgYXVjdG9yIGxpYmVybyBlZ2V0IGRvbG9yIHZlaGljdWxhLCBhIHN1c2NpcGl0IG51bmMgbGFvcmVldC5cbiAgICAgICAgTnVsbGEgc3VzY2lwaXQgYW50ZSBpbiBzb2xsaWNpdHVkaW4gc2VtcGVyLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIE51bGxhbSBydXRydW0gYW50ZSB2aXRhZSBtZXR1cyBpbnRlcmR1bSwgcXVpcyBsYW9yZWV0IHNlbSBtYXhpbXVzLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIFBlbGxlbnRlc3F1ZSBncmF2aWRhIGRpYW0gcXVpcyBvcmNpIHN1c2NpcGl0IGhlbmRyZXJpdC5cbiAgICAgICAgVmVzdGlidWx1bSBjb25ndWUgc2FwaWVuIHNlZCBwcmV0aXVtIGdyYXZpZGEuXG4gICAgICAgIE51bGxhbSBvcm5hcmUgbGVjdHVzIHNlZCBwdWx2aW5hciBmcmluZ2lsbGEuXG4gICAgICAgIE5hbSBkaWN0dW0gZXJvcyBzaXQgYW1ldCBsZWN0dXMgYWxpcXVldCB0aW5jaWR1bnQuXG4gICAgICAgIFF1aXNxdWUgZXUgYXVndWUgZWdldCBmZWxpcyB0aW5jaWR1bnQgaGVuZHJlcml0LlxuICAgICAgICBBZW5lYW4gdmVsIGxvcmVtIHZlbCBzZW0gY29uc2VxdWF0IGNvbmd1ZS5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBQaGFzZWxsdXMgZmluaWJ1cyBsaWJlcm8gYXQgYmxhbmRpdCBzb2xsaWNpdHVkaW4uXG4gICAgICAgIFByYWVzZW50IHB1bHZpbmFyIGxpYmVybyBhIGxvcmVtIHNjZWxlcmlzcXVlIHNvZGFsZXMuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgRG9uZWMgdGVtcG9yIHF1YW0gZWdldCB0dXJwaXMgZGlnbmlzc2ltIGVnZXN0YXMuXG4gICAgICAgIFBlbGxlbnRlc3F1ZSB2dWxwdXRhdGUgbmlzaSBldSBvcm5hcmUgZXVpc21vZC5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2ICpuZ0lmPVwidGV4dFNpemUgPT09ICdsYXJnZSdcIj5cbiAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBEb25lYyB1dCB2b2x1dHBhdCBlbmltLiBFdGlhbSBhIG1hdHRpcyB0b3J0b3IuXG4gICAgRXRpYW0gZWdlc3RhcyBtYWduYSBhdCBpYWN1bGlzIG1hbGVzdWFkYS4gRXRpYW0gdnVscHV0YXRlIHF1YW0gYXQgY29uc2VjdGV0dXIgcGhhcmV0cmEuXG5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBOdW5jIHNpdCBhbWV0IGxlY3R1cyBtYXR0aXMsIGFsaXF1YW0gbWkgcXVpcywgaWFjdWxpcyBlc3QuXG4gICAgICAgIERvbmVjIG5lYyBkaWFtIHRyaXN0aXF1ZSwgZWdlc3RhcyBsb3JlbSBuZWMsIHZhcml1cyBuZXF1ZS5cbiAgICAgICAgQWVuZWFuIGNvbnNlcXVhdCBuaXNpIGluIHNlbSBwb3J0dGl0b3IsIGEgZWxlaWZlbmQgbG9yZW0gdGluY2lkdW50LlxuICAgICAgICBQaGFzZWxsdXMgc2NlbGVyaXNxdWUgdGVsbHVzIGV1IGltcGVyZGlldCBkaWN0dW0uXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgU2VkIHZpdGFlIHRlbGx1cyBhYyBuaXNsIGZhY2lsaXNpcyBwb3N1ZXJlLlxuICAgICAgICBNYXVyaXMgY3Vyc3VzIGR1aSBuZWMgYXJjdSBtb2xlc3RpZSBzb2RhbGVzLlxuICAgICAgICBNb3JiaSB2ZWwgZW5pbSBzZW1wZXIsIGx1Y3R1cyBvZGlvIHZpdGFlLCBsYWNpbmlhIG5pc2wuXG4gICAgICAgIFNlZCBzb2xsaWNpdHVkaW4gZXggZXQgbmliaCBiaWJlbmR1bSwgaWQgYmxhbmRpdCBudW5jIHByZXRpdW0uXG4gICAgICAgIE51bmMgdmVuZW5hdGlzIGVyb3MgYSBsZW8gdGluY2lkdW50IGdyYXZpZGEuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgRXRpYW0gcHVsdmluYXIgbGVvIHNpdCBhbWV0IHNhcGllbiBwaGFyZXRyYSwgcG9ydGEgbGFvcmVldCB0ZWxsdXMgY29uc2VxdWF0LlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIE1hZWNlbmFzIGF0IGR1aSBuZWMgZW5pbSBhY2N1bXNhbiBoZW5kcmVyaXQgZXUgZXQgc2FwaWVuLlxuICAgICAgICBQcmFlc2VudCBwb3N1ZXJlIHRlbGx1cyBmZXVnaWF0IHN1c2NpcGl0IGNvbnNlY3RldHVyLlxuICAgICAgICBTZWQgdm9sdXRwYXQgYXJjdSBsYW9yZWV0LCBlZ2VzdGFzIG1hc3NhIHZlbmVuYXRpcywgc2FnaXR0aXMgbnVsbGEuXG4gICAgICAgIFByYWVzZW50IGZlcm1lbnR1bSBudWxsYSBhdCBudWxsYSBpYWN1bGlzIGZldWdpYXQgaW4gYWMgZG9sb3IuXG4gICAgICAgIFZlc3RpYnVsdW0gdml0YWUgbmliaCBhIHB1cnVzIHZpdmVycmEgc29kYWxlcy5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBBZW5lYW4gZnJpbmdpbGxhIHF1YW0gYXQgZmVybWVudHVtIGZpbmlidXMuXG4gICAgICAgIEZ1c2NlIHRlbXBvciBuaXNsIHV0IGRpY3R1bSBmYWNpbGlzaXMuXG4gICAgICAgIFBoYXNlbGx1cyBpZCByaXN1cyBpbiBxdWFtIGNvbnZhbGxpcyBwcmV0aXVtLlxuICAgICAgICBQaGFzZWxsdXMgbWFsZXN1YWRhIGxlbyBldSBkdWkgdmVoaWN1bGEgdHJpc3RpcXVlLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIFN1c3BlbmRpc3NlIHNhZ2l0dGlzIGxhY3VzIGV1IGVyYXQgb3JuYXJlIGNvbmd1ZS5cbiAgICAgICAgSW4gbWFsZXN1YWRhIG51bmMgYSByaXN1cyB2b2x1dHBhdCBlbGVpZmVuZC5cbiAgICAgICAgQWVuZWFuIGhlbmRyZXJpdCBzYXBpZW4gdmVsIGxvcmVtIGNvbnNlY3RldHVyLCBldCB2aXZlcnJhIG5pc2kgdnVscHV0YXRlLlxuICAgICAgICBFdGlhbSBmaW5pYnVzIGZlbGlzIHZlbCBydXRydW0gdHJpc3RpcXVlLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIE51bGxhIGF0IGZlbGlzIGVnZXQgZGlhbSBydXRydW0gZmV1Z2lhdCBpZCB2aXRhZSBkdWkuXG4gICAgICAgIFBoYXNlbGx1cyBzaXQgYW1ldCBvcmNpIHBoYXJldHJhLCBzb2RhbGVzIGp1c3RvIGEsIHNhZ2l0dGlzIHR1cnBpcy5cbiAgICAgICAgU2VkIHZpdGFlIG1hc3NhIG1vbGVzdGllIG51bGxhIHRpbmNpZHVudCBtb2xlc3RpZS5cbiAgICAgICAgTnVsbGFtIGJpYmVuZHVtIGxpYmVybyBydXRydW0gYmliZW5kdW0gdWxsYW1jb3JwZXIuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgRXRpYW0gZWdldCBsb3JlbSBvcm5hcmUsIGZhY2lsaXNpcyBpcHN1bSBub24sIHZhcml1cyBkaWFtLlxuICAgICAgICBOdWxsYSBlZ2V0IG1ldHVzIHNvZGFsZXMgZHVpIHBsYWNlcmF0IHNhZ2l0dGlzLlxuICAgICAgICBOdWxsYSBibGFuZGl0IHRvcnRvciBhIGRpY3R1bSBzb2xsaWNpdHVkaW4uXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgTnVuYyBub24gZG9sb3Igc29sbGljaXR1ZGluLCB0cmlzdGlxdWUgc2VtIHNlZCwgdmVzdGlidWx1bSBkaWFtLlxuICAgICAgICBWaXZhbXVzIHNvbGxpY2l0dWRpbiBkdWkgZXQgdmVsaXQgYXVjdG9yLCBkaWduaXNzaW0gZWdlc3RhcyBtZXR1cyBlbGVpZmVuZC5cbiAgICAgICAgU2VkIHRpbmNpZHVudCBkdWkgbGFvcmVldCBzYWdpdHRpcyB0aW5jaWR1bnQuXG4gICAgICAgIERvbmVjIGluIGVyb3MgZmV1Z2lhdCwgYXVjdG9yIGxlY3R1cyBlZ2V0LCBwdWx2aW5hciBtYXNzYS5cbiAgICAgICAgQWxpcXVhbSBlZ2V0IG51bmMgYWxpcXVldCwgbW9sZXN0aWUgcmlzdXMgdXQsIGlhY3VsaXMgbWFnbmEuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgTWF1cmlzIGJpYmVuZHVtIGxvcmVtIGEgc2VtIHRyaXN0aXF1ZSBjb21tb2RvLlxuICAgICAgICBEdWlzIHZpdGFlIG1hZ25hIG5vbiBkdWkgY3Vyc3VzIHJob25jdXMgbmVjIGFjIG5lcXVlLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIER1aXMgdml0YWUgbmliaCBpYWN1bGlzIGF1Z3VlIGZlcm1lbnR1bSBwbGFjZXJhdCB2ZWwgdml0YWUgbGVjdHVzLlxuICAgICAgICBDdXJhYml0dXIgdmVuZW5hdGlzIGVyb3MgYXQgZXJvcyB1bHRyaWNlcywgZXUgZmV1Z2lhdCBlcm9zIGVmZmljaXR1ci5cbiAgICAgICAgU2VkIHF1aXMgbnVsbGEgbm9uIGF1Z3VlIHNjZWxlcmlzcXVlIGdyYXZpZGEgdml0YWUgc2VkIG5lcXVlLlxuICAgICAgICBRdWlzcXVlIHNlbXBlciBkb2xvciBub24gZGlhbSBzb2RhbGVzIHN1c2NpcGl0LlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIERvbmVjIHV0IHRvcnRvciBzY2VsZXJpc3F1ZSwgc29kYWxlcyBuZXF1ZSBpZCwgdGVtcG9yIG9yY2kuXG4gICAgICAgIFN1c3BlbmRpc3NlIGV1IGF1Z3VlIGF0IG5pYmggZWdlc3RhcyBlbGVpZmVuZC5cbiAgICAgICAgVXQgdHJpc3RpcXVlIGVuaW0gaW4gbGVjdHVzIGFsaXF1YW0sIG5vbiB0aW5jaWR1bnQgdG9ydG9yIHZ1bHB1dGF0ZS5cbiAgICAgICAgUGhhc2VsbHVzIGV1IG51bmMgZmF1Y2lidXMsIHBvcnRhIGFudGUgbmVjLCBtYWxlc3VhZGEgZXJhdC5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBWZXN0aWJ1bHVtIGhlbmRyZXJpdCByaXN1cyBhIGxpYmVybyBncmF2aWRhIHZlbmVuYXRpcy5cbiAgICAgICAgTWF1cmlzIG5vbiBlbmltIHNpdCBhbWV0IG9kaW8gcGVsbGVudGVzcXVlIHNjZWxlcmlzcXVlIGluIGV0IHZlbGl0LlxuICAgICAgICBRdWlzcXVlIGVmZmljaXR1ciBlcm9zIHV0IG1hZ25hIHJ1dHJ1bSBhbGlxdWV0LlxuICAgICAgICBDdXJhYml0dXIgZXQgbmlzaSB1bGxhbWNvcnBlciwgcGVsbGVudGVzcXVlIGxpZ3VsYSB2ZWwsIGNvbmd1ZSBkdWkuXG4gICAgICAgIE51bGxhbSBjb21tb2RvIG1pIHF1aXMgbmliaCBldWlzbW9kIGludGVyZHVtLlxuICAgICAgICBJbiBydXRydW0gc2FwaWVuIGFjIHZpdmVycmEgcHJldGl1bS5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBVdCBlZ2V0IHRlbGx1cyBhIG1hZ25hIGZlcm1lbnR1bSB0ZW1wb3IgYXQgaWQgZXJhdC5cbiAgICAgICAgTmFtIGZyaW5naWxsYSBlcm9zIHNlZCBsZW8gZmFjaWxpc2lzLCBldCBtb2xsaXMgb3JjaSBlbGVtZW50dW0uXG4gICAgICAgIERvbmVjIGNvbnNlY3RldHVyIGxpYmVybyBzZWQgYXJjdSByaG9uY3VzLCB2ZWwgZWxlbWVudHVtIGF1Z3VlIG1vbGxpcy5cbiAgICAgICAgQ3JhcyBmYWNpbGlzaXMgbmlzbCBtb2xsaXMgaW1wZXJkaWV0IG1vbGxpcy5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBTZWQgcGhhcmV0cmEgbG9yZW0gaW4ganVzdG8gcmhvbmN1cyB0ZW1wb3IuXG4gICAgICAgIFBoYXNlbGx1cyB2ZWwgZWxpdCBlZ2V0IG1hc3NhIGNvbnNlY3RldHVyIHBvcnR0aXRvciBldSB1dCBleC5cbiAgICAgICAgRG9uZWMgc2VkIGV4IHNpdCBhbWV0IHB1cnVzIGJsYW5kaXQgcGhhcmV0cmEuXG4gICAgICAgIE5hbSByaG9uY3VzIGRvbG9yIGFjIGZlbGlzIGNvbmRpbWVudHVtIG1hbGVzdWFkYS5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBQZWxsZW50ZXNxdWUgY29udmFsbGlzIG51bGxhIGluIGxlY3R1cyBtb2xlc3RpZSBtb2xsaXMuXG4gICAgICAgIFBlbGxlbnRlc3F1ZSBhdWN0b3IgbGliZXJvIGVnZXQgZG9sb3IgdmVoaWN1bGEsIGEgc3VzY2lwaXQgbnVuYyBsYW9yZWV0LlxuICAgICAgICBOdWxsYSBzdXNjaXBpdCBhbnRlIGluIHNvbGxpY2l0dWRpbiBzZW1wZXIuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgTnVsbGFtIHJ1dHJ1bSBhbnRlIHZpdGFlIG1ldHVzIGludGVyZHVtLCBxdWlzIGxhb3JlZXQgc2VtIG1heGltdXMuXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgUGVsbGVudGVzcXVlIGdyYXZpZGEgZGlhbSBxdWlzIG9yY2kgc3VzY2lwaXQgaGVuZHJlcml0LlxuICAgICAgICBWZXN0aWJ1bHVtIGNvbmd1ZSBzYXBpZW4gc2VkIHByZXRpdW0gZ3JhdmlkYS5cbiAgICAgICAgTnVsbGFtIG9ybmFyZSBsZWN0dXMgc2VkIHB1bHZpbmFyIGZyaW5naWxsYS5cbiAgICAgICAgTmFtIGRpY3R1bSBlcm9zIHNpdCBhbWV0IGxlY3R1cyBhbGlxdWV0IHRpbmNpZHVudC5cbiAgICAgICAgUXVpc3F1ZSBldSBhdWd1ZSBlZ2V0IGZlbGlzIHRpbmNpZHVudCBoZW5kcmVyaXQuXG4gICAgICAgIEFlbmVhbiB2ZWwgbG9yZW0gdmVsIHNlbSBjb25zZXF1YXQgY29uZ3VlLlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgIFBoYXNlbGx1cyBmaW5pYnVzIGxpYmVybyBhdCBibGFuZGl0IHNvbGxpY2l0dWRpbi5cbiAgICAgICAgUHJhZXNlbnQgcHVsdmluYXIgbGliZXJvIGEgbG9yZW0gc2NlbGVyaXNxdWUgc29kYWxlcy5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibWItM1wiPlxuICAgICAgICBEb25lYyB0ZW1wb3IgcXVhbSBlZ2V0IHR1cnBpcyBkaWduaXNzaW0gZWdlc3Rhcy5cbiAgICAgICAgUGVsbGVudGVzcXVlIHZ1bHB1dGF0ZSBuaXNpIGV1IG9ybmFyZSBldWlzbW9kLlxuICAgIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZXVpLXUtZm9udC1zaXplLXhzIGV1aS11LWNvbG9yLWluZm9cIj4mbHQ7ZW5kIG9mIGNvbnRlbnQmZ3Q7ICZtZGFzaDsgVGhpcyBsYXN0IGxpbmUgbXVzdCBhbHdheXMgYmUgdmlzaWJsZS48L2Rpdj5cbiJdfQ==
|
|
@@ -184,7 +184,7 @@ class DocPageCodeComponent {
|
|
|
184
184
|
this.showcase = 'ux';
|
|
185
185
|
}
|
|
186
186
|
onOpenCode() {
|
|
187
|
-
//
|
|
187
|
+
// eslint-disable-next-line max-len
|
|
188
188
|
const sourceRootPath = `https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/app-eui-showcase-${this.showcase}/browse/src/app/`;
|
|
189
189
|
window.open(sourceRootPath + this.codeFolder, '_blank');
|
|
190
190
|
}
|
|
@@ -273,7 +273,7 @@ class DocPageComponent {
|
|
|
273
273
|
catch (e) {
|
|
274
274
|
}
|
|
275
275
|
setTimeout(() => {
|
|
276
|
-
let tab = this.TABS_DEF.filter(t =>
|
|
276
|
+
let tab = this.TABS_DEF.filter(t => t.id === this.fragmentId)[0];
|
|
277
277
|
let tabIndex;
|
|
278
278
|
if (!tab) {
|
|
279
279
|
tabIndex = 3;
|
|
@@ -295,7 +295,7 @@ class DocPageComponent {
|
|
|
295
295
|
}
|
|
296
296
|
onTabSelected(event) {
|
|
297
297
|
if (!this.isLoading && !this.isNavClicked) {
|
|
298
|
-
let tabId = this.TABS_DEF.filter(t =>
|
|
298
|
+
let tabId = this.TABS_DEF.filter(t => t.index === event.index)[0].id;
|
|
299
299
|
this._scrollToFragment(tabId, event.index, false, false);
|
|
300
300
|
}
|
|
301
301
|
this.isNavClicked = false;
|
|
@@ -334,9 +334,7 @@ class DocPageComponent {
|
|
|
334
334
|
}
|
|
335
335
|
_getComponentStatus(id) {
|
|
336
336
|
const flatLinks = flatten(this.asService.state.sidebarLinks);
|
|
337
|
-
return flatLinks.filter((item) =>
|
|
338
|
-
return item.id === id;
|
|
339
|
-
})[0];
|
|
337
|
+
return flatLinks.filter((item) => item.id === id)[0];
|
|
340
338
|
function flatten(links) {
|
|
341
339
|
return links ? links.reduce((result, item) => [
|
|
342
340
|
...result,
|
|
@@ -408,10 +406,10 @@ class DocPageComponent {
|
|
|
408
406
|
}
|
|
409
407
|
}
|
|
410
408
|
/** @nocollapse */ DocPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocPageComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2.UxAppShellService }, { token: i3.DomSanitizer }, { token: i4.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
411
|
-
/** @nocollapse */ DocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", type: DocPageComponent, selector: "eui-showcase-doc-page", inputs: { id: "id", label: "label", subLabel: "subLabel", isNotReady: "isNotReady", isDeprecated: "isDeprecated", codeFolder: "codeFolder", showcase: "showcase" }, queries: [{ propertyName: "samples", predicate: DocSampleComponent, descendants: true }, { propertyName: "sections", predicate: DocSectionComponent, descendants: true }, { propertyName: "pageOverviewContent", predicate: i0.forwardRef(function () { return DocPageOverviewContentDirective; }) }, { propertyName: "pageSamplesContent", predicate: i0.forwardRef(function () { return DocPageSamplesContentDirective; }) }, { propertyName: "pageSectionsContent", predicate: i0.forwardRef(function () { return DocPageSectionsContentDirective; }) }, { propertyName: "pageInteractiveContent", predicate: i0.forwardRef(function () { return DocPageInteractiveContentDirective; }) }, { propertyName: "pageAccessibilityContent", predicate: i0.forwardRef(function () { return DocPageAccessibilityContentDirective; }) }, { propertyName: "pageApiContent", predicate: i0.forwardRef(function () { return DocPageApiContentDirective; }) }, { propertyName: "pageThemingContent", predicate: i0.forwardRef(function () { return DocPageThemingContentDirective; }) }], viewQueries: [{ propertyName: "tabsContent", first: true, predicate: ["tabsContent"], descendants: true }], ngImport: i0, template: "<div class=\"doc-page-navigation-wrapper\" [class.eui-u-hidden]=\"isLoading\">\n <div class=\"doc-page-main-column\">\n <eui-page>\n <eui-page-header label=\"{{label}}\" subLabel=\"{{subLabel}}\">\n <eui-page-header-action-items>\n <eui-showcase-doc-page-code *ngIf=\"codeFolder\" codeFolder=\"{{codeFolder}}\" showcase=\"{{showcase}}\"></eui-showcase-doc-page-code>\n <eui-chip *ngIf=\"stateLabel\" [euiSuccess]=\"stateLabel === 'ACTIVE'\" [euiWarning]=\"stateLabel === 'NOT READY'\" [euiDanger]=\"stateLabel === 'DEPRECATED'\">\n <span euiLabel><strong>{{stateLabel}}</strong></span>\n </eui-chip>\n </eui-page-header-action-items>\n </eui-page-header>\n\n <eui-page-content>\n <ux-alert *ngIf=\"stateLabel === 'NOT READY' || isNotReady\" typeClass=\"warning\">\n <p>\n This component <strong class=\"eui-u-color-warning-darkester-2\">is not ready for production</strong> usage yet, it's API is still subject to change during the coming weeks.\n </p>\n <p>\n For experimentation use only.\n </p>\n </ux-alert>\n\n <ux-alert *ngIf=\"stateLabel === 'DEPRECATED' || isDeprecated\" typeClass=\"danger\">\n <p>\n This component has been <strong class=\"eui-u-color-danger\">deprecated</strong>\n </p>\n <div *ngIf=\"cmp\">\n <div *ngIf=\"cmp.cmpReplacement !== 'NONE'\">\n It has been replaced by : <strong class=\"eui-u-color-success-darkest\">{{cmp.cmpReplacement}}</strong>.\n <!-- <br><br>\n You can find more information on the new component here : <a [routerLink]=\"cmp.cmpReplacementUrl\">{{cmp.cmpReplacementUrl}}</a> -->\n </div>\n <div *ngIf=\"cmp.cmpReplacement === 'NONE'\">\n This component will be <strong>discontinued in future version of eUI</strong>\n </div>\n <div *ngIf=\"cmp.cmpReplacementNote\">\n <strong class=\"eui-u-color-warning\">{{cmp.cmpReplacementNote}}</strong>\n </div>\n </div>\n </ux-alert>\n\n <div *ngIf=\"(stateLabel || isNotReady || isDeprecated) && stateLabel !== 'ACTIVE'\" class=\"mb-5\"></div>\n\n\n <eui-tabs #tabsContent *ngIf=\"pageSectionsContent.length === 0\" (tabSelected)=\"onTabSelected($event)\">\n <eui-tab>\n <euiTabLabel>\n OVERVIEW\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"overview\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Overview</h4>\n <div *ngIf=\"pageOverviewContent.length > 0; else noOverview\">\n <ng-content select=\"docPageOverview\"></ng-content>\n </div>\n <ng-template #noOverview>\n Coming soon...\n </ng-template>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n API\n </euiTabLabel>\n <euiTabContent>\n <ng-container *ngIf=\"apiUrlSafe\">\n <div class=\"flex-container\">\n <a href=\"{{apiUrl}}\" target=\"_blank\" class=\"ms-auto pb-2 eui-u-text-link-external\">Open API page</a>\n </div>\n <div class=\"doc-page-api-iframe-wrapper\">\n <iframe id=\"iframe_api\" [width]=\"'100%'\" height=\"700px\" frameBorder=\"0\" [src]=\"apiUrlSafe\"></iframe>\n </div>\n </ng-container>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n A11Y\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"accessibility\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Accessibility</h4>\n <ng-content select=\"docPageAccessibility\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n OPTIONS & SAMPLES\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"samples\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Options & samples</h4>\n <ng-content select=\"docPageSamples\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n\n <eui-tab *ngIf=\"pageThemingContent.length > 0\">\n <euiTabLabel>\n THEMING\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"theming\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Theming</h4>\n <ng-content select=\"docPageTheming\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab *ngIf=\"pageInteractiveContent.length > 0\">\n <euiTabLabel>\n ADVANCED EXAMPLES\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"interactive\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Advanced use cases</h4>\n <ng-content select=\"docPageInteractive\"></ng-content>\n </euiTabContent>\n </eui-tab>\n </eui-tabs>\n\n <ng-container *ngIf=\"pageSectionsContent.length > 0\">\n <h4 id=\"demo\" *ngIf=\"sections.length === 0\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Demo</h4>\n <ng-content select=\"docPageSections\"></ng-content>\n </ng-container>\n </eui-page-content>\n </eui-page>\n </div>\n\n <div class=\"doc-page-navigation-column eui-u-hidden-desktop-down\">\n <div id=\"doc-page-nav\">\n <div class=\"doc-page-navigation-title\">In this page</div>\n <div class=\"doc-page-navigation-content\" tabindex=\"0\">\n <ul class=\"doc-page-navigation\">\n <ng-container *ngIf=\"pageSectionsContent.length === 0\">\n <!-- ALWAYS PRESENT in each page-->\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'overview'\" (click)=\"onNavClick('overview', 0)\"><span>OVERVIEW</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'api'\" (click)=\"onNavClick('api', 1)\"><span>API</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'a11y'\" (click)=\"onNavClick('a11y', 2)\"><span>A11Y</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'samples'\" (click)=\"onNavClick('samples', 3)\"><span>OPTIONS & SAMPLES</span></li>\n <li class=\"doc-page-navigation-item doc-page-navigation-sub\">\n <ul *ngFor=\"let sample of samples\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === sample.id\" (click)=\"onNavClick(sample.id, 3)\"><span>{{sample.label}}</span></li>\n </ul>\n </li>\n\n <!-- OPTIONAL TABS-->\n <li *ngIf=\"pageThemingContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'theming'\" (click)=\"onNavClick('theming', 4)\"><span>THEMING</span></li>\n <li *ngIf=\"pageInteractiveContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'advanced'\" (click)=\"onNavClick('advanced', 5)\"><span>ADVANCED EXAMPLES</span></li>\n </ng-container>\n\n <ng-container *ngIf=\"pageSectionsContent.length > 0\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'sections'\" (click)=\"onNavClick('sections', null)\"><span>Sections</span></li>\n <li *ngIf=\"sections.length === 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'demo'\" (click)=\"onNavClick('demo', null)\"><span>Demo</span></li>\n <li *ngIf=\"sections.length > 0\" class=\"doc-page-navigation-item doc-page-navigation-sub\">\n <ul *ngFor=\"let section of sections\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === section.id\" (click)=\"onNavClick(section.id, null)\"><span>{{section.label}}</span></li>\n </ul>\n </li>\n </ng-container>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-base-spacing-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-base-color-white);box-shadow:0 8px 10px #b7c0ce33;position:fixed;right:0;transition:all ease-in-out .25s;width:400px;z-index:99;box-shadow:var(--eui-base-shadow-1)}.doc-page-navigation-wrapper .doc-page-navigation-column:hover{width:400px}.doc-page-navigation-title{font-weight:700;padding:var(--eui-base-spacing-s)}.doc-page-navigation-content{display:block;height:100vh;max-height:calc(100vh - 6rem);overflow-y:auto;width:100%}.doc-page-navigation-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.doc-page-navigation-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.doc-page-navigation-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.doc-page-navigation-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.doc-page-navigation{background-color:transparent;border-left:2px solid transparent;padding-top:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item{color:var(--eui-base-color-primary-100);cursor:pointer;line-height:1.5;overflow:hidden;padding:var(--eui-base-spacing-2xs);text-overflow:ellipsis;transition:background-color ease-in .2s;white-space:nowrap}.doc-page-navigation .doc-page-navigation-item span{font-weight:700;padding-left:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item:not(.doc-page-navigation-sub):hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item span{font-weight:400;padding-left:var(--eui-base-spacing-m)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item:hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-grey-15)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-item--selected{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-api-iframe-wrapper{display:flex;justify-content:space-around;margin:0}@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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$1.UxAlertComponent, selector: "ux-alert", inputs: ["styleClass", "typeClass", "iconClass", "isMuted", "isCloseable", "e2eAttr"], outputs: ["close"] }, { kind: "component", type: i6$1.EuiPageComponent, selector: "eui-page" }, { kind: "component", type: i6$1.EuiPageContentComponent, selector: "eui-page-content" }, { kind: "component", type: i6$1.EuiPageHeaderComponent, selector: "eui-page-header", inputs: ["label", "subLabel", "isCollapsible", "isCollapsed", "collapsedLabel", "expandedLabel"], outputs: ["collapse"] }, { kind: "directive", type: i6$1.EuiPageHeaderActionItemsContentDirective, selector: "eui-page-header-action-items" }, { kind: "component", type: i6.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", "styleClass", "euiSublabel"] }, { kind: "component", type: i8.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i9.EuiTabsComponent, selector: "eui-tabs", inputs: ["styleClass", "tabs", "isMainNavigation", "isSubTabs", "activeTabIndex", "isVerticalTabs", "e2eAttr", "pathMatch"], outputs: ["tabClosed", "tabSelected"] }, { kind: "component", type: i9.EuiTabComponent, selector: "eui-tab", inputs: ["isClosable", "url", "e2eAttr", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "tooltip"] }, { kind: "component", type: i9.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "component", type: i9.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "component", type: DocPageCodeComponent, selector: "eui-showcase-doc-page-code", inputs: ["codeFolder", "showcase"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
409
|
+
/** @nocollapse */ DocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", type: DocPageComponent, selector: "eui-showcase-doc-page", inputs: { id: "id", label: "label", subLabel: "subLabel", isNotReady: "isNotReady", isDeprecated: "isDeprecated", codeFolder: "codeFolder", showcase: "showcase" }, queries: [{ propertyName: "samples", predicate: DocSampleComponent, descendants: true }, { propertyName: "sections", predicate: DocSectionComponent, descendants: true }, { propertyName: "pageOverviewContent", predicate: i0.forwardRef(function () { return DocPageOverviewContentDirective; }) }, { propertyName: "pageSamplesContent", predicate: i0.forwardRef(function () { return DocPageSamplesContentDirective; }) }, { propertyName: "pageSectionsContent", predicate: i0.forwardRef(function () { return DocPageSectionsContentDirective; }) }, { propertyName: "pageInteractiveContent", predicate: i0.forwardRef(function () { return DocPageInteractiveContentDirective; }) }, { propertyName: "pageAccessibilityContent", predicate: i0.forwardRef(function () { return DocPageAccessibilityContentDirective; }) }, { propertyName: "pageApiContent", predicate: i0.forwardRef(function () { return DocPageApiContentDirective; }) }, { propertyName: "pageThemingContent", predicate: i0.forwardRef(function () { return DocPageThemingContentDirective; }) }], viewQueries: [{ propertyName: "tabsContent", first: true, predicate: ["tabsContent"], descendants: true }], ngImport: i0, template: "<div class=\"doc-page-navigation-wrapper\" [class.eui-u-hidden]=\"isLoading\">\n <div class=\"doc-page-main-column\">\n <eui-page>\n <eui-page-header label=\"{{label}}\" subLabel=\"{{subLabel}}\">\n <eui-page-header-action-items>\n <eui-showcase-doc-page-code *ngIf=\"codeFolder\" codeFolder=\"{{codeFolder}}\" showcase=\"{{showcase}}\"></eui-showcase-doc-page-code>\n <eui-chip *ngIf=\"stateLabel\" [euiSuccess]=\"stateLabel === 'ACTIVE'\" [euiWarning]=\"stateLabel === 'NOT READY'\" [euiDanger]=\"stateLabel === 'DEPRECATED'\">\n <span euiLabel><strong>{{stateLabel}}</strong></span>\n </eui-chip>\n </eui-page-header-action-items>\n </eui-page-header>\n\n <eui-page-content>\n <ux-alert *ngIf=\"stateLabel === 'NOT READY' || isNotReady\" typeClass=\"warning\">\n <p>\n This component <strong class=\"eui-u-color-warning-darkester-2\">is not ready for production</strong> usage yet, it's API is still subject to change during the coming weeks.\n </p>\n <p>\n For experimentation use only.\n </p>\n </ux-alert>\n\n <ux-alert *ngIf=\"stateLabel === 'DEPRECATED' || isDeprecated\" typeClass=\"danger\">\n <p>\n This component has been <strong class=\"eui-u-color-danger\">deprecated</strong>\n </p>\n <div *ngIf=\"cmp\">\n <div *ngIf=\"cmp.cmpReplacement !== 'NONE'\">\n It has been replaced by : <strong class=\"eui-u-color-success-darkest\">{{cmp.cmpReplacement}}</strong>.\n <!-- <br><br>\n You can find more information on the new component here : <a [routerLink]=\"cmp.cmpReplacementUrl\">{{cmp.cmpReplacementUrl}}</a> -->\n </div>\n <div *ngIf=\"cmp.cmpReplacement === 'NONE'\">\n This component will be <strong>discontinued in future version of eUI</strong>\n </div>\n <div *ngIf=\"cmp.cmpReplacementNote\">\n <strong class=\"eui-u-color-warning\">{{cmp.cmpReplacementNote}}</strong>\n </div>\n </div>\n </ux-alert>\n\n <div *ngIf=\"(stateLabel || isNotReady || isDeprecated) && stateLabel !== 'ACTIVE'\" class=\"mb-5\"></div>\n\n\n <eui-tabs #tabsContent *ngIf=\"pageSectionsContent.length === 0\" (tabSelected)=\"onTabSelected($event)\">\n <eui-tab>\n <euiTabLabel>\n OVERVIEW\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"overview\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Overview</h4>\n <div *ngIf=\"pageOverviewContent.length > 0; else noOverview\">\n <ng-content select=\"docPageOverview\"></ng-content>\n </div>\n <ng-template #noOverview>\n Coming soon...\n </ng-template>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n API\n </euiTabLabel>\n <euiTabContent>\n <ng-container *ngIf=\"apiUrlSafe\">\n <div class=\"flex-container\">\n <a href=\"{{apiUrl}}\" target=\"_blank\" class=\"ms-auto pb-2 eui-u-text-link-external\">Open API page</a>\n </div>\n <div class=\"doc-page-api-iframe-wrapper\">\n <iframe id=\"iframe_api\" [width]=\"'100%'\" height=\"700px\" frameBorder=\"0\" [src]=\"apiUrlSafe\"></iframe>\n </div>\n </ng-container>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n A11Y\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"accessibility\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Accessibility</h4>\n <ng-content select=\"docPageAccessibility\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n OPTIONS & SAMPLES\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"samples\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Options & samples</h4>\n <ng-content select=\"docPageSamples\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab *ngIf=\"pageThemingContent.length > 0\">\n <euiTabLabel>\n THEMING\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"theming\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Theming</h4>\n <ng-content select=\"docPageTheming\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab *ngIf=\"pageInteractiveContent.length > 0\">\n <euiTabLabel>\n ADVANCED EXAMPLES\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"interactive\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Advanced use cases</h4>\n <ng-content select=\"docPageInteractive\"></ng-content>\n </euiTabContent>\n </eui-tab>\n </eui-tabs>\n\n <ng-container *ngIf=\"pageSectionsContent.length > 0\">\n <h4 id=\"demo\" *ngIf=\"sections.length === 0\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Demo</h4>\n <ng-content select=\"docPageSections\"></ng-content>\n </ng-container>\n </eui-page-content>\n </eui-page>\n </div>\n\n <div class=\"doc-page-navigation-column eui-u-hidden-desktop-down\">\n <div id=\"doc-page-nav\">\n <div class=\"doc-page-navigation-title\">In this page</div>\n <div class=\"doc-page-navigation-content\" tabindex=\"0\">\n <ul class=\"doc-page-navigation\">\n <ng-container *ngIf=\"pageSectionsContent.length === 0\">\n <!-- ALWAYS PRESENT in each page-->\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'overview'\" (click)=\"onNavClick('overview', 0)\"><span>OVERVIEW</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'api'\" (click)=\"onNavClick('api', 1)\"><span>API</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'a11y'\" (click)=\"onNavClick('a11y', 2)\"><span>A11Y</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'samples'\" (click)=\"onNavClick('samples', 3)\"><span>OPTIONS & SAMPLES</span></li>\n <li class=\"doc-page-navigation-item doc-page-navigation-sub\">\n <ul *ngFor=\"let sample of samples\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === sample.id\" (click)=\"onNavClick(sample.id, 3)\"><span>{{sample.label}}</span></li>\n </ul>\n </li>\n\n <!-- OPTIONAL TABS-->\n <ng-container *ngIf=\"pageThemingContent.length > 0\">\n <li *ngIf=\"pageThemingContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'theming'\" (click)=\"onNavClick('theming', 4)\"><span>THEMING</span></li>\n <li *ngIf=\"pageInteractiveContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'advanced'\" (click)=\"onNavClick('advanced', 5)\"><span>ADVANCED EXAMPLES</span></li>\n </ng-container>\n <ng-container *ngIf=\"pageThemingContent.length === 0\">\n <li *ngIf=\"pageInteractiveContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'advanced'\" (click)=\"onNavClick('advanced', 4)\"><span>ADVANCED EXAMPLES</span></li>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"pageSectionsContent.length > 0\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'sections'\" (click)=\"onNavClick('sections', null)\"><span>Sections</span></li>\n <li *ngIf=\"sections.length === 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'demo'\" (click)=\"onNavClick('demo', null)\"><span>Demo</span></li>\n <li *ngIf=\"sections.length > 0\" class=\"doc-page-navigation-item doc-page-navigation-sub\">\n <ul *ngFor=\"let section of sections\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === section.id\" (click)=\"onNavClick(section.id, null)\"><span>{{section.label}}</span></li>\n </ul>\n </li>\n </ng-container>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-base-spacing-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-base-color-white);box-shadow:0 8px 10px #b7c0ce33;position:fixed;right:0;transition:all ease-in-out .25s;width:400px;z-index:99;box-shadow:var(--eui-base-shadow-1)}.doc-page-navigation-wrapper .doc-page-navigation-column:hover{width:400px}.doc-page-navigation-title{font-weight:700;padding:var(--eui-base-spacing-s)}.doc-page-navigation-content{display:block;height:100vh;max-height:calc(100vh - 6rem);overflow-y:auto;width:100%}.doc-page-navigation-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.doc-page-navigation-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.doc-page-navigation-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.doc-page-navigation-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.doc-page-navigation{background-color:transparent;border-left:2px solid transparent;padding-top:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item{color:var(--eui-base-color-primary-100);cursor:pointer;line-height:1.5;overflow:hidden;padding:var(--eui-base-spacing-2xs);text-overflow:ellipsis;transition:background-color ease-in .2s;white-space:nowrap}.doc-page-navigation .doc-page-navigation-item span{font-weight:700;padding-left:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item:not(.doc-page-navigation-sub):hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item span{font-weight:400;padding-left:var(--eui-base-spacing-m)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item:hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-grey-15)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-item--selected{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-api-iframe-wrapper{display:flex;justify-content:space-around;margin:0}@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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$1.UxAlertComponent, selector: "ux-alert", inputs: ["styleClass", "typeClass", "iconClass", "isMuted", "isCloseable", "e2eAttr"], outputs: ["close"] }, { kind: "component", type: i6$1.EuiPageComponent, selector: "eui-page" }, { kind: "component", type: i6$1.EuiPageContentComponent, selector: "eui-page-content" }, { kind: "component", type: i6$1.EuiPageHeaderComponent, selector: "eui-page-header", inputs: ["label", "subLabel", "isCollapsible", "isCollapsed", "collapsedLabel", "expandedLabel"], outputs: ["collapse"] }, { kind: "directive", type: i6$1.EuiPageHeaderActionItemsContentDirective, selector: "eui-page-header-action-items" }, { kind: "component", type: i6.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", "styleClass", "euiSublabel"] }, { kind: "component", type: i8.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i9.EuiTabsComponent, selector: "eui-tabs", inputs: ["styleClass", "tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isSubTabs", "isVerticalTabs"], outputs: ["tabClosed", "tabSelected"] }, { kind: "component", type: i9.EuiTabComponent, selector: "eui-tab", inputs: ["isClosable", "url", "e2eAttr", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "tooltip"] }, { kind: "component", type: i9.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "component", type: i9.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "component", type: DocPageCodeComponent, selector: "eui-showcase-doc-page-code", inputs: ["codeFolder", "showcase"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
412
410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocPageComponent, decorators: [{
|
|
413
411
|
type: Component,
|
|
414
|
-
args: [{ selector: 'eui-showcase-doc-page', encapsulation: ViewEncapsulation.None, template: "<div class=\"doc-page-navigation-wrapper\" [class.eui-u-hidden]=\"isLoading\">\n <div class=\"doc-page-main-column\">\n <eui-page>\n <eui-page-header label=\"{{label}}\" subLabel=\"{{subLabel}}\">\n <eui-page-header-action-items>\n <eui-showcase-doc-page-code *ngIf=\"codeFolder\" codeFolder=\"{{codeFolder}}\" showcase=\"{{showcase}}\"></eui-showcase-doc-page-code>\n <eui-chip *ngIf=\"stateLabel\" [euiSuccess]=\"stateLabel === 'ACTIVE'\" [euiWarning]=\"stateLabel === 'NOT READY'\" [euiDanger]=\"stateLabel === 'DEPRECATED'\">\n <span euiLabel><strong>{{stateLabel}}</strong></span>\n </eui-chip>\n </eui-page-header-action-items>\n </eui-page-header>\n\n <eui-page-content>\n <ux-alert *ngIf=\"stateLabel === 'NOT READY' || isNotReady\" typeClass=\"warning\">\n <p>\n This component <strong class=\"eui-u-color-warning-darkester-2\">is not ready for production</strong> usage yet, it's API is still subject to change during the coming weeks.\n </p>\n <p>\n For experimentation use only.\n </p>\n </ux-alert>\n\n <ux-alert *ngIf=\"stateLabel === 'DEPRECATED' || isDeprecated\" typeClass=\"danger\">\n <p>\n This component has been <strong class=\"eui-u-color-danger\">deprecated</strong>\n </p>\n <div *ngIf=\"cmp\">\n <div *ngIf=\"cmp.cmpReplacement !== 'NONE'\">\n It has been replaced by : <strong class=\"eui-u-color-success-darkest\">{{cmp.cmpReplacement}}</strong>.\n <!-- <br><br>\n You can find more information on the new component here : <a [routerLink]=\"cmp.cmpReplacementUrl\">{{cmp.cmpReplacementUrl}}</a> -->\n </div>\n <div *ngIf=\"cmp.cmpReplacement === 'NONE'\">\n This component will be <strong>discontinued in future version of eUI</strong>\n </div>\n <div *ngIf=\"cmp.cmpReplacementNote\">\n <strong class=\"eui-u-color-warning\">{{cmp.cmpReplacementNote}}</strong>\n </div>\n </div>\n </ux-alert>\n\n <div *ngIf=\"(stateLabel || isNotReady || isDeprecated) && stateLabel !== 'ACTIVE'\" class=\"mb-5\"></div>\n\n\n <eui-tabs #tabsContent *ngIf=\"pageSectionsContent.length === 0\" (tabSelected)=\"onTabSelected($event)\">\n <eui-tab>\n <euiTabLabel>\n OVERVIEW\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"overview\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Overview</h4>\n <div *ngIf=\"pageOverviewContent.length > 0; else noOverview\">\n <ng-content select=\"docPageOverview\"></ng-content>\n </div>\n <ng-template #noOverview>\n Coming soon...\n </ng-template>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n API\n </euiTabLabel>\n <euiTabContent>\n <ng-container *ngIf=\"apiUrlSafe\">\n <div class=\"flex-container\">\n <a href=\"{{apiUrl}}\" target=\"_blank\" class=\"ms-auto pb-2 eui-u-text-link-external\">Open API page</a>\n </div>\n <div class=\"doc-page-api-iframe-wrapper\">\n <iframe id=\"iframe_api\" [width]=\"'100%'\" height=\"700px\" frameBorder=\"0\" [src]=\"apiUrlSafe\"></iframe>\n </div>\n </ng-container>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n A11Y\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"accessibility\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Accessibility</h4>\n <ng-content select=\"docPageAccessibility\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n OPTIONS & SAMPLES\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"samples\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Options & samples</h4>\n <ng-content select=\"docPageSamples\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n\n <eui-tab *ngIf=\"pageThemingContent.length > 0\">\n <euiTabLabel>\n THEMING\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"theming\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Theming</h4>\n <ng-content select=\"docPageTheming\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab *ngIf=\"pageInteractiveContent.length > 0\">\n <euiTabLabel>\n ADVANCED EXAMPLES\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"interactive\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Advanced use cases</h4>\n <ng-content select=\"docPageInteractive\"></ng-content>\n </euiTabContent>\n </eui-tab>\n </eui-tabs>\n\n <ng-container *ngIf=\"pageSectionsContent.length > 0\">\n <h4 id=\"demo\" *ngIf=\"sections.length === 0\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Demo</h4>\n <ng-content select=\"docPageSections\"></ng-content>\n </ng-container>\n </eui-page-content>\n </eui-page>\n </div>\n\n <div class=\"doc-page-navigation-column eui-u-hidden-desktop-down\">\n <div id=\"doc-page-nav\">\n <div class=\"doc-page-navigation-title\">In this page</div>\n <div class=\"doc-page-navigation-content\" tabindex=\"0\">\n <ul class=\"doc-page-navigation\">\n <ng-container *ngIf=\"pageSectionsContent.length === 0\">\n <!-- ALWAYS PRESENT in each page-->\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'overview'\" (click)=\"onNavClick('overview', 0)\"><span>OVERVIEW</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'api'\" (click)=\"onNavClick('api', 1)\"><span>API</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'a11y'\" (click)=\"onNavClick('a11y', 2)\"><span>A11Y</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'samples'\" (click)=\"onNavClick('samples', 3)\"><span>OPTIONS & SAMPLES</span></li>\n <li class=\"doc-page-navigation-item doc-page-navigation-sub\">\n <ul *ngFor=\"let sample of samples\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === sample.id\" (click)=\"onNavClick(sample.id, 3)\"><span>{{sample.label}}</span></li>\n </ul>\n </li>\n\n <!-- OPTIONAL TABS-->\n <li *ngIf=\"pageThemingContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'theming'\" (click)=\"onNavClick('theming', 4)\"><span>THEMING</span></li>\n <li *ngIf=\"pageInteractiveContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'advanced'\" (click)=\"onNavClick('advanced', 5)\"><span>ADVANCED EXAMPLES</span></li>\n </ng-container>\n\n <ng-container *ngIf=\"pageSectionsContent.length > 0\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'sections'\" (click)=\"onNavClick('sections', null)\"><span>Sections</span></li>\n <li *ngIf=\"sections.length === 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'demo'\" (click)=\"onNavClick('demo', null)\"><span>Demo</span></li>\n <li *ngIf=\"sections.length > 0\" class=\"doc-page-navigation-item doc-page-navigation-sub\">\n <ul *ngFor=\"let section of sections\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === section.id\" (click)=\"onNavClick(section.id, null)\"><span>{{section.label}}</span></li>\n </ul>\n </li>\n </ng-container>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-base-spacing-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-base-color-white);box-shadow:0 8px 10px #b7c0ce33;position:fixed;right:0;transition:all ease-in-out .25s;width:400px;z-index:99;box-shadow:var(--eui-base-shadow-1)}.doc-page-navigation-wrapper .doc-page-navigation-column:hover{width:400px}.doc-page-navigation-title{font-weight:700;padding:var(--eui-base-spacing-s)}.doc-page-navigation-content{display:block;height:100vh;max-height:calc(100vh - 6rem);overflow-y:auto;width:100%}.doc-page-navigation-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.doc-page-navigation-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.doc-page-navigation-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.doc-page-navigation-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.doc-page-navigation{background-color:transparent;border-left:2px solid transparent;padding-top:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item{color:var(--eui-base-color-primary-100);cursor:pointer;line-height:1.5;overflow:hidden;padding:var(--eui-base-spacing-2xs);text-overflow:ellipsis;transition:background-color ease-in .2s;white-space:nowrap}.doc-page-navigation .doc-page-navigation-item span{font-weight:700;padding-left:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item:not(.doc-page-navigation-sub):hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item span{font-weight:400;padding-left:var(--eui-base-spacing-m)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item:hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-grey-15)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-item--selected{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-api-iframe-wrapper{display:flex;justify-content:space-around;margin:0}@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"] }]
|
|
412
|
+
args: [{ selector: 'eui-showcase-doc-page', encapsulation: ViewEncapsulation.None, template: "<div class=\"doc-page-navigation-wrapper\" [class.eui-u-hidden]=\"isLoading\">\n <div class=\"doc-page-main-column\">\n <eui-page>\n <eui-page-header label=\"{{label}}\" subLabel=\"{{subLabel}}\">\n <eui-page-header-action-items>\n <eui-showcase-doc-page-code *ngIf=\"codeFolder\" codeFolder=\"{{codeFolder}}\" showcase=\"{{showcase}}\"></eui-showcase-doc-page-code>\n <eui-chip *ngIf=\"stateLabel\" [euiSuccess]=\"stateLabel === 'ACTIVE'\" [euiWarning]=\"stateLabel === 'NOT READY'\" [euiDanger]=\"stateLabel === 'DEPRECATED'\">\n <span euiLabel><strong>{{stateLabel}}</strong></span>\n </eui-chip>\n </eui-page-header-action-items>\n </eui-page-header>\n\n <eui-page-content>\n <ux-alert *ngIf=\"stateLabel === 'NOT READY' || isNotReady\" typeClass=\"warning\">\n <p>\n This component <strong class=\"eui-u-color-warning-darkester-2\">is not ready for production</strong> usage yet, it's API is still subject to change during the coming weeks.\n </p>\n <p>\n For experimentation use only.\n </p>\n </ux-alert>\n\n <ux-alert *ngIf=\"stateLabel === 'DEPRECATED' || isDeprecated\" typeClass=\"danger\">\n <p>\n This component has been <strong class=\"eui-u-color-danger\">deprecated</strong>\n </p>\n <div *ngIf=\"cmp\">\n <div *ngIf=\"cmp.cmpReplacement !== 'NONE'\">\n It has been replaced by : <strong class=\"eui-u-color-success-darkest\">{{cmp.cmpReplacement}}</strong>.\n <!-- <br><br>\n You can find more information on the new component here : <a [routerLink]=\"cmp.cmpReplacementUrl\">{{cmp.cmpReplacementUrl}}</a> -->\n </div>\n <div *ngIf=\"cmp.cmpReplacement === 'NONE'\">\n This component will be <strong>discontinued in future version of eUI</strong>\n </div>\n <div *ngIf=\"cmp.cmpReplacementNote\">\n <strong class=\"eui-u-color-warning\">{{cmp.cmpReplacementNote}}</strong>\n </div>\n </div>\n </ux-alert>\n\n <div *ngIf=\"(stateLabel || isNotReady || isDeprecated) && stateLabel !== 'ACTIVE'\" class=\"mb-5\"></div>\n\n\n <eui-tabs #tabsContent *ngIf=\"pageSectionsContent.length === 0\" (tabSelected)=\"onTabSelected($event)\">\n <eui-tab>\n <euiTabLabel>\n OVERVIEW\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"overview\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Overview</h4>\n <div *ngIf=\"pageOverviewContent.length > 0; else noOverview\">\n <ng-content select=\"docPageOverview\"></ng-content>\n </div>\n <ng-template #noOverview>\n Coming soon...\n </ng-template>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n API\n </euiTabLabel>\n <euiTabContent>\n <ng-container *ngIf=\"apiUrlSafe\">\n <div class=\"flex-container\">\n <a href=\"{{apiUrl}}\" target=\"_blank\" class=\"ms-auto pb-2 eui-u-text-link-external\">Open API page</a>\n </div>\n <div class=\"doc-page-api-iframe-wrapper\">\n <iframe id=\"iframe_api\" [width]=\"'100%'\" height=\"700px\" frameBorder=\"0\" [src]=\"apiUrlSafe\"></iframe>\n </div>\n </ng-container>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n A11Y\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"accessibility\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Accessibility</h4>\n <ng-content select=\"docPageAccessibility\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab>\n <euiTabLabel>\n OPTIONS & SAMPLES\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"samples\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Options & samples</h4>\n <ng-content select=\"docPageSamples\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab *ngIf=\"pageThemingContent.length > 0\">\n <euiTabLabel>\n THEMING\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"theming\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Theming</h4>\n <ng-content select=\"docPageTheming\"></ng-content>\n </euiTabContent>\n </eui-tab>\n\n <eui-tab *ngIf=\"pageInteractiveContent.length > 0\">\n <euiTabLabel>\n ADVANCED EXAMPLES\n </euiTabLabel>\n <euiTabContent>\n <h4 id=\"interactive\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Advanced use cases</h4>\n <ng-content select=\"docPageInteractive\"></ng-content>\n </euiTabContent>\n </eui-tab>\n </eui-tabs>\n\n <ng-container *ngIf=\"pageSectionsContent.length > 0\">\n <h4 id=\"demo\" *ngIf=\"sections.length === 0\" class=\"eui-u-font-bold eui-u-color-info mt-3 mb-2\">Demo</h4>\n <ng-content select=\"docPageSections\"></ng-content>\n </ng-container>\n </eui-page-content>\n </eui-page>\n </div>\n\n <div class=\"doc-page-navigation-column eui-u-hidden-desktop-down\">\n <div id=\"doc-page-nav\">\n <div class=\"doc-page-navigation-title\">In this page</div>\n <div class=\"doc-page-navigation-content\" tabindex=\"0\">\n <ul class=\"doc-page-navigation\">\n <ng-container *ngIf=\"pageSectionsContent.length === 0\">\n <!-- ALWAYS PRESENT in each page-->\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'overview'\" (click)=\"onNavClick('overview', 0)\"><span>OVERVIEW</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'api'\" (click)=\"onNavClick('api', 1)\"><span>API</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'a11y'\" (click)=\"onNavClick('a11y', 2)\"><span>A11Y</span></li>\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'samples'\" (click)=\"onNavClick('samples', 3)\"><span>OPTIONS & SAMPLES</span></li>\n <li class=\"doc-page-navigation-item doc-page-navigation-sub\">\n <ul *ngFor=\"let sample of samples\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === sample.id\" (click)=\"onNavClick(sample.id, 3)\"><span>{{sample.label}}</span></li>\n </ul>\n </li>\n\n <!-- OPTIONAL TABS-->\n <ng-container *ngIf=\"pageThemingContent.length > 0\">\n <li *ngIf=\"pageThemingContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'theming'\" (click)=\"onNavClick('theming', 4)\"><span>THEMING</span></li>\n <li *ngIf=\"pageInteractiveContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'advanced'\" (click)=\"onNavClick('advanced', 5)\"><span>ADVANCED EXAMPLES</span></li>\n </ng-container>\n <ng-container *ngIf=\"pageThemingContent.length === 0\">\n <li *ngIf=\"pageInteractiveContent.length > 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'advanced'\" (click)=\"onNavClick('advanced', 4)\"><span>ADVANCED EXAMPLES</span></li>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"pageSectionsContent.length > 0\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'sections'\" (click)=\"onNavClick('sections', null)\"><span>Sections</span></li>\n <li *ngIf=\"sections.length === 0\" class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === 'demo'\" (click)=\"onNavClick('demo', null)\"><span>Demo</span></li>\n <li *ngIf=\"sections.length > 0\" class=\"doc-page-navigation-item doc-page-navigation-sub\">\n <ul *ngFor=\"let section of sections\">\n <li class=\"doc-page-navigation-item\" [class.doc-page-navigation-item--selected]=\"fragmentId === section.id\" (click)=\"onNavClick(section.id, null)\"><span>{{section.label}}</span></li>\n </ul>\n </li>\n </ng-container>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".doc-page-navigation-wrapper{display:flex;flex-wrap:wrap;width:100%}.doc-page-navigation-wrapper .doc-page-main-column{padding-right:var(--eui-base-spacing-m);width:calc(100% - 400px)}.doc-page-navigation-wrapper .doc-page-navigation-column{background:var(--eui-base-color-white);box-shadow:0 8px 10px #b7c0ce33;position:fixed;right:0;transition:all ease-in-out .25s;width:400px;z-index:99;box-shadow:var(--eui-base-shadow-1)}.doc-page-navigation-wrapper .doc-page-navigation-column:hover{width:400px}.doc-page-navigation-title{font-weight:700;padding:var(--eui-base-spacing-s)}.doc-page-navigation-content{display:block;height:100vh;max-height:calc(100vh - 6rem);overflow-y:auto;width:100%}.doc-page-navigation-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.doc-page-navigation-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.doc-page-navigation-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.doc-page-navigation-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.doc-page-navigation{background-color:transparent;border-left:2px solid transparent;padding-top:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item{color:var(--eui-base-color-primary-100);cursor:pointer;line-height:1.5;overflow:hidden;padding:var(--eui-base-spacing-2xs);text-overflow:ellipsis;transition:background-color ease-in .2s;white-space:nowrap}.doc-page-navigation .doc-page-navigation-item span{font-weight:700;padding-left:var(--eui-base-spacing-xs)}.doc-page-navigation .doc-page-navigation-item:not(.doc-page-navigation-sub):hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item span{font-weight:400;padding-left:var(--eui-base-spacing-m)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-sub .doc-page-navigation-item:hover{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-grey-15)}.doc-page-navigation .doc-page-navigation-item.doc-page-navigation-item--selected{background-color:var(--eui-base-color-grey-5);border-left:2px solid var(--eui-base-color-info-100)}.doc-page-api-iframe-wrapper{display:flex;justify-content:space-around;margin:0}@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"] }]
|
|
415
413
|
}], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.UxAppShellService }, { type: i3.DomSanitizer }, { type: i4.Location }]; }, propDecorators: { id: [{
|
|
416
414
|
type: Input
|
|
417
415
|
}], label: [{
|
|
@@ -457,7 +455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImpor
|
|
|
457
455
|
type: ViewChild,
|
|
458
456
|
args: ['tabsContent']
|
|
459
457
|
}] } });
|
|
460
|
-
/*
|
|
458
|
+
/* eslint-disable @angular-eslint/directive-selector */
|
|
461
459
|
class DocPageOverviewContentDirective {
|
|
462
460
|
}
|
|
463
461
|
/** @nocollapse */ DocPageOverviewContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocPageOverviewContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -538,10 +536,10 @@ class DocSectionCodeComponent {
|
|
|
538
536
|
}
|
|
539
537
|
}
|
|
540
538
|
/** @nocollapse */ DocSectionCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocSectionCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
541
|
-
/** @nocollapse */ DocSectionCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", 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: i0.forwardRef(function () { return DocSectionCodeDescriptionTagDirective; }), descendants: true }, { propertyName: "sectionCodeHTML", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeHtmlTagDirective; }), descendants: true }, { propertyName: "sectionCodeTS", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeTsTagDirective; }), descendants: true }, { propertyName: "sectionCodeSERVICE", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeServiceTagDirective; }), descendants: true }, { propertyName: "sectionCodeCSS", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeCssTagDirective; }), descendants: true }, { propertyName: "sectionCodeDOC", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeDocTagDirective; }), descendants: true }], ngImport: i0, template: "<h5 class=\"section-title {{styleClass}}\">\n <div class=\"flex-
|
|
539
|
+
/** @nocollapse */ DocSectionCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", 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: i0.forwardRef(function () { return DocSectionCodeDescriptionTagDirective; }), descendants: true }, { propertyName: "sectionCodeHTML", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeHtmlTagDirective; }), descendants: true }, { propertyName: "sectionCodeTS", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeTsTagDirective; }), descendants: true }, { propertyName: "sectionCodeSERVICE", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeServiceTagDirective; }), descendants: true }, { propertyName: "sectionCodeCSS", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeCssTagDirective; }), descendants: true }, { propertyName: "sectionCodeDOC", first: true, predicate: i0.forwardRef(function () { return DocSectionCodeDocTagDirective; }), descendants: true }], ngImport: i0, 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 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 <eui-tab-label>HTML</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-markup\" euiCode><ng-content select=\"sectionCodeHTML\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeTS)\">\n <eui-tab-label>TS</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeTS\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeSERVICE)\">\n <eui-tab-label>Service</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeSERVICE\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeCSS)\">\n <eui-tab-label>CSS</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeCSS\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeDOC)\">\n <eui-tab-label>DOC</eui-tab-label>\n <eui-tab-content>\n <div class=\"language-doc\"><ng-content select=\"sectionCodeDOC\"></ng-content></div>\n </eui-tab-content>\n </eui-tab>\n </eui-tabs>\n\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.EuiIconComponent, selector: "span[euiIcon], i[euiIcon], eui-icon", inputs: ["iconClass", "isLoading", "aria-label"] }, { kind: "component", type: i6.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", "styleClass", "euiSublabel"] }, { kind: "component", type: i2$1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["euiBasicButton", "euiButtonCall", "euiBlockButton", "euiRaisedButton", "isLoading", "euiIconButton", "euiLineWrap", "e2eAttr"] }, { kind: "component", type: i9.EuiTabsComponent, selector: "eui-tabs", inputs: ["styleClass", "tabs", "activeTabIndex", "e2eAttr", "pathMatch", "isMainNavigation", "isSubTabs", "isVerticalTabs"], outputs: ["tabClosed", "tabSelected"] }, { kind: "component", type: i9.EuiTabComponent, selector: "eui-tab", inputs: ["isClosable", "url", "e2eAttr", "isVisible", "isActive", "isDisabled", "hasBackgroundFilled", "tooltip"] }, { kind: "component", type: i9.EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel" }, { kind: "component", type: i9.EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: ["hasNoContentPadding"] }, { kind: "directive", type: EuiCodeHighlighterDirective, selector: "[euiCode]" }] });
|
|
542
540
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocSectionCodeComponent, decorators: [{
|
|
543
541
|
type: Component,
|
|
544
|
-
args: [{ selector: 'eui-showcase-doc-section-code', template: "<h5 class=\"section-title {{styleClass}}\">\n <div class=\"flex-
|
|
542
|
+
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 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 <eui-tab-label>HTML</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-markup\" euiCode><ng-content select=\"sectionCodeHTML\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeTS)\">\n <eui-tab-label>TS</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeTS\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeSERVICE)\">\n <eui-tab-label>Service</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeSERVICE\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeCSS)\">\n <eui-tab-label>CSS</eui-tab-label>\n <eui-tab-content>\n <pre><code class=\"language-javascript\" euiCode><ng-content select=\"sectionCodeCSS\"></ng-content></code></pre>\n </eui-tab-content>\n </eui-tab>\n\n <eui-tab [isVisible]=\"isDefined(sectionCodeDOC)\">\n <eui-tab-label>DOC</eui-tab-label>\n <eui-tab-content>\n <div class=\"language-doc\"><ng-content select=\"sectionCodeDOC\"></ng-content></div>\n </eui-tab-content>\n </eui-tab>\n </eui-tabs>\n\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"] }]
|
|
545
543
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
546
544
|
type: Input
|
|
547
545
|
}], content: [{
|
|
@@ -573,7 +571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImpor
|
|
|
573
571
|
type: ContentChild,
|
|
574
572
|
args: [forwardRef(() => DocSectionCodeDocTagDirective)]
|
|
575
573
|
}] } });
|
|
576
|
-
/*
|
|
574
|
+
/* eslint-disable @angular-eslint/directive-selector */
|
|
577
575
|
class DocSectionCodeDescriptionTagDirective {
|
|
578
576
|
}
|
|
579
577
|
/** @nocollapse */ DocSectionCodeDescriptionTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: DocSectionCodeDescriptionTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -636,7 +634,7 @@ class DocPageCodeFabComponent {
|
|
|
636
634
|
this.dialog.closeDialog();
|
|
637
635
|
}
|
|
638
636
|
onOpenCode() {
|
|
639
|
-
//
|
|
637
|
+
// eslint-disable-next-line max-len
|
|
640
638
|
const sourceRootPath = `https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/app-eui-showcase-${this.showcase}/browse/src/app/`;
|
|
641
639
|
window.open(sourceRootPath + this.codeFolder, '_blank');
|
|
642
640
|
}
|