@eui/components 18.0.0-next.57 → 18.0.0-next.59
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/docs/components/EuiAppSidebarMenuComponent.html +25 -1
- package/docs/components/EuiCardHeaderComponent.html +1 -1
- package/docs/components/EuiDashboardCardComponent.html +24 -0
- package/docs/components/EuiMenuComponent.html +25 -1
- package/docs/components/EuiMenuItemComponent.html +24 -0
- package/docs/components/EuiSidebarMenuComponent.html +25 -1
- package/docs/components/EuiToolbarNavbarComponent.html +105 -4
- package/docs/dependencies.html +1 -1
- package/docs/js/menu-wc.js +6 -6
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiToolbarModule.html +3 -0
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +3 -3
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +14 -4
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +11 -4
- package/esm2022/eui-menu/eui-menu.component.mjs +7 -3
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +7 -3
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
- package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +7 -3
- package/esm2022/layout/eui-app/eui-app.component.mjs +1 -1
- package/esm2022/layout/eui-search/search.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs +15 -11
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar.module.mjs +5 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts +3 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts +3 -1
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts +3 -1
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts +3 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +4 -28
- package/fesm2022/eui-components-eui-card.mjs.map +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs +15 -5
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +2 -2
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +17 -6
- package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +6 -2
- package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +161 -119
- package/fesm2022/eui-components-layout.mjs.map +4 -4
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +3 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts +7 -2
- package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.module.d.ts +4 -3
- package/layout/eui-toolbar/toolbar.module.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -27,11 +27,11 @@ export class EuiCardHeaderComponent {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiCardHeaderComponent, deps: [{ token: i1.UiStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiCardHeaderComponent, selector: "eui-card-header", inputs: { expandLabel: "expandLabel", collapseLabel: "collapseLabel", hasHeaderClickToggle: ["hasHeaderClickToggle", "hasHeaderClickToggle", booleanAttribute], hasBottomExpander: ["hasBottomExpander", "hasBottomExpander", booleanAttribute], hasFullTitle: ["hasFullTitle", "hasFullTitle", booleanAttribute], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute] }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<button class=\"eui-card-header__container\" (click)=\"onToggleHeader()\"\n [attr.tabindex]=\"(uiStateService.state$ | async).isCollapsible ? '0' : '-1'\">\n\n <ng-content select=\"eui-card-header-left-content\"></ng-content>\n\n <ng-container *ngIf=\"!hasFullTitle\">\n <div class=\"eui-card-header__title-container\" [class.eui-card-header__title-container--multilines]=\"isHeaderMultilines\">\n <ng-content *ngTemplateOutlet=\"title\"></ng-content>\n <ng-content *ngTemplateOutlet=\"subtitle\"></ng-content>\n </div>\n <ng-content *ngTemplateOutlet=\"rightContent\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"hasFullTitle\">\n <div class=\"eui-card-header__middle-container\">\n <div class=\"eui-card-header__title-container\" [class.eui-card-header__title-container--multilines]=\"isHeaderMultilines\">\n <ng-content *ngTemplateOutlet=\"title\"></ng-content>\n </div>\n <div class=\"eui-card-header__middle-content\">\n <ng-content *ngTemplateOutlet=\"subtitle\"></ng-content>\n <ng-content *ngTemplateOutlet=\"rightContent\"></ng-content>\n </div>\n </div>\n </ng-container>\n\n <div\n *ngIf=\"(uiStateService.state$ | async).isCollapsible\"\n class=\"eui-card-header__expander\"\n [class.eui-card-header__expander--bottom]=\"hasBottomExpander\"\n [class.eui-card-header__expander--top]=\"isHeaderMultilines\">\n <eui-icon-button-expander class=\"eui-card-header__expander-icon\"\n [isExpanded]=\"!(uiStateService.state$ | async).isCollapsed\"
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiCardHeaderComponent, selector: "eui-card-header", inputs: { expandLabel: "expandLabel", collapseLabel: "collapseLabel", hasHeaderClickToggle: ["hasHeaderClickToggle", "hasHeaderClickToggle", booleanAttribute], hasBottomExpander: ["hasBottomExpander", "hasBottomExpander", booleanAttribute], hasFullTitle: ["hasFullTitle", "hasFullTitle", booleanAttribute], isHeaderMultilines: ["isHeaderMultilines", "isHeaderMultilines", booleanAttribute] }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<button class=\"eui-card-header__container\" (click)=\"onToggleHeader()\"\n [attr.tabindex]=\"(uiStateService.state$ | async).isCollapsible && hasHeaderClickToggle ? '0' : '-1'\">\n\n <ng-content select=\"eui-card-header-left-content\"></ng-content>\n\n <ng-container *ngIf=\"!hasFullTitle\">\n <div class=\"eui-card-header__title-container\" [class.eui-card-header__title-container--multilines]=\"isHeaderMultilines\">\n <ng-content *ngTemplateOutlet=\"title\"></ng-content>\n <ng-content *ngTemplateOutlet=\"subtitle\"></ng-content>\n </div>\n <ng-content *ngTemplateOutlet=\"rightContent\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"hasFullTitle\">\n <div class=\"eui-card-header__middle-container\">\n <div class=\"eui-card-header__title-container\" [class.eui-card-header__title-container--multilines]=\"isHeaderMultilines\">\n <ng-content *ngTemplateOutlet=\"title\"></ng-content>\n </div>\n <div class=\"eui-card-header__middle-content\">\n <ng-content *ngTemplateOutlet=\"subtitle\"></ng-content>\n <ng-content *ngTemplateOutlet=\"rightContent\"></ng-content>\n </div>\n </div>\n </ng-container>\n\n <div\n *ngIf=\"(uiStateService.state$ | async).isCollapsible\"\n class=\"eui-card-header__expander\"\n [class.eui-card-header__expander--bottom]=\"hasBottomExpander\"\n [class.eui-card-header__expander--top]=\"isHeaderMultilines\">\n <eui-icon-button-expander class=\"eui-card-header__expander-icon\"\n [isExpanded]=\"!(uiStateService.state$ | async).isCollapsed\" (buttonClick)=\"onToggle($event)\">\n </eui-icon-button-expander>\n </div>\n</button>\n\n<div *ngIf=\"(uiStateService.state$ | async).isUrgent\" class=\"eui-card-header__urgent-indicator\">\n <eui-icon-svg icon=\"eui-alert-circle\" size=\"l\" fillColor=\"danger\"></eui-icon-svg>\n</div>\n<ng-content select=\"eui-card-header-body\"></ng-content>\n\n<ng-template #title>\n <ng-content select=\"eui-card-header-title\"></ng-content>\n</ng-template>\n\n<ng-template #subtitle>\n <ng-content select=\"eui-card-header-subtitle\"></ng-content>\n</ng-template>\n\n<ng-template #rightContent>\n <ng-content select=\"eui-card-header-right-content\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconButtonExpanderComponent, selector: "eui-icon-button-expander", inputs: ["fillColor", "size", "ariaLabel", "isExpanded", "isDirectionForward", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiCardHeaderComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
|
-
args: [{ selector: 'eui-card-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"eui-card-header__container\" (click)=\"onToggleHeader()\"\n [attr.tabindex]=\"(uiStateService.state$ | async).isCollapsible ? '0' : '-1'\">\n\n <ng-content select=\"eui-card-header-left-content\"></ng-content>\n\n <ng-container *ngIf=\"!hasFullTitle\">\n <div class=\"eui-card-header__title-container\" [class.eui-card-header__title-container--multilines]=\"isHeaderMultilines\">\n <ng-content *ngTemplateOutlet=\"title\"></ng-content>\n <ng-content *ngTemplateOutlet=\"subtitle\"></ng-content>\n </div>\n <ng-content *ngTemplateOutlet=\"rightContent\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"hasFullTitle\">\n <div class=\"eui-card-header__middle-container\">\n <div class=\"eui-card-header__title-container\" [class.eui-card-header__title-container--multilines]=\"isHeaderMultilines\">\n <ng-content *ngTemplateOutlet=\"title\"></ng-content>\n </div>\n <div class=\"eui-card-header__middle-content\">\n <ng-content *ngTemplateOutlet=\"subtitle\"></ng-content>\n <ng-content *ngTemplateOutlet=\"rightContent\"></ng-content>\n </div>\n </div>\n </ng-container>\n\n <div\n *ngIf=\"(uiStateService.state$ | async).isCollapsible\"\n class=\"eui-card-header__expander\"\n [class.eui-card-header__expander--bottom]=\"hasBottomExpander\"\n [class.eui-card-header__expander--top]=\"isHeaderMultilines\">\n <eui-icon-button-expander class=\"eui-card-header__expander-icon\"\n [isExpanded]=\"!(uiStateService.state$ | async).isCollapsed\"
|
|
34
|
+
args: [{ selector: 'eui-card-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"eui-card-header__container\" (click)=\"onToggleHeader()\"\n [attr.tabindex]=\"(uiStateService.state$ | async).isCollapsible && hasHeaderClickToggle ? '0' : '-1'\">\n\n <ng-content select=\"eui-card-header-left-content\"></ng-content>\n\n <ng-container *ngIf=\"!hasFullTitle\">\n <div class=\"eui-card-header__title-container\" [class.eui-card-header__title-container--multilines]=\"isHeaderMultilines\">\n <ng-content *ngTemplateOutlet=\"title\"></ng-content>\n <ng-content *ngTemplateOutlet=\"subtitle\"></ng-content>\n </div>\n <ng-content *ngTemplateOutlet=\"rightContent\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"hasFullTitle\">\n <div class=\"eui-card-header__middle-container\">\n <div class=\"eui-card-header__title-container\" [class.eui-card-header__title-container--multilines]=\"isHeaderMultilines\">\n <ng-content *ngTemplateOutlet=\"title\"></ng-content>\n </div>\n <div class=\"eui-card-header__middle-content\">\n <ng-content *ngTemplateOutlet=\"subtitle\"></ng-content>\n <ng-content *ngTemplateOutlet=\"rightContent\"></ng-content>\n </div>\n </div>\n </ng-container>\n\n <div\n *ngIf=\"(uiStateService.state$ | async).isCollapsible\"\n class=\"eui-card-header__expander\"\n [class.eui-card-header__expander--bottom]=\"hasBottomExpander\"\n [class.eui-card-header__expander--top]=\"isHeaderMultilines\">\n <eui-icon-button-expander class=\"eui-card-header__expander-icon\"\n [isExpanded]=\"!(uiStateService.state$ | async).isCollapsed\" (buttonClick)=\"onToggle($event)\">\n </eui-icon-button-expander>\n </div>\n</button>\n\n<div *ngIf=\"(uiStateService.state$ | async).isUrgent\" class=\"eui-card-header__urgent-indicator\">\n <eui-icon-svg icon=\"eui-alert-circle\" size=\"l\" fillColor=\"danger\"></eui-icon-svg>\n</div>\n<ng-content select=\"eui-card-header-body\"></ng-content>\n\n<ng-template #title>\n <ng-content select=\"eui-card-header-title\"></ng-content>\n</ng-template>\n\n<ng-template #subtitle>\n <ng-content select=\"eui-card-header-subtitle\"></ng-content>\n</ng-template>\n\n<ng-template #rightContent>\n <ng-content select=\"eui-card-header-right-content\"></ng-content>\n</ng-template>\n" }]
|
|
35
35
|
}], ctorParameters: () => [{ type: i1.UiStateService }], propDecorators: { string: [{
|
|
36
36
|
type: HostBinding,
|
|
37
37
|
args: ['class']
|
|
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
54
54
|
}], collapse: [{
|
|
55
55
|
type: Output
|
|
56
56
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNhcmQtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2V1aS1jYXJkL2NvbXBvbmVudHMvZXVpLWNhcmQtaGVhZGVyL2V1aS1jYXJkLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9ldWktY2FyZC9jb21wb25lbnRzL2V1aS1jYXJkLWhlYWRlci9ldWktY2FyZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVWxKLE1BQU0sT0FBTyxzQkFBc0I7SUFhL0IsWUFBbUIsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBWjNCLFdBQU0sR0FBRyxpQkFBaUIsQ0FBQztRQUV4QyxnQkFBVyxHQUFHLFFBQVEsQ0FBQztRQUN2QixrQkFBYSxHQUFHLFVBQVUsQ0FBQztRQUVJLHlCQUFvQixHQUFHLElBQUksQ0FBQztRQUM1QixzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFDMUIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsdUJBQWtCLEdBQUcsS0FBSyxDQUFDO1FBRXpELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBRUcsQ0FBQztJQUU5QyxRQUFRLENBQUMsS0FBWTtRQUN4QixJQUFJLENBQUMsY0FBYyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3RDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTFELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU0sY0FBYztRQUNqQixJQUFJLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2RSxJQUFJLENBQUMsY0FBYyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3RDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzlELENBQUM7SUFDTCxDQUFDO21IQTNCUSxzQkFBc0I7dUdBQXRCLHNCQUFzQiw0S0FNWCxnQkFBZ0IsaUVBQ2hCLGdCQUFnQixrREFDaEIsZ0JBQWdCLG9FQUNoQixnQkFBZ0Isa0hDbkJ4QyxpMkVBb0RBOztnR0QxQ2Esc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLGlCQUFpQixpQkFFWixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO21GQUd6QixNQUFNO3NCQUEzQixXQUFXO3VCQUFDLE9BQU87Z0JBRVgsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVrQyxvQkFBb0I7c0JBQTNELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsaUJBQWlCO3NCQUF4RCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFlBQVk7c0JBQW5ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0Usa0JBQWtCO3NCQUF6RCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU1QixRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0VuY2Fwc3VsYXRpb24sIGJvb2xlYW5BdHRyaWJ1dGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgVWlTdGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy91aS1zdGF0ZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktY2FyZC1oZWFkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktY2FyZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUNhcmRIZWFkZXJDb21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBzdHJpbmcgPSAnZXVpLWNhcmQtaGVhZGVyJztcblxuICAgIEBJbnB1dCgpIGV4cGFuZExhYmVsID0gJ2V4cGFuZCc7XG4gICAgQElucHV0KCkgY29sbGFwc2VMYWJlbCA9ICdjb2xsYXBzZSc7XG5cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaGFzSGVhZGVyQ2xpY2tUb2dnbGUgPSB0cnVlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBoYXNCb3R0b21FeHBhbmRlciA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBoYXNGdWxsVGl0bGUgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNIZWFkZXJNdWx0aWxpbmVzID0gZmFsc2U7XG5cbiAgICBAT3V0cHV0KCkgY29sbGFwc2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgdWlTdGF0ZVNlcnZpY2U6IFVpU3RhdGVTZXJ2aWNlKSB7fVxuXG4gICAgcHVibGljIG9uVG9nZ2xlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLnVpU3RhdGVTZXJ2aWNlLnRvZ2dsZUNvbGxhcHNlZCgpO1xuICAgICAgICB0aGlzLmNvbGxhcHNlLmVtaXQodGhpcy51aVN0YXRlU2VydmljZS5zdGF0ZS5pc0NvbGxhcHNlZCk7XG5cbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uVG9nZ2xlSGVhZGVyKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5oYXNIZWFkZXJDbGlja1RvZ2dsZSAmJiB0aGlzLnVpU3RhdGVTZXJ2aWNlLnN0YXRlLmlzQ29sbGFwc2libGUpIHtcbiAgICAgICAgICAgIHRoaXMudWlTdGF0ZVNlcnZpY2UudG9nZ2xlQ29sbGFwc2VkKCk7XG4gICAgICAgICAgICB0aGlzLmNvbGxhcHNlLmVtaXQodGhpcy51aVN0YXRlU2VydmljZS5zdGF0ZS5pc0NvbGxhcHNlZCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiZXVpLWNhcmQtaGVhZGVyX19jb250YWluZXJcIiAoY2xpY2spPVwib25Ub2dnbGVIZWFkZXIoKVwiXG4gICAgICAgIFthdHRyLnRhYmluZGV4XT1cIih1aVN0YXRlU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaXNDb2xsYXBzaWJsZSAmJiBoYXNIZWFkZXJDbGlja1RvZ2dsZSA/ICcwJyA6ICctMSdcIj5cblxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1jYXJkLWhlYWRlci1sZWZ0LWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWhhc0Z1bGxUaXRsZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWNhcmQtaGVhZGVyX190aXRsZS1jb250YWluZXJcIiBbY2xhc3MuZXVpLWNhcmQtaGVhZGVyX190aXRsZS1jb250YWluZXItLW11bHRpbGluZXNdPVwiaXNIZWFkZXJNdWx0aWxpbmVzXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCAqbmdUZW1wbGF0ZU91dGxldD1cInRpdGxlXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzdWJ0aXRsZVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxuZy1jb250ZW50ICpuZ1RlbXBsYXRlT3V0bGV0PVwicmlnaHRDb250ZW50XCI+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhhc0Z1bGxUaXRsZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWNhcmQtaGVhZGVyX19taWRkbGUtY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWNhcmQtaGVhZGVyX190aXRsZS1jb250YWluZXJcIiBbY2xhc3MuZXVpLWNhcmQtaGVhZGVyX190aXRsZS1jb250YWluZXItLW11bHRpbGluZXNdPVwiaXNIZWFkZXJNdWx0aWxpbmVzXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1jYXJkLWhlYWRlcl9fbWlkZGxlLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCAqbmdUZW1wbGF0ZU91dGxldD1cInN1YnRpdGxlXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50ICpuZ1RlbXBsYXRlT3V0bGV0PVwicmlnaHRDb250ZW50XCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPGRpdlxuICAgICAgICAqbmdJZj1cIih1aVN0YXRlU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaXNDb2xsYXBzaWJsZVwiXG4gICAgICAgIGNsYXNzPVwiZXVpLWNhcmQtaGVhZGVyX19leHBhbmRlclwiXG4gICAgICAgIFtjbGFzcy5ldWktY2FyZC1oZWFkZXJfX2V4cGFuZGVyLS1ib3R0b21dPVwiaGFzQm90dG9tRXhwYW5kZXJcIlxuICAgICAgICBbY2xhc3MuZXVpLWNhcmQtaGVhZGVyX19leHBhbmRlci0tdG9wXT1cImlzSGVhZGVyTXVsdGlsaW5lc1wiPlxuICAgICAgICA8ZXVpLWljb24tYnV0dG9uLWV4cGFuZGVyIGNsYXNzPVwiZXVpLWNhcmQtaGVhZGVyX19leHBhbmRlci1pY29uXCJcbiAgICAgICAgICAgIFtpc0V4cGFuZGVkXT1cIiEodWlTdGF0ZVNlcnZpY2Uuc3RhdGUkIHwgYXN5bmMpLmlzQ29sbGFwc2VkXCIgKGJ1dHRvbkNsaWNrKT1cIm9uVG9nZ2xlKCRldmVudClcIj5cbiAgICAgICAgPC9ldWktaWNvbi1idXR0b24tZXhwYW5kZXI+XG4gICAgPC9kaXY+XG48L2J1dHRvbj5cblxuPGRpdiAqbmdJZj1cIih1aVN0YXRlU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaXNVcmdlbnRcIiBjbGFzcz1cImV1aS1jYXJkLWhlYWRlcl9fdXJnZW50LWluZGljYXRvclwiPlxuICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1hbGVydC1jaXJjbGVcIiBzaXplPVwibFwiIGZpbGxDb2xvcj1cImRhbmdlclwiPjwvZXVpLWljb24tc3ZnPlxuPC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJldWktY2FyZC1oZWFkZXItYm9keVwiPjwvbmctY29udGVudD5cblxuPG5nLXRlbXBsYXRlICN0aXRsZT5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktY2FyZC1oZWFkZXItdGl0bGVcIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3N1YnRpdGxlPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1jYXJkLWhlYWRlci1zdWJ0aXRsZVwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjcmlnaHRDb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1jYXJkLWhlYWRlci1yaWdodC1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -18,12 +18,18 @@ export class EuiDashboardCardComponent {
|
|
|
18
18
|
return [
|
|
19
19
|
this.baseStatesDirective.getCssClasses('eui-dashboard-card'),
|
|
20
20
|
this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',
|
|
21
|
+
this.url || this.urlExternal || this.isClickeable ? 'eui-dashboard-card--link' : '',
|
|
21
22
|
]
|
|
22
23
|
.join(' ')
|
|
23
24
|
.trim();
|
|
24
25
|
}
|
|
25
26
|
get tabindex() {
|
|
26
|
-
|
|
27
|
+
if (!this.baseStatesDirective.euiDisabled) {
|
|
28
|
+
if (this.url || this.urlExternal || this.isClickeable) {
|
|
29
|
+
return '0';
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return '-1';
|
|
27
33
|
}
|
|
28
34
|
constructor(baseStatesDirective) {
|
|
29
35
|
this.baseStatesDirective = baseStatesDirective;
|
|
@@ -37,6 +43,7 @@ export class EuiDashboardCardComponent {
|
|
|
37
43
|
this.isHorizontal = false;
|
|
38
44
|
this.isFlatAvatar = false;
|
|
39
45
|
this.hasNoBackgroundAvatar = false;
|
|
46
|
+
this.isClickeable = false;
|
|
40
47
|
// outputs
|
|
41
48
|
this.cardClick = new EventEmitter();
|
|
42
49
|
}
|
|
@@ -52,7 +59,7 @@ export class EuiDashboardCardComponent {
|
|
|
52
59
|
}
|
|
53
60
|
}
|
|
54
61
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card:not(.eui-dashboard-card--disabled):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:not(.eui-dashboard-card--disabled):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:not(.eui-dashboard-card--disabled) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active,.eui-dashboard-card:hover{box-shadow:var(--eui-sh-3)}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute], isClickeable: ["isClickeable", "isClickeable", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled):active,.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled):hover{box-shadow:var(--eui-sh-3)}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
63
|
}
|
|
57
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
|
|
58
65
|
type: Component,
|
|
@@ -78,7 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
78
85
|
'euiDisabled',
|
|
79
86
|
],
|
|
80
87
|
},
|
|
81
|
-
], template: "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card:not(.eui-dashboard-card--disabled):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:not(.eui-dashboard-card--disabled):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:not(.eui-dashboard-card--disabled) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active,.eui-dashboard-card:hover{box-shadow:var(--eui-sh-3)}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"] }]
|
|
88
|
+
], template: "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled):active,.eui-dashboard-card--link .eui-dashboard-card:not(.eui-dashboard-card--disabled):hover{box-shadow:var(--eui-sh-3)}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"] }]
|
|
82
89
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
83
90
|
type: HostBinding,
|
|
84
91
|
args: ['class']
|
|
@@ -121,6 +128,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
121
128
|
}], hasNoBackgroundAvatar: [{
|
|
122
129
|
type: Input,
|
|
123
130
|
args: [{ transform: booleanAttribute }]
|
|
131
|
+
}], isClickeable: [{
|
|
132
|
+
type: Input,
|
|
133
|
+
args: [{ transform: booleanAttribute }]
|
|
124
134
|
}], cardClick: [{
|
|
125
135
|
type: Output
|
|
126
136
|
}], onClick: [{
|
|
@@ -140,4 +150,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
140
150
|
exports: [EuiDashboardCardComponent],
|
|
141
151
|
}]
|
|
142
152
|
}] });
|
|
143
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRhc2hib2FyZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1kYXNoYm9hcmQtY2FyZC9ldWktZGFzaGJvYXJkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRhc2hib2FyZC1jYXJkL2V1aS1kYXNoYm9hcmQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUVqQixLQUFLLEVBQ0wsWUFBWSxFQUNaLE1BQU0sRUFDTixZQUFZLEVBQ1osZ0JBQWdCLEdBQ25CLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7O0FBaUN6RCxNQUFNLE9BQU8seUJBQXlCO0lBQ2xDLGdCQUFnQjtJQUNoQixJQUNXLFVBQVU7UUFDakIsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsb0JBQW9CLENBQUM7WUFDNUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsZ0NBQWdDLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDNUQ7YUFDSSxJQUFJLENBQUMsR0FBRyxDQUFDO2FBQ1QsSUFBSSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQW9CRCxJQUNJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQzdELENBQUM7SUFVRCxZQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQS9CM0QsTUFBTTtRQUNrQyxZQUFPLEdBQUcsb0JBQW9CLENBQUM7UUFPOUQsa0JBQWEsR0FBc0IsQ0FBQyxDQUFDO1FBQ3JDLHFCQUFnQixHQUFzQixDQUFDLENBQUM7UUFHeEMsZ0JBQVcsR0FBa0UsR0FBRyxDQUFDO1FBSWpGLHNCQUFpQixHQUFHLFFBQVEsQ0FBQztRQU90Qyx1Q0FBdUM7UUFDQyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQiwwQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFFdEUsVUFBVTtRQUNBLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0lBRVMsQ0FBQztJQUcvRCxPQUFPLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQzdDLENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ2pELENBQUM7SUFDTCxDQUFDO21IQXpEUSx5QkFBeUI7dUdBQXpCLHlCQUF5QixpWkFvQ2QsZ0JBQWdCLGtEQUNoQixnQkFBZ0IsNkVBQ2hCLGdCQUFnQiw2dEJDMUZ4QyxzdkVBa0RBOztnR0RFYSx5QkFBeUI7a0JBL0JyQyxTQUFTOytCQUVJLG9CQUFvQixtQkFFYix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osWUFBWTtnQ0FDWixjQUFjO2dDQUNkLFlBQVk7Z0NBQ1osU0FBUztnQ0FDVCxZQUFZO2dDQUNaLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxZQUFZO2dDQUVaLFdBQVc7Z0NBQ1gsVUFBVTtnQ0FDVixVQUFVO2dDQUNWLFVBQVU7Z0NBQ1YsV0FBVztnQ0FDWCxZQUFZO2dDQUNaLGdCQUFnQjtnQ0FDaEIsYUFBYTs2QkFDaEI7eUJBQ0o7cUJBQ0o7d0ZBS1UsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQVdvQixPQUFPO3NCQUE5QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFJLEtBQUs7Z0JBSzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUdGLFFBQVE7c0JBRFgsV0FBVzt1QkFBQyxlQUFlO2dCQU1ZLFlBQVk7c0JBQW5ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsWUFBWTtzQkFBbkQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxxQkFBcUI7c0JBQTVELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRzVCLFNBQVM7c0JBQWxCLE1BQU07Z0JBS1AsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQzs7QUFvQnJDLE1BQU0sT0FBTyxzQkFBc0I7bUhBQXRCLHNCQUFzQjtvSEFBdEIsc0JBQXNCLGlCQWpFdEIseUJBQXlCLGFBNkR4QixZQUFZLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsYUFBYSxhQTdEM0UseUJBQXlCO29IQWlFekIsc0JBQXNCLFlBSnJCLFlBQVksRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxhQUFhOztnR0FJM0Usc0JBQXNCO2tCQUxsQyxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxhQUFhLENBQUM7b0JBQ3JGLFlBQVksRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztpQkFDdkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBOZ01vZHVsZSxcbiAgICBIb3N0QmluZGluZyxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBPbkluaXQsXG4gICAgSW5wdXQsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuaW1wb3J0IHsgRXVpQXZhdGFyTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1hdmF0YXInO1xuaW1wb3J0IHsgRXVpTGFiZWxNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWxhYmVsJztcbmltcG9ydCB7IEV1aUljb25Nb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWRhc2hib2FyZC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ2V1aS1kYXNoYm9hcmQtY2FyZCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZXVpUHJpbWFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVNlY29uZGFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVN1Y2Nlc3MnLFxuICAgICAgICAgICAgICAgICdldWlJbmZvJyxcbiAgICAgICAgICAgICAgICAnZXVpV2FybmluZycsXG4gICAgICAgICAgICAgICAgJ2V1aURhbmdlcicsXG4gICAgICAgICAgICAgICAgJ2V1aUFjY2VudCcsXG4gICAgICAgICAgICAgICAgJ2V1aVZhcmlhbnQnLFxuXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVYUycsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVTJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZU0nLFxuICAgICAgICAgICAgICAgICdldWlTaXplTCcsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVYTCcsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemUyWEwnLFxuICAgICAgICAgICAgICAgICdldWlTaXplVmFyaWFudCcsXG4gICAgICAgICAgICAgICAgJ2V1aURpc2FibGVkJyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpRGFzaGJvYXJkQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgLy8gY2xhc3MgYmluZGluZ1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aS1kYXNoYm9hcmQtY2FyZCcpLFxuICAgICAgICAgICAgdGhpcy5pc0hvcml6b250YWwgPyAnZXVpLWRhc2hib2FyZC1jYXJkLS1ob3Jpem9udGFsJyA6ICcnLFxuICAgICAgICBdXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgICAgICAudHJpbSgpO1xuICAgIH1cblxuICAgIC8vIGUyZVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpICBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1kYXNoYm9hcmQtY2FyZCc7XG5cbiAgICAvLyBhcmlhIG9rIC0gQ2ZyLiBldWlEaXNhYmxlZFxuXG4gICAgLy8gY21wIGlucHV0XG4gICAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgICBASW5wdXQoKSBzdWJMYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsTWF4TGluZXM6IDEgfCAyIHwgMyB8IDQgfCA1ID0gMjtcbiAgICBASW5wdXQoKSBzdWJMYWJlbE1heExpbmVzOiAxIHwgMiB8IDMgfCA0IHwgNSA9IDI7XG4gICAgQElucHV0KCkgaW1hZ2VVcmw6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uU3ZnTmFtZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25TdmdTaXplOiAnMnhzJyB8ICd4cycgfCAncycgfCAnbScgfCAnbCcgfCAneGwnIHwgJzJ4bCcgfCAnM3hsJyB8ICc0eGwnID0gJ20nO1xuICAgIEBJbnB1dCgpIGljb25MYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHVybDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHVybEV4dGVybmFsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdXJsRXh0ZXJuYWxUYXJnZXQgPSAnX2JsYW5rJztcblxuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpXG4gICAgZ2V0IHRhYmluZGV4KCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpRGlzYWJsZWQgPyAnLTEnIDogJzAnO1xuICAgIH1cblxuICAgIC8vIGNvZXJjZSAvIHRyYW5zZm9ybXMgLyBzdGF0ZSBib29sZWFuc1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0hvcml6b250YWwgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNGbGF0QXZhdGFyID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc05vQmFja2dyb3VuZEF2YXRhciA9IGZhbHNlO1xuXG4gICAgLy8gb3V0cHV0c1xuICAgIEBPdXRwdXQoKSBjYXJkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgYmFzZVN0YXRlc0RpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSkge31cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2FyZENsaWNrLmVtaXQoZXZlbnQpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWlTaXplVmFyaWFudCkge1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVNpemVMID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWlWYXJpYW50KSB7XG4gICAgICAgICAgICB0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpU2Vjb25kYXJ5ID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEV1aUF2YXRhck1vZHVsZSwgRXVpTGFiZWxNb2R1bGUsIEV1aUljb25Nb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW0V1aURhc2hib2FyZENhcmRDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtFdWlEYXNoYm9hcmRDYXJkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpRGFzaGJvYXJkQ2FyZE1vZHVsZSB7fVxuIiwiQGlmICh1cmwgfHwgdXJsRXh0ZXJuYWwpIHtcbiAgICBAaWYgKHVybEV4dGVybmFsKSB7XG4gICAgICAgIDxhIGhyZWY9XCJ7eyB1cmxFeHRlcm5hbCB9fVwiIHRhcmdldD1cInt7IHVybEV4dGVybmFsVGFyZ2V0IH19XCIgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2FuY2hvci13cmFwcGVyXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2E+XG4gICAgfSBAZWxzZSB7XG4gICAgICAgPGEgW3JvdXRlckxpbmtdPVwiW3VybF1cIiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9fYW5jaG9yLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgPC9hPlxuICAgIH1cbn0gQGVsc2Uge1xuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG59XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICBAaWYgKGljb25TdmdOYW1lIHx8IGltYWdlVXJsIHx8IGljb25MYWJlbCkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkX19hdmF0YXItd3JhcHBlclwiPlxuICAgICAgICAgICAgPGV1aS1hdmF0YXJcbiAgICAgICAgICAgICAgICBbZXVpVmFyaWFudF09XCJiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVZhcmlhbnRcIlxuICAgICAgICAgICAgICAgIFtldWlTaXplVmFyaWFudF09XCJiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVNpemVWYXJpYW50XCJcbiAgICAgICAgICAgICAgICBbaXNGbGF0XT1cImlzRmxhdEF2YXRhclwiXG4gICAgICAgICAgICAgICAgW2hhc05vQmFja2dyb3VuZF09XCJoYXNOb0JhY2tncm91bmRBdmF0YXJcIj5cbiAgICAgICAgICAgICAgICA8ZXVpLWF2YXRhci1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnICpuZ0lmPVwiaWNvblN2Z05hbWVcIiBbaWNvbl09XCJpY29uU3ZnTmFtZVwiIFtzaXplXT1cImljb25TdmdTaXplXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICAgICAgPC9ldWktYXZhdGFyLWljb24+XG4gICAgICAgICAgICAgICAgPGV1aS1hdmF0YXItaW1hZ2UgKm5nSWY9XCJpbWFnZVVybFwiIGltYWdlVXJsPVwie3sgaW1hZ2VVcmwgfX1cIj48L2V1aS1hdmF0YXItaW1hZ2U+XG4gICAgICAgICAgICAgICAgPGV1aS1hdmF0YXItdGV4dCAqbmdJZj1cImljb25MYWJlbFwiPnt7aWNvbkxhYmVsfX08L2V1aS1hdmF0YXItdGV4dD5cbiAgICAgICAgICAgIDwvZXVpLWF2YXRhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDxkaXYgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2NvbnRlbnQtd3JhcHBlclwiPlxuICAgICAgICBAaWYgKGxhYmVsKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkX19sYWJlbC1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPGV1aS1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgPGV1aS1sYWJlbCBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9fbGFiZWwgZXVpLWRhc2hib2FyZC1jYXJkX19sYWJlbC0tbWF4LWxpbmVzLXt7bGFiZWxNYXhMaW5lc319XCIgW25nQ2xhc3NdPVwic3ViTGFiZWwgPyAnZXVpLWRhc2hib2FyZC1jYXJkX19sYWJlbC0td2l0aC1zdWJsYWJlbCcgOiAnJ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgbGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9ldWktbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgIEBpZiAoc3ViTGFiZWwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxldWktbGFiZWwgZXVpU3VibGFiZWwgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX3N1YmxhYmVsIGV1aS1kYXNoYm9hcmQtY2FyZF9fc3VibGFiZWwtLW1heC1saW5lcy17e3N1YkxhYmVsTWF4TGluZXN9fVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHN1YkxhYmVsIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2V1aS1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvZXVpLWxhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9fc3ViLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
153
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRhc2hib2FyZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1kYXNoYm9hcmQtY2FyZC9ldWktZGFzaGJvYXJkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRhc2hib2FyZC1jYXJkL2V1aS1kYXNoYm9hcmQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUVqQixLQUFLLEVBQ0wsWUFBWSxFQUNaLE1BQU0sRUFDTixZQUFZLEVBQ1osZ0JBQWdCLEdBQ25CLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7O0FBaUN6RCxNQUFNLE9BQU8seUJBQXlCO0lBQ2xDLGdCQUFnQjtJQUNoQixJQUNXLFVBQVU7UUFDakIsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsb0JBQW9CLENBQUM7WUFDNUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsZ0NBQWdDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDekQsSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFBLENBQUMsQ0FBQyxFQUFFO1NBQ3JGO2FBQ0ksSUFBSSxDQUFDLEdBQUcsQ0FBQzthQUNULElBQUksRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFvQkQsSUFDSSxRQUFRO1FBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUN4QyxJQUFJLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3BELE9BQU8sR0FBRyxDQUFDO1lBQ2YsQ0FBQztRQUNMLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBV0QsWUFBbUIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFyQzNELE1BQU07UUFDa0MsWUFBTyxHQUFHLG9CQUFvQixDQUFDO1FBTzlELGtCQUFhLEdBQXNCLENBQUMsQ0FBQztRQUNyQyxxQkFBZ0IsR0FBc0IsQ0FBQyxDQUFDO1FBR3hDLGdCQUFXLEdBQWtFLEdBQUcsQ0FBQztRQUlqRixzQkFBaUIsR0FBRyxRQUFRLENBQUM7UUFZdEMsdUNBQXVDO1FBQ0MsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsMEJBQXFCLEdBQUcsS0FBSyxDQUFDO1FBQzlCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRTdELFVBQVU7UUFDQSxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztJQUVTLENBQUM7SUFHL0QsT0FBTyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUMzQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUM3QyxDQUFDO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUNqRCxDQUFDO0lBQ0wsQ0FBQzttSEFoRVEseUJBQXlCO3VHQUF6Qix5QkFBeUIsaVpBMENkLGdCQUFnQixrREFDaEIsZ0JBQWdCLDZFQUNoQixnQkFBZ0Isa0RBQ2hCLGdCQUFnQiw2dEJDakd4QyxzdkVBa0RBOztnR0RFYSx5QkFBeUI7a0JBL0JyQyxTQUFTOytCQUVJLG9CQUFvQixtQkFFYix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osWUFBWTtnQ0FDWixjQUFjO2dDQUNkLFlBQVk7Z0NBQ1osU0FBUztnQ0FDVCxZQUFZO2dDQUNaLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxZQUFZO2dDQUVaLFdBQVc7Z0NBQ1gsVUFBVTtnQ0FDVixVQUFVO2dDQUNWLFVBQVU7Z0NBQ1YsV0FBVztnQ0FDWCxZQUFZO2dDQUNaLGdCQUFnQjtnQ0FDaEIsYUFBYTs2QkFDaEI7eUJBQ0o7cUJBQ0o7d0ZBS1UsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQVlvQixPQUFPO3NCQUE5QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFJLEtBQUs7Z0JBSzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUdGLFFBQVE7c0JBRFgsV0FBVzt1QkFBQyxlQUFlO2dCQVdZLFlBQVk7c0JBQW5ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsWUFBWTtzQkFBbkQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxxQkFBcUI7c0JBQTVELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsWUFBWTtzQkFBbkQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHNUIsU0FBUztzQkFBbEIsTUFBTTtnQkFLUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDOztBQW9CckMsTUFBTSxPQUFPLHNCQUFzQjttSEFBdEIsc0JBQXNCO29IQUF0QixzQkFBc0IsaUJBeEV0Qix5QkFBeUIsYUFvRXhCLFlBQVksRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxhQUFhLGFBcEUzRSx5QkFBeUI7b0hBd0V6QixzQkFBc0IsWUFKckIsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLGFBQWE7O2dHQUkzRSxzQkFBc0I7a0JBTGxDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQztvQkFDckYsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUN2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIE5nTW9kdWxlLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxuICAgIE9uSW5pdCxcbiAgICBJbnB1dCxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBib29sZWFuQXR0cmlidXRlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQgeyBCYXNlU3RhdGVzRGlyZWN0aXZlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5pbXBvcnQgeyBFdWlBdmF0YXJNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWF2YXRhcic7XG5pbXBvcnQgeyBFdWlMYWJlbE1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktbGFiZWwnO1xuaW1wb3J0IHsgRXVpSWNvbk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktZGFzaGJvYXJkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHNlbGVjdG9yOiAnZXVpLWRhc2hib2FyZC1jYXJkJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWlQcmltYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU2Vjb25kYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU3VjY2VzcycsXG4gICAgICAgICAgICAgICAgJ2V1aUluZm8nLFxuICAgICAgICAgICAgICAgICdldWlXYXJuaW5nJyxcbiAgICAgICAgICAgICAgICAnZXVpRGFuZ2VyJyxcbiAgICAgICAgICAgICAgICAnZXVpQWNjZW50JyxcbiAgICAgICAgICAgICAgICAnZXVpVmFyaWFudCcsXG5cbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVhTJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVMnLFxuICAgICAgICAgICAgICAgICdldWlTaXplTScsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVhMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZTJYTCcsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVWYXJpYW50JyxcbiAgICAgICAgICAgICAgICAnZXVpRGlzYWJsZWQnLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlEYXNoYm9hcmRDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICAvLyBjbGFzcyBiaW5kaW5nXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICB0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZ2V0Q3NzQ2xhc3NlcygnZXVpLWRhc2hib2FyZC1jYXJkJyksXG4gICAgICAgICAgICB0aGlzLmlzSG9yaXpvbnRhbCA/ICdldWktZGFzaGJvYXJkLWNhcmQtLWhvcml6b250YWwnIDogJycsXG4gICAgICAgICAgICB0aGlzLnVybCB8fCB0aGlzLnVybEV4dGVybmFsIHx8IHRoaXMuaXNDbGlja2VhYmxlID8gJ2V1aS1kYXNoYm9hcmQtY2FyZC0tbGluayc6ICcnLFxuICAgICAgICBdXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgICAgICAudHJpbSgpO1xuICAgIH1cblxuICAgIC8vIGUyZVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpICBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1kYXNoYm9hcmQtY2FyZCc7XG5cbiAgICAvLyBhcmlhIG9rIC0gQ2ZyLiBldWlEaXNhYmxlZFxuXG4gICAgLy8gY21wIGlucHV0XG4gICAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgICBASW5wdXQoKSBzdWJMYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsTWF4TGluZXM6IDEgfCAyIHwgMyB8IDQgfCA1ID0gMjtcbiAgICBASW5wdXQoKSBzdWJMYWJlbE1heExpbmVzOiAxIHwgMiB8IDMgfCA0IHwgNSA9IDI7XG4gICAgQElucHV0KCkgaW1hZ2VVcmw6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uU3ZnTmFtZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25TdmdTaXplOiAnMnhzJyB8ICd4cycgfCAncycgfCAnbScgfCAnbCcgfCAneGwnIHwgJzJ4bCcgfCAnM3hsJyB8ICc0eGwnID0gJ20nO1xuICAgIEBJbnB1dCgpIGljb25MYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHVybDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHVybEV4dGVybmFsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdXJsRXh0ZXJuYWxUYXJnZXQgPSAnX2JsYW5rJztcblxuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpXG4gICAgZ2V0IHRhYmluZGV4KCk6IHN0cmluZyB7XG4gICAgICAgIGlmICghdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmV1aURpc2FibGVkKSB7XG4gICAgICAgICAgICBpZiAodGhpcy51cmwgfHwgdGhpcy51cmxFeHRlcm5hbCB8fCB0aGlzLmlzQ2xpY2tlYWJsZSkge1xuICAgICAgICAgICAgICAgIHJldHVybiAnMCc7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuICctMSc7XG4gICAgfVxuXG4gICAgLy8gY29lcmNlIC8gdHJhbnNmb3JtcyAvIHN0YXRlIGJvb2xlYW5zXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzSG9yaXpvbnRhbCA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0ZsYXRBdmF0YXIgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaGFzTm9CYWNrZ3JvdW5kQXZhdGFyID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzQ2xpY2tlYWJsZSA9IGZhbHNlO1xuXG4gICAgLy8gb3V0cHV0c1xuICAgIEBPdXRwdXQoKSBjYXJkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgYmFzZVN0YXRlc0RpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSkge31cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2FyZENsaWNrLmVtaXQoZXZlbnQpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWlTaXplVmFyaWFudCkge1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVNpemVMID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWlWYXJpYW50KSB7XG4gICAgICAgICAgICB0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpU2Vjb25kYXJ5ID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEV1aUF2YXRhck1vZHVsZSwgRXVpTGFiZWxNb2R1bGUsIEV1aUljb25Nb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW0V1aURhc2hib2FyZENhcmRDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtFdWlEYXNoYm9hcmRDYXJkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpRGFzaGJvYXJkQ2FyZE1vZHVsZSB7fVxuIiwiQGlmICh1cmwgfHwgdXJsRXh0ZXJuYWwpIHtcbiAgICBAaWYgKHVybEV4dGVybmFsKSB7XG4gICAgICAgIDxhIGhyZWY9XCJ7eyB1cmxFeHRlcm5hbCB9fVwiIHRhcmdldD1cInt7IHVybEV4dGVybmFsVGFyZ2V0IH19XCIgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2FuY2hvci13cmFwcGVyXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2E+XG4gICAgfSBAZWxzZSB7XG4gICAgICAgPGEgW3JvdXRlckxpbmtdPVwiW3VybF1cIiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9fYW5jaG9yLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgPC9hPlxuICAgIH1cbn0gQGVsc2Uge1xuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG59XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICBAaWYgKGljb25TdmdOYW1lIHx8IGltYWdlVXJsIHx8IGljb25MYWJlbCkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkX19hdmF0YXItd3JhcHBlclwiPlxuICAgICAgICAgICAgPGV1aS1hdmF0YXJcbiAgICAgICAgICAgICAgICBbZXVpVmFyaWFudF09XCJiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVZhcmlhbnRcIlxuICAgICAgICAgICAgICAgIFtldWlTaXplVmFyaWFudF09XCJiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVNpemVWYXJpYW50XCJcbiAgICAgICAgICAgICAgICBbaXNGbGF0XT1cImlzRmxhdEF2YXRhclwiXG4gICAgICAgICAgICAgICAgW2hhc05vQmFja2dyb3VuZF09XCJoYXNOb0JhY2tncm91bmRBdmF0YXJcIj5cbiAgICAgICAgICAgICAgICA8ZXVpLWF2YXRhci1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnICpuZ0lmPVwiaWNvblN2Z05hbWVcIiBbaWNvbl09XCJpY29uU3ZnTmFtZVwiIFtzaXplXT1cImljb25TdmdTaXplXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICAgICAgPC9ldWktYXZhdGFyLWljb24+XG4gICAgICAgICAgICAgICAgPGV1aS1hdmF0YXItaW1hZ2UgKm5nSWY9XCJpbWFnZVVybFwiIGltYWdlVXJsPVwie3sgaW1hZ2VVcmwgfX1cIj48L2V1aS1hdmF0YXItaW1hZ2U+XG4gICAgICAgICAgICAgICAgPGV1aS1hdmF0YXItdGV4dCAqbmdJZj1cImljb25MYWJlbFwiPnt7aWNvbkxhYmVsfX08L2V1aS1hdmF0YXItdGV4dD5cbiAgICAgICAgICAgIDwvZXVpLWF2YXRhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDxkaXYgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2NvbnRlbnQtd3JhcHBlclwiPlxuICAgICAgICBAaWYgKGxhYmVsKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkX19sYWJlbC1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPGV1aS1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgPGV1aS1sYWJlbCBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9fbGFiZWwgZXVpLWRhc2hib2FyZC1jYXJkX19sYWJlbC0tbWF4LWxpbmVzLXt7bGFiZWxNYXhMaW5lc319XCIgW25nQ2xhc3NdPVwic3ViTGFiZWwgPyAnZXVpLWRhc2hib2FyZC1jYXJkX19sYWJlbC0td2l0aC1zdWJsYWJlbCcgOiAnJ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgbGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9ldWktbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgIEBpZiAoc3ViTGFiZWwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxldWktbGFiZWwgZXVpU3VibGFiZWwgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX3N1YmxhYmVsIGV1aS1kYXNoYm9hcmQtY2FyZF9fc3VibGFiZWwtLW1heC1saW5lcy17e3N1YkxhYmVsTWF4TGluZXN9fVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHN1YkxhYmVsIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2V1aS1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvZXVpLWxhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9fc3ViLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -162,11 +162,11 @@ export class EuiDialogContainerComponent {
|
|
|
162
162
|
});
|
|
163
163
|
}
|
|
164
164
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiDialogContainerComponent, deps: [{ token: DIALOG_CONTAINER_CONFIG }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
165
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: EuiDialogContainerComponent, selector: "eui-dialog-container", host: { properties: { "class": "this.string", "attr.aria-modal": "this.ariaModal" } }, ngImport: i0, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.typeClass }}\"\n [class.eui-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n [class.eui-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n [class.eui-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n [class.eui-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n aria-labelledby=\"dialogContent\"\n [attr.aria-describedby]=\"getContentId()\"\n tabindex=\"-1\"\n attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n cdkDrag\n cdkDragRootElement=\".cdk-overlay-pane\"\n [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n cdkTrapFocus\n cdkTrapFocusAutoCapture>\n <div class=\"eui-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n <div class=\"eui-dialog__header\" [class.eui-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n @if (dialogContainerConfig.hasCloseButton) {\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n euiSizeS\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n }\n }\n @if (isHeaderTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n }\n @if (isHeaderComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n }\n </div>\n <div\n class=\"eui-dialog__body\"\n cdkScrollable\n [style.height]=\"dialogContainerConfig.height\"\n [style.max-height]=\"dialogContainerConfig.height\"\n (scroll)=\"onScroll()\"\n tabindex=\"0\">\n @if (dialogContainerConfig.isMessageBox) {\n <span class=\"eui-dialog__body-content-icon-container\">\n <div class=\"eui-dialog__body-content-icon\">\n @if (dialogContainerConfig.typeClass === 'primary' || dialogContainerConfig.typeClass === '') {\n <eui-icon-svg icon=\"eui-question\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'secondary') {\n <eui-icon-svg icon=\"eui-ecl-warning\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'info') {\n <eui-icon-svg icon=\"eui-info\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'success') {\n <eui-icon-svg icon=\"eui-check\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'warning') {\n <eui-icon-svg icon=\"eui-ecl-warning\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'danger') {\n <eui-icon-svg icon=\"eui-ecl-error\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n </div>\n </span>\n }\n @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n <div\n id=\"containerConfigId\"\n class=\"eui-dialog__body-content not-isBodyTemplatePortal\"\n [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n </div>\n }\n @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n <div id=\"bodyTemplatePortalId\" class=\"eui-dialog__body-content isBodyTemplatePortal\">\n <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n </div>\n }\n @if (isBodyComponentPortal) {\n <div id=\"bodyComponentPortalId\" class=\"eui-dialog__body-content isBodyComponentPortal\">\n <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n </div>\n }\n </div>\n @if (dialogContainerConfig.hasFooter) {\n <div class=\"eui-dialog__footer\">\n @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (!isFooterTemplatePortal) {\n <div class=\"eui-dialog__footer-content\">\n @if (dialogContainerConfig.hasDismissButton) {\n <button\n euiButton\n type=\"button\"\n [euiDisabled]=\"dismissButtonDisabled$ | async\"\n class=\"eui-dialog__footer-dismiss-button\"\n [class.eui-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n (click)=\"onDismiss()\">\n {{ dialogContainerConfig.dismissLabel | translate }}\n </button>\n }\n @if (dialogContainerConfig.hasAcceptButton) {\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiDisabled]=\"acceptButtonDisabled$ | async\"\n class=\"eui-dialog__footer-accept-button\"\n (click)=\"onAccept()\">\n {{ dialogContainerConfig.acceptLabel | translate }}\n </button>\n }\n </div>\n }\n }\n\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (isFooterComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n }\n\n </div>\n }\n </div>\n</div>\n", styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
165
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: EuiDialogContainerComponent, selector: "eui-dialog-container", host: { properties: { "class": "this.string", "attr.aria-modal": "this.ariaModal" } }, ngImport: i0, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.typeClass }}\"\n [class.eui-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n [class.eui-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n [class.eui-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n [class.eui-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n aria-labelledby=\"dialogContent\"\n [attr.aria-describedby]=\"getContentId()\"\n tabindex=\"-1\"\n attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n cdkDrag\n cdkDragRootElement=\".cdk-overlay-pane\"\n [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n cdkTrapFocus\n cdkTrapFocusAutoCapture>\n <div class=\"eui-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n <div class=\"eui-dialog__header\" [class.eui-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n @if (dialogContainerConfig.hasCloseButton) {\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n euiSizeS\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n }\n }\n @if (isHeaderTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n }\n @if (isHeaderComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n }\n </div>\n <div\n class=\"eui-dialog__body\"\n cdkScrollable\n [style.height]=\"dialogContainerConfig.height\"\n [style.max-height]=\"dialogContainerConfig.height\"\n (scroll)=\"onScroll()\"\n tabindex=\"0\">\n @if (dialogContainerConfig.isMessageBox) {\n <span class=\"eui-dialog__body-content-icon-container\">\n <div class=\"eui-dialog__body-content-icon\">\n @if (dialogContainerConfig.typeClass === 'primary' || dialogContainerConfig.typeClass === '') {\n <eui-icon-svg icon=\"eui-question\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'secondary') {\n <eui-icon-svg icon=\"eui-ecl-warning\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'info') {\n <eui-icon-svg icon=\"eui-info\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'success') {\n <eui-icon-svg icon=\"eui-check\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'warning') {\n <eui-icon-svg icon=\"eui-ecl-warning\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'danger') {\n <eui-icon-svg icon=\"eui-ecl-error\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n </div>\n </span>\n }\n @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n <div\n id=\"containerConfigId\"\n class=\"eui-dialog__body-content not-isBodyTemplatePortal\"\n [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n </div>\n }\n @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n <div id=\"bodyTemplatePortalId\" class=\"eui-dialog__body-content isBodyTemplatePortal\">\n <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n </div>\n }\n @if (isBodyComponentPortal) {\n <div id=\"bodyComponentPortalId\" class=\"eui-dialog__body-content isBodyComponentPortal\">\n <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n </div>\n }\n </div>\n @if (dialogContainerConfig.hasFooter) {\n <div class=\"eui-dialog__footer\">\n @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (!isFooterTemplatePortal) {\n <div class=\"eui-dialog__footer-content\">\n @if (dialogContainerConfig.hasDismissButton) {\n <button\n euiButton\n type=\"button\"\n [euiDisabled]=\"dismissButtonDisabled$ | async\"\n class=\"eui-dialog__footer-dismiss-button\"\n [class.eui-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n (click)=\"onDismiss()\">\n {{ dialogContainerConfig.dismissLabel | translate }}\n </button>\n }\n @if (dialogContainerConfig.hasAcceptButton) {\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiDisabled]=\"acceptButtonDisabled$ | async\"\n class=\"eui-dialog__footer-accept-button\"\n (click)=\"onAccept()\">\n {{ dialogContainerConfig.acceptLabel | translate }}\n </button>\n }\n </div>\n }\n }\n\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (isFooterComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n }\n\n </div>\n }\n </div>\n</div>\n", styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
166
166
|
}
|
|
167
167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiDialogContainerComponent, decorators: [{
|
|
168
168
|
type: Component,
|
|
169
|
-
args: [{ selector: 'eui-dialog-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.typeClass }}\"\n [class.eui-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n [class.eui-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n [class.eui-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n [class.eui-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n aria-labelledby=\"dialogContent\"\n [attr.aria-describedby]=\"getContentId()\"\n tabindex=\"-1\"\n attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n cdkDrag\n cdkDragRootElement=\".cdk-overlay-pane\"\n [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n cdkTrapFocus\n cdkTrapFocusAutoCapture>\n <div class=\"eui-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n <div class=\"eui-dialog__header\" [class.eui-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n @if (dialogContainerConfig.hasCloseButton) {\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n euiSizeS\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n }\n }\n @if (isHeaderTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n }\n @if (isHeaderComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n }\n </div>\n <div\n class=\"eui-dialog__body\"\n cdkScrollable\n [style.height]=\"dialogContainerConfig.height\"\n [style.max-height]=\"dialogContainerConfig.height\"\n (scroll)=\"onScroll()\"\n tabindex=\"0\">\n @if (dialogContainerConfig.isMessageBox) {\n <span class=\"eui-dialog__body-content-icon-container\">\n <div class=\"eui-dialog__body-content-icon\">\n @if (dialogContainerConfig.typeClass === 'primary' || dialogContainerConfig.typeClass === '') {\n <eui-icon-svg icon=\"eui-question\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'secondary') {\n <eui-icon-svg icon=\"eui-ecl-warning\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'info') {\n <eui-icon-svg icon=\"eui-info\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'success') {\n <eui-icon-svg icon=\"eui-check\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'warning') {\n <eui-icon-svg icon=\"eui-ecl-warning\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'danger') {\n <eui-icon-svg icon=\"eui-ecl-error\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n </div>\n </span>\n }\n @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n <div\n id=\"containerConfigId\"\n class=\"eui-dialog__body-content not-isBodyTemplatePortal\"\n [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n </div>\n }\n @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n <div id=\"bodyTemplatePortalId\" class=\"eui-dialog__body-content isBodyTemplatePortal\">\n <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n </div>\n }\n @if (isBodyComponentPortal) {\n <div id=\"bodyComponentPortalId\" class=\"eui-dialog__body-content isBodyComponentPortal\">\n <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n </div>\n }\n </div>\n @if (dialogContainerConfig.hasFooter) {\n <div class=\"eui-dialog__footer\">\n @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (!isFooterTemplatePortal) {\n <div class=\"eui-dialog__footer-content\">\n @if (dialogContainerConfig.hasDismissButton) {\n <button\n euiButton\n type=\"button\"\n [euiDisabled]=\"dismissButtonDisabled$ | async\"\n class=\"eui-dialog__footer-dismiss-button\"\n [class.eui-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n (click)=\"onDismiss()\">\n {{ dialogContainerConfig.dismissLabel | translate }}\n </button>\n }\n @if (dialogContainerConfig.hasAcceptButton) {\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiDisabled]=\"acceptButtonDisabled$ | async\"\n class=\"eui-dialog__footer-accept-button\"\n (click)=\"onAccept()\">\n {{ dialogContainerConfig.acceptLabel | translate }}\n </button>\n }\n </div>\n }\n }\n\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (isFooterComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n }\n\n </div>\n }\n </div>\n</div>\n", styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
|
|
169
|
+
args: [{ selector: 'eui-dialog-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.typeClass }}\"\n [class.eui-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n [class.eui-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n [class.eui-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n [class.eui-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n aria-labelledby=\"dialogContent\"\n [attr.aria-describedby]=\"getContentId()\"\n tabindex=\"-1\"\n attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n cdkDrag\n cdkDragRootElement=\".cdk-overlay-pane\"\n [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n cdkTrapFocus\n cdkTrapFocusAutoCapture>\n <div class=\"eui-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n <div class=\"eui-dialog__header\" [class.eui-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n @if (dialogContainerConfig.hasCloseButton) {\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n euiSizeS\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n }\n }\n @if (isHeaderTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n }\n @if (isHeaderComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n }\n </div>\n <div\n class=\"eui-dialog__body\"\n cdkScrollable\n [style.height]=\"dialogContainerConfig.height\"\n [style.max-height]=\"dialogContainerConfig.height\"\n (scroll)=\"onScroll()\"\n tabindex=\"0\">\n @if (dialogContainerConfig.isMessageBox) {\n <span class=\"eui-dialog__body-content-icon-container\">\n <div class=\"eui-dialog__body-content-icon\">\n @if (dialogContainerConfig.typeClass === 'primary' || dialogContainerConfig.typeClass === '') {\n <eui-icon-svg icon=\"eui-question\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'secondary') {\n <eui-icon-svg icon=\"eui-ecl-warning\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'info') {\n <eui-icon-svg icon=\"eui-info\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'success') {\n <eui-icon-svg icon=\"eui-check\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'warning') {\n <eui-icon-svg icon=\"eui-ecl-warning\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n @if (dialogContainerConfig.typeClass === 'danger') {\n <eui-icon-svg icon=\"eui-ecl-error\" fillColor=\"{{ dialogContainerConfig.typeClass }}\"></eui-icon-svg>\n }\n </div>\n </span>\n }\n @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n <div\n id=\"containerConfigId\"\n class=\"eui-dialog__body-content not-isBodyTemplatePortal\"\n [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n </div>\n }\n @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n <div id=\"bodyTemplatePortalId\" class=\"eui-dialog__body-content isBodyTemplatePortal\">\n <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n </div>\n }\n @if (isBodyComponentPortal) {\n <div id=\"bodyComponentPortalId\" class=\"eui-dialog__body-content isBodyComponentPortal\">\n <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n </div>\n }\n </div>\n @if (dialogContainerConfig.hasFooter) {\n <div class=\"eui-dialog__footer\">\n @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (!isFooterTemplatePortal) {\n <div class=\"eui-dialog__footer-content\">\n @if (dialogContainerConfig.hasDismissButton) {\n <button\n euiButton\n type=\"button\"\n [euiDisabled]=\"dismissButtonDisabled$ | async\"\n class=\"eui-dialog__footer-dismiss-button\"\n [class.eui-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n (click)=\"onDismiss()\">\n {{ dialogContainerConfig.dismissLabel | translate }}\n </button>\n }\n @if (dialogContainerConfig.hasAcceptButton) {\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiDisabled]=\"acceptButtonDisabled$ | async\"\n class=\"eui-dialog__footer-accept-button\"\n (click)=\"onAccept()\">\n {{ dialogContainerConfig.acceptLabel | translate }}\n </button>\n }\n </div>\n }\n }\n\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (isFooterComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n }\n\n </div>\n }\n </div>\n</div>\n", styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
|
|
170
170
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
171
171
|
type: Inject,
|
|
172
172
|
args: [DIALOG_CONTAINER_CONFIG]
|
|
@@ -197,7 +197,7 @@ export class EuiDialogComponent {
|
|
|
197
197
|
this.euiDialogService.getDialog(this.dialog.id).containerRef.instance.enableDismissButton();
|
|
198
198
|
}
|
|
199
199
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiDialogComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.EuiDialogService }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
200
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiDialogComponent, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", typeClass: "typeClass", verticalPosition: "verticalPosition", width: "width", height: "height", isFullScreen: ["isFullScreen", "isFullScreen", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], hasAcceptButton: ["hasAcceptButton", "hasAcceptButton", booleanAttribute], hasDismissButton: ["hasDismissButton", "hasDismissButton", booleanAttribute], hasMobileCustomSize: ["hasMobileCustomSize", "hasMobileCustomSize", booleanAttribute], isClosedOnClickOutside: ["isClosedOnClickOutside", "isClosedOnClickOutside", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], isClosedOnEscape: ["isClosedOnEscape", "isClosedOnEscape", booleanAttribute], hasClosedOnEscape: ["hasClosedOnEscape", "hasClosedOnEscape", booleanAttribute], isHandleCloseOnDismiss: ["isHandleCloseOnDismiss", "isHandleCloseOnDismiss", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute], isHandleCloseOnAccept: ["isHandleCloseOnAccept", "isHandleCloseOnAccept", booleanAttribute], isHandleCloseOnClickOutside: ["isHandleCloseOnClickOutside", "isHandleCloseOnClickOutside", booleanAttribute], isHandleCloseOnEscape: ["isHandleCloseOnEscape", "isHandleCloseOnEscape", booleanAttribute], isMessageBox: ["isMessageBox", "isMessageBox", booleanAttribute], isDraggable: ["isDraggable", "isDraggable", booleanAttribute], hasNoBodyPadding: ["hasNoBodyPadding", "hasNoBodyPadding", booleanAttribute], hasFooter: ["hasFooter", "hasFooter", booleanAttribute] }, outputs: { clickOutside: "clickOutside", escape: "escape", dialogOpen: "dialogOpen", dialogClose: "dialogClose", dismiss: "dismiss", accept: "accept" }, providers: [{ provide: DIALOG_COMPONENT_CONFIG, useValue: null }], queries: [{ propertyName: "euiDialogHeaderDirective", first: true, predicate: i0.forwardRef(() => EuiDialogHeaderDirective), descendants: true }, { propertyName: "euiDialogFooterDirective", first: true, predicate: i0.forwardRef(() => EuiDialogFooterDirective), descendants: true }], viewQueries: [{ propertyName: "templateRefHeader", first: true, predicate: ["templateRefHeader"], descendants: true }, { propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<ng-template #templateRefHeader>\n <ng-content select=\"eui-dialog-header\"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select=\"eui-dialog-footer\"></ng-content>\n</ng-template>\n", styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
200
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiDialogComponent, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", typeClass: "typeClass", verticalPosition: "verticalPosition", width: "width", height: "height", isFullScreen: ["isFullScreen", "isFullScreen", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], hasAcceptButton: ["hasAcceptButton", "hasAcceptButton", booleanAttribute], hasDismissButton: ["hasDismissButton", "hasDismissButton", booleanAttribute], hasMobileCustomSize: ["hasMobileCustomSize", "hasMobileCustomSize", booleanAttribute], isClosedOnClickOutside: ["isClosedOnClickOutside", "isClosedOnClickOutside", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], isClosedOnEscape: ["isClosedOnEscape", "isClosedOnEscape", booleanAttribute], hasClosedOnEscape: ["hasClosedOnEscape", "hasClosedOnEscape", booleanAttribute], isHandleCloseOnDismiss: ["isHandleCloseOnDismiss", "isHandleCloseOnDismiss", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute], isHandleCloseOnAccept: ["isHandleCloseOnAccept", "isHandleCloseOnAccept", booleanAttribute], isHandleCloseOnClickOutside: ["isHandleCloseOnClickOutside", "isHandleCloseOnClickOutside", booleanAttribute], isHandleCloseOnEscape: ["isHandleCloseOnEscape", "isHandleCloseOnEscape", booleanAttribute], isMessageBox: ["isMessageBox", "isMessageBox", booleanAttribute], isDraggable: ["isDraggable", "isDraggable", booleanAttribute], hasNoBodyPadding: ["hasNoBodyPadding", "hasNoBodyPadding", booleanAttribute], hasFooter: ["hasFooter", "hasFooter", booleanAttribute] }, outputs: { clickOutside: "clickOutside", escape: "escape", dialogOpen: "dialogOpen", dialogClose: "dialogClose", dismiss: "dismiss", accept: "accept" }, providers: [{ provide: DIALOG_COMPONENT_CONFIG, useValue: null }], queries: [{ propertyName: "euiDialogHeaderDirective", first: true, predicate: i0.forwardRef(() => EuiDialogHeaderDirective), descendants: true }, { propertyName: "euiDialogFooterDirective", first: true, predicate: i0.forwardRef(() => EuiDialogFooterDirective), descendants: true }], viewQueries: [{ propertyName: "templateRefHeader", first: true, predicate: ["templateRefHeader"], descendants: true }, { propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<ng-template #templateRefHeader>\n <ng-content select=\"eui-dialog-header\"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select=\"eui-dialog-footer\"></ng-content>\n</ng-template>\n", styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
201
201
|
}
|
|
202
202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiDialogComponent, decorators: [{
|
|
203
203
|
type: Component,
|
|
@@ -215,7 +215,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
215
215
|
'euiVariant',
|
|
216
216
|
],
|
|
217
217
|
},
|
|
218
|
-
], template: "<ng-template #templateRefHeader>\n <ng-content select=\"eui-dialog-header\"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select=\"eui-dialog-footer\"></ng-content>\n</ng-template>\n", styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m
|
|
218
|
+
], template: "<ng-template #templateRefHeader>\n <ng-content select=\"eui-dialog-header\"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select=\"eui-dialog-footer\"></ng-content>\n</ng-template>\n", styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
|
|
219
219
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i1.EuiDialogService }, { type: i2.BaseStatesDirective }], propDecorators: { e2eAttr: [{
|
|
220
220
|
type: Input
|
|
221
221
|
}], title: [{
|