@eui/components 19.1.2 → 19.1.3-snapshot-1744273107050
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiCardComponent.html +89 -0
- package/docs/components/EuiCardContentComponent.html +46 -0
- package/docs/components/EuiCardFooterActionButtonsComponent.html +38 -0
- package/docs/components/EuiCardFooterActionIconsComponent.html +44 -0
- package/docs/components/EuiCardFooterComponent.html +44 -0
- package/docs/components/EuiCardFooterMenuComponent.html +70 -0
- package/docs/components/EuiCardFooterMenuContentComponent.html +50 -0
- package/docs/components/EuiCardHeaderBodyComponent.html +30 -0
- package/docs/components/EuiCardHeaderComponent.html +86 -0
- package/docs/components/EuiCardHeaderLeftContentComponent.html +32 -0
- package/docs/components/EuiCardHeaderRightContentComponent.html +35 -0
- package/docs/components/EuiCardHeaderSubtitleComponent.html +34 -0
- package/docs/components/EuiCardHeaderTitleComponent.html +35 -0
- package/docs/components/EuiCardMediaComponent.html +68 -0
- package/docs/components/EuiDropdownComponent.html +150 -1
- package/docs/components/EuiIconButtonComponent.html +20 -1
- package/docs/components/EuiTreeComponent.html +105 -0
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiTreeModule.html +11 -0
- package/eui-card/components/eui-card-content/eui-card-content.component.d.ts +32 -0
- package/eui-card/components/eui-card-content/eui-card-content.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.d.ts +31 -0
- package/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.d.ts +39 -0
- package/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.d.ts +44 -0
- package/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer-menu.component.d.ts +65 -0
- package/eui-card/components/eui-card-footer/eui-card-footer-menu.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts +39 -0
- package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header-left-content.component.d.ts +25 -0
- package/eui-card/components/eui-card-header/eui-card-header-left-content.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header-right-content.component.d.ts +28 -0
- package/eui-card/components/eui-card-header/eui-card-header-right-content.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header-subtitle.component.d.ts +27 -0
- package/eui-card/components/eui-card-header/eui-card-header-subtitle.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header-title.component.d.ts +28 -0
- package/eui-card/components/eui-card-header/eui-card-header-title.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header.component.d.ts +70 -0
- package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header-body/eui-card-header-body.component.d.ts +23 -0
- package/eui-card/components/eui-card-header-body/eui-card-header-body.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-media/eui-card-media.component.d.ts +45 -0
- package/eui-card/components/eui-card-media/eui-card-media.component.d.ts.map +1 -1
- package/eui-card/eui-card.component.d.ts +75 -0
- package/eui-card/eui-card.component.d.ts.map +1 -1
- package/eui-dropdown/eui-dropdown.component.d.ts +157 -1
- package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
- package/eui-icon-button/eui-icon-button.component.d.ts +2 -1
- package/eui-icon-button/eui-icon-button.component.d.ts.map +1 -1
- package/eui-tree/eui-tree.component.d.ts +104 -0
- package/eui-tree/eui-tree.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +1 -1
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +559 -0
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +1 -1
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +4 -4
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +157 -1
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +1 -1
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-button.mjs +4 -2
- package/fesm2022/eui-components-eui-icon-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +98 -0
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/fesm2022/eui-components-eui-user-profile.mjs +1 -1
- package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +6 -6
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +8 -8
@@ -1,11 +1,56 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
+
/**
|
3
|
+
* @description
|
4
|
+
* The eui-card-header-body component projects the body for eui-card-header.
|
5
|
+
*
|
6
|
+
* @example
|
7
|
+
* ```html
|
8
|
+
* <eui-card euiNoShadow>
|
9
|
+
* <eui-card-media
|
10
|
+
* imageUrl="./assets/images/cards/home-card-eu-publications.jpg"
|
11
|
+
* imageLegend="EU Publications"
|
12
|
+
* imageClickUrl="/style-guide-next/components/eui-card"
|
13
|
+
* euiTooltip="Internal link Url defined pointing to this page">
|
14
|
+
* </eui-card-media>
|
15
|
+
* <eui-card-content style="height: 8rem;">
|
16
|
+
* Reports, studies, information booklets, magazines and other publications from the EU institutions and other bodies
|
17
|
+
* </eui-card-content>
|
18
|
+
* </eui-card>
|
19
|
+
* ```
|
20
|
+
* See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#media-cards} for more details.
|
21
|
+
*/
|
2
22
|
export declare class EuiCardMediaComponent {
|
23
|
+
/**
|
24
|
+
* The image URL to display in the card.
|
25
|
+
*/
|
3
26
|
imageUrl: string;
|
27
|
+
/**
|
28
|
+
* The image legend to display in the card.
|
29
|
+
*/
|
4
30
|
imageLegend: string;
|
31
|
+
/**
|
32
|
+
* Option to set an internal link Url (routerLink).
|
33
|
+
*/
|
5
34
|
imageClickUrl: string;
|
35
|
+
/**
|
36
|
+
* Option to set an external link Url (href).
|
37
|
+
*/
|
6
38
|
imageClickUrlExternal: string;
|
39
|
+
/**
|
40
|
+
* Option to specify an image description.
|
41
|
+
* @default 'eUI Card Image'
|
42
|
+
*/
|
7
43
|
imageDescription: string;
|
44
|
+
/**
|
45
|
+
* Option to specify the image height.
|
46
|
+
* @default 'auto'
|
47
|
+
*/
|
8
48
|
imageHeight: string;
|
49
|
+
/**
|
50
|
+
* Binds the class to the component.
|
51
|
+
*
|
52
|
+
* @default 'eui-card-media'
|
53
|
+
*/
|
9
54
|
string: string;
|
10
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardMediaComponent, never>;
|
11
56
|
static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardMediaComponent, "eui-card-media", never, { "imageUrl": { "alias": "imageUrl"; "required": false; }; "imageLegend": { "alias": "imageLegend"; "required": false; }; "imageClickUrl": { "alias": "imageClickUrl"; "required": false; }; "imageClickUrlExternal": { "alias": "imageClickUrlExternal"; "required": false; }; "imageDescription": { "alias": "imageDescription"; "required": false; }; "imageHeight": { "alias": "imageHeight"; "required": false; }; }, {}, never, ["*", "*", "*"], false, never>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-card-media.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-media/eui-card-media.component.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"eui-card-media.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-media/eui-card-media.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAOa,qBAAqB;IAC9B;;OAEG;IACM,QAAQ,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACM,WAAW,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACM,aAAa,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACM,qBAAqB,EAAE,MAAM,CAAC;IACvC;;;OAGG;IACM,gBAAgB,SAAoB;IAC7C;;;OAGG;IACM,WAAW,SAAU;IAC9B;;;;OAIG;IACmB,MAAM,SAAoB;yCAhCvC,qBAAqB;2CAArB,qBAAqB;CAiCjC"}
|
@@ -2,16 +2,87 @@ import { OnDestroy, EventEmitter, OnInit, OnChanges, SimpleChanges, AfterContent
|
|
2
2
|
import { UiStateService } from './services/ui-state.service';
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
import * as i1 from "@eui/components/shared";
|
5
|
+
/**
|
6
|
+
* @description
|
7
|
+
* The eui-card component is based on Material Design and provides a content container for text, photos and actions in the context of a single subject.
|
8
|
+
*
|
9
|
+
* @example
|
10
|
+
* ```html
|
11
|
+
* <eui-card>
|
12
|
+
* <eui-card-header>
|
13
|
+
* <eui-card-header-title>
|
14
|
+
* {{ cardTitle }}
|
15
|
+
* </eui-card-header-title>
|
16
|
+
* <eui-card-header-subtitle>
|
17
|
+
* {{ cardSubtitle }}
|
18
|
+
* </eui-card-header-subtitle>
|
19
|
+
* </eui-card-header>
|
20
|
+
* <eui-card-content>
|
21
|
+
* I am the content of the card container...
|
22
|
+
* </eui-card-content>
|
23
|
+
* </eui-card>
|
24
|
+
* ```
|
25
|
+
* See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card}.
|
26
|
+
*/
|
5
27
|
export declare class EuiCardComponent implements AfterContentInit, OnDestroy, OnInit, OnChanges {
|
28
|
+
/**
|
29
|
+
* @description
|
30
|
+
* Computes and returns the CSS classes for the component based on its current state.
|
31
|
+
*
|
32
|
+
* @returns {string} Space-separated string of CSS class names
|
33
|
+
*/
|
6
34
|
get cssClasses(): string;
|
35
|
+
/**
|
36
|
+
* Sets the `data-e2e` attribute at the host element.
|
37
|
+
*
|
38
|
+
* @default 'eui-card'
|
39
|
+
*/
|
7
40
|
e2eAttr: string;
|
41
|
+
/**
|
42
|
+
* Sets the `euiSelected` attribute in order to show the card header as selected.
|
43
|
+
*
|
44
|
+
* @default false
|
45
|
+
*/
|
8
46
|
euiSelected: boolean;
|
47
|
+
/**
|
48
|
+
* Sets the `euiCollapsible` attribute which shows the collapsible toggle in the header.
|
49
|
+
*
|
50
|
+
* @default false
|
51
|
+
*/
|
9
52
|
euiCollapsible: boolean;
|
53
|
+
/**
|
54
|
+
* Sets the `euiCollapsed` attribute which collapses the card content.
|
55
|
+
*
|
56
|
+
* @default false
|
57
|
+
*/
|
10
58
|
euiCollapsed: boolean;
|
59
|
+
/**
|
60
|
+
* Sets the `euiUrgent` attribute in order to show the card header as urgent.
|
61
|
+
*
|
62
|
+
* @default false
|
63
|
+
*/
|
11
64
|
euiUrgent: boolean;
|
65
|
+
/**
|
66
|
+
* Sets the `euiNoShadow` attribute in order to remove the shadow from the card.
|
67
|
+
*
|
68
|
+
* @default false
|
69
|
+
*/
|
12
70
|
euiNoShadow: boolean;
|
71
|
+
/**
|
72
|
+
* Sets the `euiNoContentPadding` attribute in order to remove the padding from the card content.
|
73
|
+
*
|
74
|
+
* @default false
|
75
|
+
*/
|
13
76
|
euiNoContentPadding: boolean;
|
77
|
+
/**
|
78
|
+
* Sets the `euiHoverable` attribute in order to show the hover effect on the card.
|
79
|
+
*
|
80
|
+
* @default false
|
81
|
+
*/
|
14
82
|
euiHoverable: boolean;
|
83
|
+
/**
|
84
|
+
* Event emitted when the card collapses.
|
85
|
+
*/
|
15
86
|
collapse: EventEmitter<boolean>;
|
16
87
|
uiStateService: UiStateService;
|
17
88
|
private destroy$;
|
@@ -20,6 +91,10 @@ export declare class EuiCardComponent implements AfterContentInit, OnDestroy, On
|
|
20
91
|
ngOnInit(): void;
|
21
92
|
ngAfterContentInit(): void;
|
22
93
|
ngOnDestroy(): void;
|
94
|
+
/**
|
95
|
+
* Sets the card state in the UIStateService.
|
96
|
+
* This method is called when the component is initialized and when the input properties change.
|
97
|
+
*/
|
23
98
|
private _setCardState;
|
24
99
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardComponent, never>;
|
25
100
|
static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardComponent, "eui-card", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "euiSelected": { "alias": "euiSelected"; "required": false; }; "euiCollapsible": { "alias": "euiCollapsible"; "required": false; }; "euiCollapsed": { "alias": "euiCollapsed"; "required": false; }; "euiUrgent": { "alias": "euiUrgent"; "required": false; }; "euiNoShadow": { "alias": "euiNoShadow"; "required": false; }; "euiNoContentPadding": { "alias": "euiNoContentPadding"; "required": false; }; "euiHoverable": { "alias": "euiHoverable"; "required": false; }; }, { "collapse": "collapse"; }, never, ["eui-card-header", "eui-card-media", "eui-card-content", "eui-card-footer"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiInfo": "euiInfo"; "euiSuccess": "euiSuccess"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiHighlighted": "euiHighlighted"; "euiDisabled": "euiDisabled"; "euiLoading": "euiLoading"; "euiSizeXS": "euiSizeXS"; "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeL": "euiSizeL"; "euiSizeXL": "euiSizeXL"; "euiSize2XL": "euiSize2XL"; "euiSizeVariant": "euiSizeVariant"; }; outputs: {}; }]>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-card.component.d.ts","sourceRoot":"","sources":["../../eui-card/eui-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,SAAS,EAET,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,gBAAgB,EAGnB,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAW,cAAc,EAAE,MAAM,6BAA6B,CAAC;;;AAEtE,qBAgCa,gBAAiB,YAAW,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS;IACnF,IACI,UAAU,IAAI,MAAM,CAavB;
|
1
|
+
{"version":3,"file":"eui-card.component.d.ts","sourceRoot":"","sources":["../../eui-card/eui-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,SAAS,EAET,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,gBAAgB,EAGnB,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAW,cAAc,EAAE,MAAM,6BAA6B,CAAC;;;AAEtE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAgCa,gBAAiB,YAAW,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS;IACnF;;;;;OAKG;IACH,IACI,UAAU,IAAI,MAAM,CAavB;IACD;;;;OAIG;IACoC,OAAO,SAAc;IAC5D;;;;OAIG;IACqC,WAAW,UAAS;IAC5D;;;;OAIG;IACqC,cAAc,UAAS;IAC/D;;;;OAIG;IACqC,YAAY,UAAS;IAC7D;;;;OAIG;IACqC,SAAS,UAAS;IAC1D;;;;OAIG;IACqC,WAAW,UAAS;IAC5D;;;;OAIG;IACqC,mBAAmB,UAAS;IACpE;;;;OAIG;IACqC,YAAY,UAAS;IAC7D;;OAEG;IACO,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IAExD,cAAc,EAAE,cAAc,CAA0B;IAC/D,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,mBAAmB,CAAoD;IAE/E,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAYzC,QAAQ,IAAI,IAAI;IAIhB,kBAAkB,IAAI,IAAI;IAuB1B,WAAW,IAAI,IAAI;IAInB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCA9HZ,gBAAgB;2CAAhB,gBAAgB;0CAwIghsC,OAAQ;6CAAR,OAAQ;2CAAR,OAAQ;wCAAR,OAAQ;0CAAR,OAAQ;kDAAR,OAAQ;2CAAR,OAAQ;CADpjsC"}
|
@@ -4,6 +4,24 @@ import { Highlightable } from '@angular/cdk/a11y';
|
|
4
4
|
import { EuiDropdownItemComponent } from './dropdown-item/eui-dropdown-item.component';
|
5
5
|
import { EuiDropdownService } from './eui-dropdown.service';
|
6
6
|
import * as i0 from "@angular/core";
|
7
|
+
/**
|
8
|
+
* @description
|
9
|
+
* The eui-dropdown component is composed of a trigger, usually a button, which allows to display the dropdown content specified with the eui-dropdown-content.
|
10
|
+
*
|
11
|
+
* @example
|
12
|
+
* ```html
|
13
|
+
* <eui-dropdown>
|
14
|
+
* <button euiButton euiPrimary>Button trigger</button>
|
15
|
+
* <div>
|
16
|
+
* <button euiDropdownItem (click)="onClick('Menu item 1')" aria-label="Item 1">Menu item 1</button>
|
17
|
+
* <button euiDropdownItem (click)="onClick('Menu item 2')" aria-label="Item 2">Menu item 2</button>
|
18
|
+
* <button euiDropdownItem (click)="onClick('Menu item 3')" aria-label="Item 3">Menu item 3</button>
|
19
|
+
* </div>
|
20
|
+
* </eui-dropdown-content>
|
21
|
+
* </eui-dropdown>
|
22
|
+
* ```
|
23
|
+
* See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-dropdown}.
|
24
|
+
*/
|
7
25
|
export declare class EuiDropdownComponent implements OnInit, OnDestroy, AfterViewInit {
|
8
26
|
private overlay;
|
9
27
|
private viewContainerRef;
|
@@ -13,20 +31,88 @@ export declare class EuiDropdownComponent implements OnInit, OnDestroy, AfterVie
|
|
13
31
|
protected _renderer: Renderer2;
|
14
32
|
protected platformId: unknown;
|
15
33
|
private document;
|
34
|
+
/**
|
35
|
+
* Sets the `data-e2e` attribute for dropodown panel. Default: `eui-dropdown`.
|
36
|
+
*
|
37
|
+
* @default 'eui-dropdown'
|
38
|
+
*/
|
16
39
|
e2eAttr: string;
|
40
|
+
/**
|
41
|
+
* Sets the `tabindex` attribute for dropdown panel.
|
42
|
+
*
|
43
|
+
* @default -1
|
44
|
+
*/
|
17
45
|
tabIndex: number;
|
46
|
+
/**
|
47
|
+
* Sets the `width` attribute for the dropdown panel.
|
48
|
+
*
|
49
|
+
* @default 'auto'
|
50
|
+
*/
|
18
51
|
width: string;
|
52
|
+
/**
|
53
|
+
* Sets the `height` attribute for the dropdown panel.
|
54
|
+
*
|
55
|
+
* @default 'auto'
|
56
|
+
*/
|
19
57
|
height: string;
|
58
|
+
/**
|
59
|
+
* Sets the `position` attribute for the dropdown panel.
|
60
|
+
*
|
61
|
+
* @default 'bottom'
|
62
|
+
*/
|
20
63
|
position: 'top' | 'right' | 'bottom' | 'left';
|
64
|
+
/**
|
65
|
+
* Sets the `subDropdownPosition` attribute for a multi-level dropdown.
|
66
|
+
*
|
67
|
+
* @default 'right'
|
68
|
+
*/
|
21
69
|
subDropdownPosition: 'right' | 'left';
|
70
|
+
/**
|
71
|
+
* Sets the `isBlock` attribute in order for the dropdown to take the full width of the parent container.
|
72
|
+
*
|
73
|
+
* @default false
|
74
|
+
*/
|
22
75
|
isBlock: boolean;
|
76
|
+
/**
|
77
|
+
* Sets the `isDropDownRightAligned` attribute to align the menu panel on the right of the opening element.
|
78
|
+
*
|
79
|
+
* @default false
|
80
|
+
*/
|
23
81
|
isDropDownRightAligned: boolean;
|
82
|
+
/**
|
83
|
+
* Sets the `hasClosedOnClickInside` attribute which controls the auto-closing of the menu when clicking inside.
|
84
|
+
*
|
85
|
+
* @default true
|
86
|
+
*/
|
24
87
|
hasClosedOnClickInside: boolean;
|
88
|
+
/**
|
89
|
+
* Sets the `isLabelUpdatedFromSelectedItem` attribute which updates the label of the trigger with the selected item.
|
90
|
+
*
|
91
|
+
* @default false
|
92
|
+
*/
|
25
93
|
isLabelUpdatedFromSelectedItem: boolean;
|
94
|
+
/**
|
95
|
+
* Sets the `isExpandOnHover` attribute which opens the sub dropdown upon hover.
|
96
|
+
*
|
97
|
+
* @default false
|
98
|
+
*/
|
26
99
|
isExpandOnHover: boolean;
|
100
|
+
/**
|
101
|
+
* Sets the `hasTabNavigation` attribute to tab within the dropdown content when there is rich content.
|
102
|
+
*
|
103
|
+
* @default false
|
104
|
+
*/
|
27
105
|
hasTabNavigation: boolean;
|
106
|
+
/**
|
107
|
+
* Sets the `isRightClickEnabled` attribute to trigger the menu using the right mouse click.
|
108
|
+
*
|
109
|
+
* @default false
|
110
|
+
*/
|
28
111
|
isRightClickEnabled: boolean;
|
29
112
|
euiDisabled: boolean;
|
113
|
+
/**
|
114
|
+
* Event emitted when the menu expands.
|
115
|
+
*/
|
30
116
|
expand: EventEmitter<boolean>;
|
31
117
|
templatePortalContent: TemplateRef<unknown>;
|
32
118
|
triggerRef: ElementRef<HTMLElement>;
|
@@ -53,6 +139,12 @@ export declare class EuiDropdownComponent implements OnInit, OnDestroy, AfterVie
|
|
53
139
|
private origin;
|
54
140
|
private positionStrategy;
|
55
141
|
private scrollSubscription;
|
142
|
+
/**
|
143
|
+
* @description
|
144
|
+
* Computes and returns the CSS classes for the component based on its current state.
|
145
|
+
*
|
146
|
+
* @returns {string} Space-separated string of CSS class names
|
147
|
+
*/
|
56
148
|
get cssClasses(): string;
|
57
149
|
constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, scrollDispatcher: ScrollDispatcher, dropdownService: EuiDropdownService, cd: ChangeDetectorRef, _renderer: Renderer2, platformId: unknown, document: Document);
|
58
150
|
ngOnInit(): void;
|
@@ -72,13 +164,30 @@ export declare class EuiDropdownComponent implements OnInit, OnDestroy, AfterVie
|
|
72
164
|
* @returns A boolean with value `true` when open, otherwise `false`.
|
73
165
|
*/
|
74
166
|
get isOpen(): boolean;
|
167
|
+
/**
|
168
|
+
* Method fired upon clicking the dropdown trigger.
|
169
|
+
*
|
170
|
+
* @param e Event triggered when the dropdown trigger is clicked.
|
171
|
+
*/
|
75
172
|
onTriggerClicked(e: Event): void;
|
173
|
+
/**
|
174
|
+
* Method fired upon right clicking the dropdown trigger in case of context menu.
|
175
|
+
*
|
176
|
+
* @param e Event triggered when the dropdown trigger is right clicked.
|
177
|
+
*/
|
76
178
|
onTriggerRightClicked(e: Event): void;
|
179
|
+
/**
|
180
|
+
* Method fired upon clicking the dropdown content.
|
181
|
+
*
|
182
|
+
*/
|
77
183
|
onClick(): void;
|
78
184
|
/**
|
79
|
-
*
|
185
|
+
* Method fired when the dropdown is opened.
|
80
186
|
*
|
81
187
|
* @param origin Origin of the dropdown position
|
188
|
+
* @param position Position of the dropdown
|
189
|
+
* @param position.x X coordinate of the dropdown position
|
190
|
+
* @param position.y Y coordinate of the dropdown position
|
82
191
|
*/
|
83
192
|
openDropdown(origin: HTMLElement, position?: {
|
84
193
|
x: number;
|
@@ -86,16 +195,63 @@ export declare class EuiDropdownComponent implements OnInit, OnDestroy, AfterVie
|
|
86
195
|
}): void;
|
87
196
|
/**
|
88
197
|
* Close a dropdown
|
198
|
+
*
|
199
|
+
* @param recursively If true, close the parent dropdown as well
|
89
200
|
*/
|
90
201
|
closeDropdown(recursively?: boolean): void;
|
202
|
+
/**
|
203
|
+
* Method fired when the dropdown content is changed.
|
204
|
+
*
|
205
|
+
*/
|
91
206
|
projectContentChanged(): void;
|
207
|
+
/**
|
208
|
+
* Handles the keyboard navigation on the menu items upon opening the dropdown.
|
209
|
+
*
|
210
|
+
*/
|
92
211
|
createKeyboardHandlerSubscription(): void;
|
212
|
+
/**
|
213
|
+
* Sets the parent dropdown for a sub-dropdown.
|
214
|
+
*
|
215
|
+
* @param parentDropdown Parent dropdown component
|
216
|
+
*/
|
93
217
|
setParentDropdown(parentDropdown: EuiDropdownComponent): void;
|
218
|
+
/**
|
219
|
+
* Method that returns the dropdown items.
|
220
|
+
*
|
221
|
+
* @type {boolean}
|
222
|
+
*/
|
94
223
|
private get hasDropdownItems();
|
224
|
+
/**
|
225
|
+
* Method that returns the strategy for the overlay position.
|
226
|
+
*
|
227
|
+
* @type {FlexibleConnectedPositionStrategy}
|
228
|
+
*/
|
95
229
|
private getPositionStrategy;
|
230
|
+
/**
|
231
|
+
* Method that returns the strategy for the contextual menu position.
|
232
|
+
*
|
233
|
+
* @type {GlobalPositionStrategy}
|
234
|
+
*/
|
96
235
|
private getContextualMenuPositionStrategy;
|
236
|
+
/**
|
237
|
+
* Method that checks if the dropdown is visible.
|
238
|
+
*
|
239
|
+
* @param origin Origin of the dropdown position
|
240
|
+
* @param scrollableParent Scrollable parent element
|
241
|
+
* @type {boolean}
|
242
|
+
*/
|
97
243
|
private isVisible;
|
244
|
+
/**
|
245
|
+
* Method that checks if the trigger is focusable upon closing the dropdown panel.
|
246
|
+
*
|
247
|
+
* @param origin Origin html element
|
248
|
+
* @type {boolean}
|
249
|
+
*/
|
98
250
|
private isTriggerFocusableOnClose;
|
251
|
+
/**
|
252
|
+
* Method that sets the position of the dropdown panel.
|
253
|
+
*
|
254
|
+
*/
|
99
255
|
private setPosition;
|
100
256
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiDropdownComponent, never>;
|
101
257
|
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDropdownComponent, "eui-dropdown", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "position": { "alias": "position"; "required": false; }; "subDropdownPosition": { "alias": "subDropdownPosition"; "required": false; }; "isBlock": { "alias": "isBlock"; "required": false; }; "isDropDownRightAligned": { "alias": "isDropDownRightAligned"; "required": false; }; "hasClosedOnClickInside": { "alias": "hasClosedOnClickInside"; "required": false; }; "isLabelUpdatedFromSelectedItem": { "alias": "isLabelUpdatedFromSelectedItem"; "required": false; }; "isExpandOnHover": { "alias": "isExpandOnHover"; "required": false; }; "hasTabNavigation": { "alias": "hasTabNavigation"; "required": false; }; "isRightClickEnabled": { "alias": "isRightClickEnabled"; "required": false; }; "euiDisabled": { "alias": "euiDisabled"; "required": false; }; }, { "expand": "expand"; }, ["euiDropdownItems"], ["*", "eui-dropdown-content"], false, never>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-dropdown.component.d.ts","sourceRoot":"","sources":["../../eui-dropdown/eui-dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EACN,SAAS,EACT,aAAa,EACb,gBAAgB,EAEhB,WAAW,EAEX,SAAS,EACT,UAAU,EACV,SAAS,EAET,YAAY,EAIZ,iBAAiB,EAEpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAMH,OAAO,EAEP,gBAAgB,EACnB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAA8B,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;;AAE5D,qBASa,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;
|
1
|
+
{"version":3,"file":"eui-dropdown.component.d.ts","sourceRoot":"","sources":["../../eui-dropdown/eui-dropdown.component.ts"],"names":[],"mappings":"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"}
|
@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
|
|
3
3
|
export declare class EuiIconButtonComponent implements OnInit {
|
4
4
|
get cssClasses(): string;
|
5
5
|
icon: string;
|
6
|
+
iconUrl: string;
|
6
7
|
fillColor: string;
|
7
8
|
size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
|
8
9
|
ariaLabel: string;
|
@@ -16,7 +17,7 @@ export declare class EuiIconButtonComponent implements OnInit {
|
|
16
17
|
onClick(event: Event): void;
|
17
18
|
ngOnInit(): void;
|
18
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiIconButtonComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiIconButtonComponent, "eui-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "fillColor": { "alias": "fillColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "hasNoPadding": { "alias": "hasNoPadding"; "required": false; }; "hasFocusHoverColor": { "alias": "hasFocusHoverColor"; "required": false; }; "hasFocusHoverBg": { "alias": "hasFocusHoverBg"; "required": false; }; "euiRounded": { "alias": "euiRounded"; "required": false; }; "euiDisabled": { "alias": "euiDisabled"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["eui-badge"], false, never>;
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiIconButtonComponent, "eui-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "fillColor": { "alias": "fillColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "hasNoPadding": { "alias": "hasNoPadding"; "required": false; }; "hasFocusHoverColor": { "alias": "hasFocusHoverColor"; "required": false; }; "hasFocusHoverBg": { "alias": "hasFocusHoverBg"; "required": false; }; "euiRounded": { "alias": "euiRounded"; "required": false; }; "euiDisabled": { "alias": "euiDisabled"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["eui-badge"], false, never>;
|
20
21
|
static ngAcceptInputType_hasNoPadding: unknown;
|
21
22
|
static ngAcceptInputType_hasFocusHoverColor: unknown;
|
22
23
|
static ngAcceptInputType_hasFocusHoverBg: unknown;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-icon-button.component.d.ts","sourceRoot":"","sources":["../../eui-icon-button/eui-icon-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,YAAY,EAAoB,MAAM,EAAE,MAAM,eAAe,CAAC;;AAE9G,qBAMa,sBAAuB,YAAW,MAAM;IACjD,IACI,UAAU,IAAI,MAAM,CAWvB;IAEQ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAO;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,SAAK;IAEkB,YAAY,UAAS;IACrB,kBAAkB,UAAS;IAC3B,eAAe,UAAQ;IACvB,UAAU,UAAS;IACnB,WAAW,UAAS;IAElD,WAAW,sBAA6B;IAElD,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAI3B,QAAQ,IAAI,IAAI;
|
1
|
+
{"version":3,"file":"eui-icon-button.component.d.ts","sourceRoot":"","sources":["../../eui-icon-button/eui-icon-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,YAAY,EAAoB,MAAM,EAAE,MAAM,eAAe,CAAC;;AAE9G,qBAMa,sBAAuB,YAAW,MAAM;IACjD,IACI,UAAU,IAAI,MAAM,CAWvB;IAEQ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAO;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,SAAK;IAEkB,YAAY,UAAS;IACrB,kBAAkB,UAAS;IAC3B,eAAe,UAAQ;IACvB,UAAU,UAAS;IACnB,WAAW,UAAS;IAElD,WAAW,sBAA6B;IAElD,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAI3B,QAAQ,IAAI,IAAI;yCAlCP,sBAAsB;2CAAtB,sBAAsB;2CAwCsg2C,OAAQ;iDAAR,OAAQ;8CAAR,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;CADhj2C"}
|
@@ -17,28 +17,120 @@ import * as i10 from "@eui/components/eui-badge";
|
|
17
17
|
import * as i11 from "@eui/components/eui-chip";
|
18
18
|
import * as i12 from "@eui/components/eui-dropdown";
|
19
19
|
import * as i13 from "@angular/cdk/scrolling";
|
20
|
+
/**
|
21
|
+
* @description
|
22
|
+
* The eui-tree can be used to display hierarchy data with optional added behavior inside node templates and interactions
|
23
|
+
* that could affect the rendered data such as expand, collapse, direct actions, extra menu actions, etc.
|
24
|
+
*
|
25
|
+
* @example
|
26
|
+
* ```
|
27
|
+
* <eui-tree [nodes]="treeData"></eui-tree>
|
28
|
+
*
|
29
|
+
* public treeData: TreeDataModel = [
|
30
|
+
* {
|
31
|
+
* node: {
|
32
|
+
* treeContentBlock: {
|
33
|
+
* label: 'Node 0',
|
34
|
+
* tooltipLabel: 'Node 0 tooltip',
|
35
|
+
* },
|
36
|
+
* },
|
37
|
+
* },
|
38
|
+
* {
|
39
|
+
* node: {
|
40
|
+
* treeContentBlock: {
|
41
|
+
* label: 'Node 1',
|
42
|
+
* url: '.',
|
43
|
+
* },
|
44
|
+
* },
|
45
|
+
* },
|
46
|
+
* ]
|
47
|
+
* ```
|
48
|
+
*
|
49
|
+
* See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-tree}.
|
50
|
+
*/
|
20
51
|
export declare class EuiTreeComponent implements OnInit, OnChanges, OnDestroy {
|
21
52
|
private changeDetectorRef;
|
22
53
|
private scrollDispatcher;
|
23
54
|
get cssClasses(): string;
|
24
55
|
e2eAttr: string;
|
56
|
+
/**
|
57
|
+
* Hierarchy of data to display in the tree
|
58
|
+
*/
|
25
59
|
nodes: TreeDataModel;
|
60
|
+
/**
|
61
|
+
* Reference to the `ng-template` used to render node item
|
62
|
+
*/
|
26
63
|
nodeTemplateRef: TemplateRef<any>;
|
27
64
|
nodeContentMetadataTemplateRef: TemplateRef<any>;
|
28
65
|
rightContextMenuTemplateRef: TemplateRef<any>;
|
29
66
|
customNodeSelectFn: CustomNodeSelectFn;
|
67
|
+
/**
|
68
|
+
* Icon to display when a node is closed
|
69
|
+
*
|
70
|
+
* @default 'chevron-forward:sharp'
|
71
|
+
*/
|
30
72
|
expandedSvgIconClass: string;
|
73
|
+
/**
|
74
|
+
* Icon to display when a node is opened
|
75
|
+
*
|
76
|
+
* @default 'chevron-down:sharp'
|
77
|
+
*/
|
31
78
|
collapsedSvgIconClass: string;
|
32
79
|
cdkScrollableRef: CdkScrollable;
|
33
80
|
treeComponentInstance: CdkTree<TreeItemRunTimeModel>;
|
81
|
+
/**
|
82
|
+
* Wheter the full node display can be clicked to toggle the node.
|
83
|
+
*
|
84
|
+
* @default false
|
85
|
+
*/
|
34
86
|
isClickTogglingNode: boolean;
|
87
|
+
/**
|
88
|
+
* Wheter multiple nodes can be selected.
|
89
|
+
*
|
90
|
+
* @default false
|
91
|
+
*/
|
35
92
|
isMultiselect: boolean;
|
93
|
+
/**
|
94
|
+
* Wheter only one node can be selected. Select one will unselect the previous selected.
|
95
|
+
*
|
96
|
+
* @default false
|
97
|
+
*/
|
36
98
|
isSingleSelect: boolean;
|
99
|
+
/**
|
100
|
+
* In combination with `isMultiselect`. Wheter the selection of a node will automatically select its children.
|
101
|
+
*
|
102
|
+
* @default false
|
103
|
+
*/
|
37
104
|
isRecursiveSelection: boolean;
|
105
|
+
/**
|
106
|
+
* In combination with `isMultiselect`. Wheter the selection of all children will automatically select the parent.
|
107
|
+
*
|
108
|
+
* @default true
|
109
|
+
*/
|
38
110
|
isRecursiveParentSelection: boolean;
|
111
|
+
/**
|
112
|
+
* Wheter the links are underlined on hiver in the tree.
|
113
|
+
*
|
114
|
+
* @default true
|
115
|
+
*/
|
39
116
|
showUnderlinedLinks: boolean;
|
117
|
+
/**
|
118
|
+
* Wheter the lines are displayed on the left of nodes.
|
119
|
+
*
|
120
|
+
* @default true
|
121
|
+
*/
|
40
122
|
showLines: boolean;
|
123
|
+
/**
|
124
|
+
* Wheter i18n key can be passed to be translated with `TranslateService`.
|
125
|
+
*
|
126
|
+
* @default true
|
127
|
+
*/
|
41
128
|
autoTranslate: boolean;
|
129
|
+
/**
|
130
|
+
* Wheter all parents till the selected are highlighted in bold.
|
131
|
+
*
|
132
|
+
* @default false
|
133
|
+
*/
|
42
134
|
highlightPath: boolean;
|
43
135
|
selectionChange: EventEmitter<EuiTreeSelectionChanges>;
|
44
136
|
nodeClick: EventEmitter<TreeItemModel>;
|
@@ -128,6 +220,18 @@ export declare class EuiTreeComponent implements OnInit, OnChanges, OnDestroy {
|
|
128
220
|
static ngAcceptInputType_autoTranslate: unknown;
|
129
221
|
static ngAcceptInputType_highlightPath: unknown;
|
130
222
|
}
|
223
|
+
/**
|
224
|
+
* @description
|
225
|
+
* Module that provides the EuiTree component and its dependencies
|
226
|
+
*
|
227
|
+
* @example
|
228
|
+
* ```
|
229
|
+
* \@NgModule({
|
230
|
+
* imports: [EuiTreeModule]
|
231
|
+
* })
|
232
|
+
* export class YourModule { }
|
233
|
+
* ```
|
234
|
+
*/
|
131
235
|
export declare class EuiTreeModule {
|
132
236
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiTreeModule, never>;
|
133
237
|
static ɵmod: i0.ɵɵNgModuleDeclaration<EuiTreeModule, [typeof EuiTreeComponent], [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.FormsModule, typeof i4.TranslateModule, typeof i5.EuiInputCheckboxModule, typeof i6.CdkTreeModule, typeof i7.EuiButtonModule, typeof i8.EuiIconModule, typeof i9.EuiLabelModule, typeof i10.EuiBadgeModule, typeof i11.EuiChipModule, typeof i12.EuiDropdownModule, typeof i13.ScrollingModule], [typeof EuiTreeComponent]>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-tree.component.d.ts","sourceRoot":"","sources":["../../eui-tree/eui-tree.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,YAAY,EAGZ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,SAAS,EAET,SAAS,EAGZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAEH,aAAa,EACb,aAAa,EAEb,oBAAoB,EACpB,+BAA+B,EAC/B,uBAAuB,EAEvB,kBAAkB,EAErB,MAAM,kBAAkB,CAAC;AAS1B,OAAO,EAAE,iBAAiB,EAAiB,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAkB,MAAM,0BAA0B,CAAC;AAE3E,OAAO,EAAmB,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;AAG1F,qBAQa,gBAAiB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;
|
1
|
+
{"version":3,"file":"eui-tree.component.d.ts","sourceRoot":"","sources":["../../eui-tree/eui-tree.component.ts"],"names":[],"mappings":"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"}
|
@@ -147,7 +147,7 @@ class EuiAlertComponent {
|
|
147
147
|
this.closeAlert.emit(false);
|
148
148
|
}
|
149
149
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
150
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: EuiAlertComponent, isStandalone: false, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--_padding: var(--eui-s-m);--_border-radius: var(--eui-br-s);--_title-font: var(--eui-f-m-compact-bold);--_color: var(--eui-c-text);--_title-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-19 :host.eui-alert--info{--_color: var(--eui-c-text);--_title-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-19 :host.eui-alert--success{--_color: var(--eui-c-text);--_title-color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-c-text);--_title-color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-c-text);--_title-color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-neutral-min);--_close-hover-color: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-c-info-dark)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-c-success-darker)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-c-warning-darker)}.eui-19 :host.eui-alert{display:flex;padding:var(--_padding);background-color:var(--_bg-color);position:relative;border-radius:var(--_border-radius);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--_title-font)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
150
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: EuiAlertComponent, isStandalone: false, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--_padding: var(--eui-s-m);--_border-radius: var(--eui-br-s);--_title-font: var(--eui-f-m-compact-bold);--_color: var(--eui-c-text);--_title-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-19 :host.eui-alert--info{--_color: var(--eui-c-text);--_title-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-19 :host.eui-alert--success{--_color: var(--eui-c-text);--_title-color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-c-text);--_title-color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-c-text);--_title-color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-neutral-min);--_close-hover-color: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-c-info-dark)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-c-success-darker)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-c-warning-darker)}.eui-19 :host.eui-alert{display:flex;padding:var(--_padding);background-color:var(--_bg-color);position:relative;border-radius:var(--_border-radius);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--_title-font)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
151
151
|
}
|
152
152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiAlertComponent, decorators: [{
|
153
153
|
type: Component,
|