@eui/components 19.0.0-next.10 → 19.0.0-next.12
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/classes/EuiDialogConfig.html +0 -56
- package/docs/classes/EuiMessageBoxConfig.html +4 -4
- package/docs/components/EuiDialogComponent.html +0 -68
- package/docs/components/EuiDialogContainerComponent.html +1 -1
- package/docs/components/EuiMessageBoxComponent.html +0 -48
- package/docs/dependencies.html +2 -2
- package/docs/interfaces/EuiDialogInterface.html +6 -108
- package/docs/js/search/search_index.js +2 -2
- package/eui-dialog/eui-dialog.component.d.ts +3 -12
- package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
- package/eui-dialog/models/eui-dialog.config.d.ts +1 -9
- package/eui-dialog/models/eui-dialog.config.d.ts.map +1 -1
- package/eui-dialog/services/eui-dialog.service.d.ts.map +1 -1
- package/eui-message-box/eui-message-box.component.d.ts +1 -5
- package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
- package/eui-message-box/models/eui-message-box.config.d.ts +1 -1
- package/eui-message-box/models/eui-message-box.config.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +7 -35
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-message-box.mjs +5 -13
- package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
- package/package.json +3 -3
@@ -1,4 +1,4 @@
|
|
1
|
-
import { TemplateRef, ViewContainerRef, AfterViewInit, OnDestroy, EventEmitter, QueryList, ElementRef, OnInit
|
1
|
+
import { TemplateRef, ViewContainerRef, AfterViewInit, OnDestroy, EventEmitter, QueryList, ElementRef, OnInit } from '@angular/core';
|
2
2
|
import { TemplatePortal } from '@angular/cdk/portal';
|
3
3
|
import { BehaviorSubject } from 'rxjs';
|
4
4
|
import { BaseStatesDirective } from '@eui/components/shared';
|
@@ -7,7 +7,7 @@ import { OpenedDialog } from './models/opened-dialog.model';
|
|
7
7
|
import { EuiDialogVerticalPosition } from './models/eui-dialog-alignment';
|
8
8
|
import * as i0 from "@angular/core";
|
9
9
|
import * as i1 from "@eui/components/shared";
|
10
|
-
export declare class EuiDialogComponent implements AfterViewInit, OnDestroy, OnInit
|
10
|
+
export declare class EuiDialogComponent implements AfterViewInit, OnDestroy, OnInit {
|
11
11
|
private viewContainerRef;
|
12
12
|
private euiDialogService;
|
13
13
|
baseStatesDirective: BaseStatesDirective;
|
@@ -15,8 +15,6 @@ export declare class EuiDialogComponent implements AfterViewInit, OnDestroy, OnI
|
|
15
15
|
title: string;
|
16
16
|
acceptLabel: string;
|
17
17
|
dismissLabel: string;
|
18
|
-
/** @deprecated This will be removed in next version of eui in favor of euiVariant: primary, secondary, info, success, warning, danger, accent */
|
19
|
-
typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' | string;
|
20
18
|
verticalPosition: EuiDialogVerticalPosition;
|
21
19
|
width: string;
|
22
20
|
height: string;
|
@@ -25,11 +23,7 @@ export declare class EuiDialogComponent implements AfterViewInit, OnDestroy, OnI
|
|
25
23
|
hasAcceptButton: boolean;
|
26
24
|
hasDismissButton: boolean;
|
27
25
|
hasMobileCustomSize: boolean;
|
28
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnClickOutside */
|
29
|
-
isClosedOnClickOutside: boolean;
|
30
26
|
hasClosedOnClickOutside: boolean;
|
31
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnEscape */
|
32
|
-
isClosedOnEscape: boolean;
|
33
27
|
hasClosedOnEscape: boolean;
|
34
28
|
isHandleCloseOnDismiss: boolean;
|
35
29
|
isHandleCloseOnClose: boolean;
|
@@ -59,7 +53,6 @@ export declare class EuiDialogComponent implements AfterViewInit, OnDestroy, OnI
|
|
59
53
|
private templatePortalFooter;
|
60
54
|
private destroy$;
|
61
55
|
constructor(viewContainerRef: ViewContainerRef, euiDialogService: EuiDialogService, baseStatesDirective: BaseStatesDirective);
|
62
|
-
ngOnChanges(c: SimpleChanges): void;
|
63
56
|
ngOnInit(): void;
|
64
57
|
ngAfterViewInit(): void;
|
65
58
|
ngOnDestroy(): void;
|
@@ -104,15 +97,13 @@ export declare class EuiDialogComponent implements AfterViewInit, OnDestroy, OnI
|
|
104
97
|
*/
|
105
98
|
enableDismissButton(): void;
|
106
99
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiDialogComponent, never>;
|
107
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDialogComponent, "eui-dialog", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "title": { "alias": "title"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "
|
100
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDialogComponent, "eui-dialog", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "title": { "alias": "title"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "verticalPosition": { "alias": "verticalPosition"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "isFullScreen": { "alias": "isFullScreen"; "required": false; }; "hasCloseButton": { "alias": "hasCloseButton"; "required": false; }; "hasAcceptButton": { "alias": "hasAcceptButton"; "required": false; }; "hasDismissButton": { "alias": "hasDismissButton"; "required": false; }; "hasMobileCustomSize": { "alias": "hasMobileCustomSize"; "required": false; }; "hasClosedOnClickOutside": { "alias": "hasClosedOnClickOutside"; "required": false; }; "hasClosedOnEscape": { "alias": "hasClosedOnEscape"; "required": false; }; "isHandleCloseOnDismiss": { "alias": "isHandleCloseOnDismiss"; "required": false; }; "isHandleCloseOnClose": { "alias": "isHandleCloseOnClose"; "required": false; }; "isHandleCloseOnAccept": { "alias": "isHandleCloseOnAccept"; "required": false; }; "isHandleCloseOnClickOutside": { "alias": "isHandleCloseOnClickOutside"; "required": false; }; "isHandleCloseOnEscape": { "alias": "isHandleCloseOnEscape"; "required": false; }; "isMessageBox": { "alias": "isMessageBox"; "required": false; }; "isDraggable": { "alias": "isDraggable"; "required": false; }; "hasNoBodyPadding": { "alias": "hasNoBodyPadding"; "required": false; }; "hasFooter": { "alias": "hasFooter"; "required": false; }; }, { "clickOutside": "clickOutside"; "escape": "escape"; "dialogOpen": "dialogOpen"; "dialogClose": "dialogClose"; "dismiss": "dismiss"; "accept": "accept"; }, ["euiDialogHeaderDirective", "euiDialogFooterDirective"], ["eui-dialog-header", "*", "eui-dialog-footer"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiInfo": "euiInfo"; "euiSuccess": "euiSuccess"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiVariant": "euiVariant"; }; outputs: {}; }]>;
|
108
101
|
static ngAcceptInputType_isFullScreen: unknown;
|
109
102
|
static ngAcceptInputType_hasCloseButton: unknown;
|
110
103
|
static ngAcceptInputType_hasAcceptButton: unknown;
|
111
104
|
static ngAcceptInputType_hasDismissButton: unknown;
|
112
105
|
static ngAcceptInputType_hasMobileCustomSize: unknown;
|
113
|
-
static ngAcceptInputType_isClosedOnClickOutside: unknown;
|
114
106
|
static ngAcceptInputType_hasClosedOnClickOutside: unknown;
|
115
|
-
static ngAcceptInputType_isClosedOnEscape: unknown;
|
116
107
|
static ngAcceptInputType_hasClosedOnEscape: unknown;
|
117
108
|
static ngAcceptInputType_isHandleCloseOnDismiss: unknown;
|
118
109
|
static ngAcceptInputType_isHandleCloseOnClose: unknown;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-dialog.component.d.ts","sourceRoot":"","sources":["../../eui-dialog/eui-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACsE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAU,YAAY,EACjH,SAAS,EAAE,UAAU,EAAE,MAAM,EAAoB,
|
1
|
+
{"version":3,"file":"eui-dialog.component.d.ts","sourceRoot":"","sources":["../../eui-dialog/eui-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACsE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAU,YAAY,EACjH,SAAS,EAAE,UAAU,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AAChH,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAW,MAAM,MAAM,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;;;AAE1E,qBAwBa,kBAAmB,YAAW,aAAa,EAAE,SAAS,EAAE,MAAM;IAgD3D,OAAO,CAAC,gBAAgB;IAAoB,OAAO,CAAC,gBAAgB;IAA2B,mBAAmB,EAAE,mBAAmB;IA/C1I,OAAO,SAAgB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,SAAY;IACvB,YAAY,SAAgB;IAC5B,gBAAgB,EAAE,yBAAyB,CAAC;IAC5C,KAAK,SAAS;IACd,MAAM,SAAU;IACe,YAAY,UAAS;IACrB,cAAc,UAAQ;IACtB,eAAe,UAAQ;IACvB,gBAAgB,UAAQ;IACxB,mBAAmB,UAAS;IAC5B,uBAAuB,UAAS;IAChC,iBAAiB,UAAQ;IACzB,sBAAsB,UAAS;IAC/B,oBAAoB,UAAS;IAC7B,qBAAqB,UAAS;IAC9B,2BAA2B,UAAS;IACpC,qBAAqB,UAAS;IAC9B,YAAY,UAAS;IACrB,WAAW,UAAS;IACpB,gBAAgB,UAAS;IACzB,SAAS,UAAQ;IAE/C,YAAY,oBAAsB;IAClC,MAAM,oBAAsB;IAC5B,UAAU,oBAAsB;IAChC,WAAW,oBAAsB;IACjC,OAAO,oBAAsB;IAC7B,MAAM,oBAAsB;IAE/B,OAAO,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,CAAuC;IAE/C,iBAAiB,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC;IACxD,kBAAkB,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC7C,iBAAiB,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC;IAE/B,wBAAwB,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAC9D,wBAAwB,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAExH,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,oBAAoB,CAA2C;IACvE,OAAO,CAAC,qBAAqB,CAA6B;IAC1D,OAAO,CAAC,oBAAoB,CAA2C;IACvE,OAAO,CAAC,QAAQ,CAA4C;gBAExC,gBAAgB,EAAE,gBAAgB,EAAU,gBAAgB,EAAE,gBAAgB,EAAS,mBAAmB,EAAE,mBAAmB;IAGnJ,QAAQ,IAAI,IAAI;IAYhB,eAAe,IAAI,IAAI;IAYvB,WAAW,IAAI,IAAI;IAKnB;;;;;;;;;;;;OAYG;IACH,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED;;;;OAIG;IACI,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,KAAK,YAAY;IAqE5D;;OAEG;IACI,WAAW,IAAI,IAAI;IAK1B;;OAEG;IACI,mBAAmB,IAAI,IAAI;IAIlC;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;OAEG;IACI,oBAAoB,IAAI,IAAI;IAInC;;OAEG;IACI,mBAAmB,IAAI,IAAI;yCA3MzB,kBAAkB;2CAAlB,kBAAkB;2CAuNykiC,OAAQ;6CAAR,OAAQ;8CAAR,OAAQ;+CAAR,OAAQ;kDAAR,OAAQ;sDAAR,OAAQ;gDAAR,OAAQ;qDAAR,OAAQ;mDAAR,OAAQ;oDAAR,OAAQ;0DAAR,OAAQ;oDAAR,OAAQ;2CAAR,OAAQ;0CAAR,OAAQ;+CAAR,OAAQ;wCAAR,OAAQ;CAT/miC;AAGD,qBACa,wBAAwB;yCAAxB,wBAAwB;2CAAxB,wBAAwB;CAAG;AAExC,qBACa,wBAAwB;yCAAxB,wBAAwB;2CAAxB,wBAAwB;CAAG"}
|
@@ -12,11 +12,7 @@ export declare class EuiDialogConfig<HC, HCC, BC, BCC, FC, FCC> implements EuiDi
|
|
12
12
|
hasAcceptButton: boolean;
|
13
13
|
hasDismissButton: boolean;
|
14
14
|
hasMobileCustomSize: boolean;
|
15
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnClickOutside */
|
16
|
-
isClosedOnClickOutside: boolean;
|
17
15
|
hasClosedOnClickOutside: boolean;
|
18
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnEscape */
|
19
|
-
isClosedOnEscape: boolean;
|
20
16
|
hasClosedOnEscape: boolean;
|
21
17
|
isHandleCloseOnDismiss: boolean;
|
22
18
|
isHandleCloseOnClose: boolean;
|
@@ -31,7 +27,7 @@ export interface EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC> {
|
|
31
27
|
dialogId?: string;
|
32
28
|
e2eAttr?: string;
|
33
29
|
title?: string;
|
34
|
-
|
30
|
+
variant?: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' | string;
|
35
31
|
acceptLabel?: string;
|
36
32
|
dismissLabel?: string;
|
37
33
|
width?: string;
|
@@ -56,11 +52,7 @@ export interface EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC> {
|
|
56
52
|
hasAcceptButton?: boolean;
|
57
53
|
hasDismissButton?: boolean;
|
58
54
|
hasMobileCustomSize?: boolean;
|
59
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnClickOutside */
|
60
|
-
isClosedOnClickOutside?: boolean;
|
61
55
|
hasClosedOnClickOutside?: boolean;
|
62
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnEscape */
|
63
|
-
isClosedOnEscape?: boolean;
|
64
56
|
hasClosedOnEscape?: boolean;
|
65
57
|
isHandleCloseOnDismiss?: boolean;
|
66
58
|
isHandleCloseOnClose?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-dialog.config.d.ts","sourceRoot":"","sources":["../../../eui-dialog/models/eui-dialog.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAEnE,qBAAa,eAAe,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAE,YAAW,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC;IAC5G,OAAO,SAAqB;IAC5B,WAAW,SAAY;IACvB,YAAY,SAAgB;IAC5B,KAAK,SAAS;IACd,MAAM,SAAU;IAChB,YAAY,UAAS;IACrB,cAAc,UAAQ;IACtB,eAAe,UAAQ;IACvB,gBAAgB,UAAQ;IACxB,mBAAmB,UAAS;IAC5B,
|
1
|
+
{"version":3,"file":"eui-dialog.config.d.ts","sourceRoot":"","sources":["../../../eui-dialog/models/eui-dialog.config.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-dialog.service.d.ts","sourceRoot":"","sources":["../../../eui-dialog/services/eui-dialog.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,OAAO,EAAc,MAAM,sBAAsB,CAAC;AAEnF,OAAO,EAA4B,QAAQ,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAC;AAC9F,OAAO,EAA4B,UAAU,EAAE,MAAM,MAAM,CAAC;AAI5D,OAAO,EAAE,kBAAkB,EAAgD,MAAM,6BAA6B,CAAC;AAC/G,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAI7D,qBACa,gBAAiB,YAAW,SAAS;IAM1C,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,QAAQ;IANpB,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,cAAc,CAA4E;IAClG,OAAO,CAAC,QAAQ,CAA4C;gBAGhD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ;IAG9B,WAAW,IAAI,IAAI;IAQnB;;;;;OAKG;IACI,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,GAAE,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAM,GAAG,YAAY;
|
1
|
+
{"version":3,"file":"eui-dialog.service.d.ts","sourceRoot":"","sources":["../../../eui-dialog/services/eui-dialog.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,OAAO,EAAc,MAAM,sBAAsB,CAAC;AAEnF,OAAO,EAA4B,QAAQ,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAC;AAC9F,OAAO,EAA4B,UAAU,EAAE,MAAM,MAAM,CAAC;AAI5D,OAAO,EAAE,kBAAkB,EAAgD,MAAM,6BAA6B,CAAC;AAC/G,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAI7D,qBACa,gBAAiB,YAAW,SAAS;IAM1C,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,QAAQ;IANpB,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,cAAc,CAA4E;IAClG,OAAO,CAAC,QAAQ,CAA4C;gBAGhD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ;IAG9B,WAAW,IAAI,IAAI;IAQnB;;;;;OAKG;IACI,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,GAAE,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAM,GAAG,YAAY;IAoGtH;;;;OAIG;IACI,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAc3C;;OAEG;IACI,eAAe,IAAI,IAAI;IAM9B;;;;OAIG;IACI,eAAe,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;IAIpD;;;;;OAKG;IACI,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY;IAIhD;;OAEG;IACI,mBAAmB,IAAI,IAAI;IAIlC;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;OAEG;IACI,oBAAoB,IAAI,IAAI;IAInC;;OAEG;IACI,mBAAmB,IAAI,IAAI;IAMlC,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,mBAAmB;yCAjNlB,gBAAgB;6CAAhB,gBAAgB;CAwN5B"}
|
@@ -16,14 +16,11 @@ export declare class EuiMessageBoxComponent implements AfterViewInit, OnDestroy
|
|
16
16
|
hasDismissButton: boolean;
|
17
17
|
acceptLabel: string;
|
18
18
|
dismissLabel: string;
|
19
|
-
/** @deprecated This will be removed in next version of eui in favor of euiVariant: primary, secondary, info, success, warning, danger, accent */
|
20
|
-
typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' | string;
|
21
19
|
isHandleCloseOnDismiss: boolean;
|
22
20
|
isHandleCloseOnClose: boolean;
|
23
21
|
isHandleCloseOnAccept: boolean;
|
24
22
|
isDraggable: boolean;
|
25
23
|
hasNoBodyPadding: boolean;
|
26
|
-
isClosedOnEscape: boolean;
|
27
24
|
messageBoxOpen: EventEmitter<any>;
|
28
25
|
messageBoxClose: EventEmitter<any>;
|
29
26
|
dismiss: EventEmitter<any>;
|
@@ -47,7 +44,7 @@ export declare class EuiMessageBoxComponent implements AfterViewInit, OnDestroy
|
|
47
44
|
*/
|
48
45
|
closeMessageBox(): void;
|
49
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiMessageBoxComponent, never>;
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiMessageBoxComponent, "eui-message-box", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "hasAcceptButton": { "alias": "hasAcceptButton"; "required": false; }; "hasDismissButton": { "alias": "hasDismissButton"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiMessageBoxComponent, "eui-message-box", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "hasAcceptButton": { "alias": "hasAcceptButton"; "required": false; }; "hasDismissButton": { "alias": "hasDismissButton"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "isHandleCloseOnDismiss": { "alias": "isHandleCloseOnDismiss"; "required": false; }; "isHandleCloseOnClose": { "alias": "isHandleCloseOnClose"; "required": false; }; "isHandleCloseOnAccept": { "alias": "isHandleCloseOnAccept"; "required": false; }; "isDraggable": { "alias": "isDraggable"; "required": false; }; "hasNoBodyPadding": { "alias": "hasNoBodyPadding"; "required": false; }; }, { "messageBoxOpen": "messageBoxOpen"; "messageBoxClose": "messageBoxClose"; "dismiss": "dismiss"; "accept": "accept"; }, ["euiMessageBoxFooterDirective"], ["*", "eui-message-box-footer"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiInfo": "euiInfo"; "euiSuccess": "euiSuccess"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiVariant": "euiVariant"; }; outputs: {}; }]>;
|
51
48
|
static ngAcceptInputType_hasAcceptButton: unknown;
|
52
49
|
static ngAcceptInputType_hasDismissButton: unknown;
|
53
50
|
static ngAcceptInputType_isHandleCloseOnDismiss: unknown;
|
@@ -55,7 +52,6 @@ export declare class EuiMessageBoxComponent implements AfterViewInit, OnDestroy
|
|
55
52
|
static ngAcceptInputType_isHandleCloseOnAccept: unknown;
|
56
53
|
static ngAcceptInputType_isDraggable: unknown;
|
57
54
|
static ngAcceptInputType_hasNoBodyPadding: unknown;
|
58
|
-
static ngAcceptInputType_isClosedOnEscape: unknown;
|
59
55
|
}
|
60
56
|
export declare class EuiMessageBoxFooterDirective {
|
61
57
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiMessageBoxFooterDirective, never>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-message-box.component.d.ts","sourceRoot":"","sources":["../../eui-message-box/eui-message-box.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2E,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAU,YAAY,EACtH,SAAS,EAAE,UAAU,EAAoB,MAAM,eAAe,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;;;AAE1E,qBAsBa,sBAAuB,YAAW,aAAa,EAAE,SAAS;
|
1
|
+
{"version":3,"file":"eui-message-box.component.d.ts","sourceRoot":"","sources":["../../eui-message-box/eui-message-box.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2E,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAU,YAAY,EACtH,SAAS,EAAE,UAAU,EAAoB,MAAM,eAAe,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;;;AAE1E,qBAsBa,sBAAuB,YAAW,aAAa,EAAE,SAAS;IA8BvD,OAAO,CAAC,gBAAgB;IAAoB,OAAO,CAAC,oBAAoB;IAA+B,mBAAmB,EAAE,mBAAmB;IA7BlJ,OAAO,SAAgB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,SAAW;IAChB,MAAM,SAAU;IACe,eAAe,UAAQ;IACvB,gBAAgB,UAAQ;IACvD,WAAW,SAAY;IACvB,YAAY,SAAgB;IACG,sBAAsB,UAAS;IAC/B,oBAAoB,UAAS;IAC7B,qBAAqB,UAAS;IAC9B,WAAW,UAAS;IACpB,gBAAgB,UAAS;IAEvD,cAAc,oBAAsB;IACpC,eAAe,oBAAsB;IACrC,OAAO,oBAAsB;IAC7B,MAAM,oBAAsB;IAEL,kBAAkB,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC7C,iBAAiB,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;IAC/B,4BAA4B,EAAE,SAAS,CAAC,4BAA4B,CAAC,CAAC;IAE7H,OAAO,EAAE,MAAM,GAAG,cAAc,CAAC;IAExC,OAAO,CAAC,qBAAqB,CAA6B;IAC1D,OAAO,CAAC,oBAAoB,CAA+C;IAC3E,OAAO,CAAC,QAAQ,CAA4C;gBAExC,gBAAgB,EAAE,gBAAgB,EAAU,oBAAoB,EAAE,oBAAoB,EAAS,mBAAmB,EAAE,mBAAmB;IAG3J,eAAe,IAAI,IAAI;IAQvB,WAAW,IAAI,IAAI;IAKnB;;OAEG;IACI,cAAc,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,KAAK,IAAI;IAyCxD;;OAEG;IACI,eAAe,IAAI,IAAI;yCA7FrB,sBAAsB;2CAAtB,sBAAsB;8CAsGozqC,OAAQ;+CAAR,OAAQ;qDAAR,OAAQ;mDAAR,OAAQ;oDAAR,OAAQ;0CAAR,OAAQ;+CAAR,OAAQ;CAN91qC;AAGD,qBACa,4BAA4B;yCAA5B,4BAA4B;2CAA5B,4BAA4B;CAAG"}
|
@@ -3,7 +3,7 @@ export declare class EuiMessageBoxConfig<HC, HCC, BC, BCC, FC, FCC> implements E
|
|
3
3
|
e2eAttr: string;
|
4
4
|
acceptLabel: string;
|
5
5
|
dismissLabel: string;
|
6
|
-
|
6
|
+
variant: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' | string;
|
7
7
|
width: string;
|
8
8
|
height: string;
|
9
9
|
hasCloseButton: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-message-box.config.d.ts","sourceRoot":"","sources":["../../../eui-message-box/models/eui-message-box.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,qBAAa,mBAAmB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAE,YAAW,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC;IAChH,OAAO,SAAqB;IAC5B,WAAW,SAAY;IACvB,YAAY,SAAgB;IAC5B,
|
1
|
+
{"version":3,"file":"eui-message-box.config.d.ts","sourceRoot":"","sources":["../../../eui-message-box/models/eui-message-box.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,qBAAa,mBAAmB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAE,YAAW,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC;IAChH,OAAO,SAAqB;IAC5B,WAAW,SAAY;IACvB,YAAY,SAAgB;IAC5B,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAa;IAC7G,KAAK,SAAW;IAChB,MAAM,SAAU;IAChB,cAAc,UAAS;IACvB,eAAe,UAAQ;IACvB,gBAAgB,UAAQ;IACxB,uBAAuB,UAAS;IAChC,iBAAiB,UAAS;IAC1B,sBAAsB,UAAS;IAC/B,oBAAoB,UAAS;IAC7B,qBAAqB,UAAS;IAC9B,2BAA2B,UAAS;IACpC,qBAAqB,UAAS;IAC9B,SAAS,UAAQ;IACjB,YAAY,UAAQ;IACpB,MAAM,MAAQ;IACd,eAAe,MAAQ;gBAEX,MAAM,EAAE,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC;CAGpE;AAED,qBAAa,+BAA+B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACnD,eAAe,EAAE,EAAE,CAAQ;IAC3B,aAAa,EAAE,EAAE,CAAQ;IACzB,eAAe,EAAE,EAAE,CAAQ;CAC9B"}
|
@@ -43,11 +43,7 @@ class EuiDialogConfig {
|
|
43
43
|
this.hasAcceptButton = true;
|
44
44
|
this.hasDismissButton = true;
|
45
45
|
this.hasMobileCustomSize = false;
|
46
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnClickOutside */
|
47
|
-
this.isClosedOnClickOutside = false;
|
48
46
|
this.hasClosedOnClickOutside = false;
|
49
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnEscape */
|
50
|
-
this.isClosedOnEscape = true;
|
51
47
|
this.hasClosedOnEscape = true;
|
52
48
|
this.isHandleCloseOnDismiss = false;
|
53
49
|
this.isHandleCloseOnClose = false;
|
@@ -215,11 +211,11 @@ class EuiDialogContainerComponent {
|
|
215
211
|
});
|
216
212
|
}
|
217
213
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiDialogContainerComponent, deps: [{ token: DIALOG_CONTAINER_CONFIG }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
218
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: EuiDialogContainerComponent, isStandalone: false, 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 }} eui-18\"\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\n @if (dialogContainerConfig.isMessageBox) {\n <eui-icon-state [euiVariant]=\"dialogContainerConfig.typeClass\" size=\"xl\" class=\"eui-u-mr-s\"/>\n }\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n\n @if (dialogContainerConfig.hasCloseButton) {\n <div class=\"eui-dialog__header-close-container\">\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n </div>\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 (!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 [euiVariant]=\"dialogContainerConfig.isMessageBox && !(dialogContainerConfig.typeClass === 'secondary') ? dialogContainerConfig.typeClass: 'primary'\"\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-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .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;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .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", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "directive", type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
214
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: EuiDialogContainerComponent, isStandalone: false, 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.variant }} eui-18\"\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\n @if (dialogContainerConfig.isMessageBox) {\n <eui-icon-state [euiVariant]=\"dialogContainerConfig.variant\" size=\"xl\" class=\"eui-u-mr-s\"/>\n }\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n\n @if (dialogContainerConfig.hasCloseButton) {\n <div class=\"eui-dialog__header-close-container\">\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n </div>\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 (!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 [euiVariant]=\"dialogContainerConfig.isMessageBox && !(dialogContainerConfig.variant === 'secondary') ? dialogContainerConfig.variant: 'primary'\"\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-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .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;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .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", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "directive", type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
219
215
|
}
|
220
216
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiDialogContainerComponent, decorators: [{
|
221
217
|
type: Component,
|
222
|
-
args: [{ selector: 'eui-dialog-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.typeClass }} eui-18\"\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\n @if (dialogContainerConfig.isMessageBox) {\n <eui-icon-state [euiVariant]=\"dialogContainerConfig.typeClass\" size=\"xl\" class=\"eui-u-mr-s\"/>\n }\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n\n @if (dialogContainerConfig.hasCloseButton) {\n <div class=\"eui-dialog__header-close-container\">\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n </div>\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 (!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 [euiVariant]=\"dialogContainerConfig.isMessageBox && !(dialogContainerConfig.typeClass === 'secondary') ? dialogContainerConfig.typeClass: 'primary'\"\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-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .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;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
|
218
|
+
args: [{ selector: 'eui-dialog-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.variant }} eui-18\"\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\n @if (dialogContainerConfig.isMessageBox) {\n <eui-icon-state [euiVariant]=\"dialogContainerConfig.variant\" size=\"xl\" class=\"eui-u-mr-s\"/>\n }\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n\n @if (dialogContainerConfig.hasCloseButton) {\n <div class=\"eui-dialog__header-close-container\">\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n </div>\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 (!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 [euiVariant]=\"dialogContainerConfig.isMessageBox && !(dialogContainerConfig.variant === 'secondary') ? dialogContainerConfig.variant: 'primary'\"\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-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .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;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
|
223
219
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
224
220
|
type: Inject,
|
225
221
|
args: [DIALOG_CONTAINER_CONFIG]
|
@@ -266,12 +262,10 @@ class EuiDialogService {
|
|
266
262
|
openDialog(config = {}) {
|
267
263
|
const positionStrategy = this.getPositionStrategy(config.verticalPosition);
|
268
264
|
const scrollStrategy = this.overlay.scrollStrategies.block();
|
269
|
-
const isClosedOnEscape = config.isClosedOnEscape;
|
270
265
|
const hasClosedOnEscape = config.hasClosedOnEscape;
|
271
266
|
const hasCloseButton = config.hasCloseButton;
|
272
267
|
const dialogConfig = new EuiDialogConfig({
|
273
268
|
...config,
|
274
|
-
isClosedOnEscape,
|
275
269
|
hasClosedOnEscape,
|
276
270
|
hasCloseButton,
|
277
271
|
width: config.isFullScreen ? '98vw' : config.width,
|
@@ -330,14 +324,14 @@ class EuiDialogService {
|
|
330
324
|
.backdropClick()
|
331
325
|
.pipe(takeUntil(this.destroy$))
|
332
326
|
.subscribe(() => {
|
333
|
-
if (extendedConfig.hasClosedOnClickOutside
|
327
|
+
if (extendedConfig.hasClosedOnClickOutside) {
|
334
328
|
config.clickOutside?.(containerRef.instance.componentInstances);
|
335
329
|
if (!config.isHandleCloseOnClickOutside) {
|
336
330
|
containerRef.instance.closeDialog();
|
337
331
|
}
|
338
332
|
}
|
339
333
|
});
|
340
|
-
if (extendedConfig.
|
334
|
+
if (extendedConfig.hasClosedOnEscape) {
|
341
335
|
openedDialog.overlayRef
|
342
336
|
.keydownEvents()
|
343
337
|
.pipe(takeUntil(this.destroy$))
|
@@ -459,11 +453,7 @@ class EuiDialogComponent {
|
|
459
453
|
this.hasAcceptButton = true;
|
460
454
|
this.hasDismissButton = true;
|
461
455
|
this.hasMobileCustomSize = false;
|
462
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnClickOutside */
|
463
|
-
this.isClosedOnClickOutside = false;
|
464
456
|
this.hasClosedOnClickOutside = false;
|
465
|
-
/** @deprecated This will be removed in next version of eui in favor of hasClosedOnEscape */
|
466
|
-
this.isClosedOnEscape = true;
|
467
457
|
this.hasClosedOnEscape = true;
|
468
458
|
this.isHandleCloseOnDismiss = false;
|
469
459
|
this.isHandleCloseOnClose = false;
|
@@ -483,21 +473,12 @@ class EuiDialogComponent {
|
|
483
473
|
this.isOpen$ = new BehaviorSubject(false);
|
484
474
|
this.destroy$ = new Subject();
|
485
475
|
}
|
486
|
-
ngOnChanges(c) {
|
487
|
-
if (c.isClosedOnClickOutside) {
|
488
|
-
this.hasClosedOnClickOutside = c.isClosedOnClickOutside.currentValue;
|
489
|
-
}
|
490
|
-
if (c.isClosedOnEscape) {
|
491
|
-
this.hasClosedOnEscape = c.isClosedOnEscape.currentValue;
|
492
|
-
}
|
493
|
-
}
|
494
476
|
ngOnInit() {
|
495
477
|
if (this.isFullScreen) {
|
496
478
|
this.width = '98vw';
|
497
479
|
this.height = '97vh';
|
498
480
|
}
|
499
481
|
if (this.isMessageBox) {
|
500
|
-
this.isClosedOnEscape = false;
|
501
482
|
this.hasClosedOnEscape = false;
|
502
483
|
this.hasCloseButton = false;
|
503
484
|
}
|
@@ -543,7 +524,7 @@ class EuiDialogComponent {
|
|
543
524
|
width: this.width,
|
544
525
|
height: this.height,
|
545
526
|
isFullScreen: this.isFullScreen,
|
546
|
-
|
527
|
+
variant: this.baseStatesDirective.euiVariant,
|
547
528
|
acceptLabel: this.acceptLabel,
|
548
529
|
dismissLabel: this.dismissLabel,
|
549
530
|
hasCloseButton: this.hasCloseButton,
|
@@ -552,7 +533,6 @@ class EuiDialogComponent {
|
|
552
533
|
hasMobileCustomSize: this.hasMobileCustomSize,
|
553
534
|
hasClosedOnClickOutside: this.hasClosedOnClickOutside,
|
554
535
|
hasClosedOnEscape: this.hasClosedOnEscape,
|
555
|
-
isClosedOnEscape: this.isClosedOnEscape,
|
556
536
|
isHandleCloseOnDismiss: this.isHandleCloseOnDismiss,
|
557
537
|
isHandleCloseOnClose: this.isHandleCloseOnClose,
|
558
538
|
isHandleCloseOnAccept: this.isHandleCloseOnAccept,
|
@@ -572,7 +552,7 @@ class EuiDialogComponent {
|
|
572
552
|
this.clickOutside.emit();
|
573
553
|
},
|
574
554
|
escape: () => {
|
575
|
-
if (this.
|
555
|
+
if (this.hasClosedOnEscape) {
|
576
556
|
this.isOpen$.next(false);
|
577
557
|
}
|
578
558
|
this.escape.emit();
|
@@ -635,7 +615,7 @@ class EuiDialogComponent {
|
|
635
615
|
this.euiDialogService.getDialog(this.dialog.id).containerRef.instance.enableDismissButton();
|
636
616
|
}
|
637
617
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiDialogComponent, deps: [{ token: i0.ViewContainerRef }, { token: EuiDialogService }, { token: i2$1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
638
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0", type: EuiDialogComponent, isStandalone: false, 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$1.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-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .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;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
618
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0", type: EuiDialogComponent, isStandalone: false, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", 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], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", 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 }], hostDirectives: [{ directive: i2$1.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-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .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;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
639
619
|
}
|
640
620
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiDialogComponent, decorators: [{
|
641
621
|
type: Component,
|
@@ -662,8 +642,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
662
642
|
type: Input
|
663
643
|
}], dismissLabel: [{
|
664
644
|
type: Input
|
665
|
-
}], typeClass: [{
|
666
|
-
type: Input
|
667
645
|
}], verticalPosition: [{
|
668
646
|
type: Input
|
669
647
|
}], width: [{
|
@@ -685,15 +663,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
685
663
|
}], hasMobileCustomSize: [{
|
686
664
|
type: Input,
|
687
665
|
args: [{ transform: booleanAttribute }]
|
688
|
-
}], isClosedOnClickOutside: [{
|
689
|
-
type: Input,
|
690
|
-
args: [{ transform: booleanAttribute }]
|
691
666
|
}], hasClosedOnClickOutside: [{
|
692
667
|
type: Input,
|
693
668
|
args: [{ transform: booleanAttribute }]
|
694
|
-
}], isClosedOnEscape: [{
|
695
|
-
type: Input,
|
696
|
-
args: [{ transform: booleanAttribute }]
|
697
669
|
}], hasClosedOnEscape: [{
|
698
670
|
type: Input,
|
699
671
|
args: [{ transform: booleanAttribute }]
|