@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.
Files changed (81) hide show
  1. package/docs/components/EuiCardComponent.html +89 -0
  2. package/docs/components/EuiCardContentComponent.html +46 -0
  3. package/docs/components/EuiCardFooterActionButtonsComponent.html +38 -0
  4. package/docs/components/EuiCardFooterActionIconsComponent.html +44 -0
  5. package/docs/components/EuiCardFooterComponent.html +44 -0
  6. package/docs/components/EuiCardFooterMenuComponent.html +70 -0
  7. package/docs/components/EuiCardFooterMenuContentComponent.html +50 -0
  8. package/docs/components/EuiCardHeaderBodyComponent.html +30 -0
  9. package/docs/components/EuiCardHeaderComponent.html +86 -0
  10. package/docs/components/EuiCardHeaderLeftContentComponent.html +32 -0
  11. package/docs/components/EuiCardHeaderRightContentComponent.html +35 -0
  12. package/docs/components/EuiCardHeaderSubtitleComponent.html +34 -0
  13. package/docs/components/EuiCardHeaderTitleComponent.html +35 -0
  14. package/docs/components/EuiCardMediaComponent.html +68 -0
  15. package/docs/components/EuiDropdownComponent.html +150 -1
  16. package/docs/components/EuiIconButtonComponent.html +20 -1
  17. package/docs/components/EuiTreeComponent.html +105 -0
  18. package/docs/dependencies.html +2 -2
  19. package/docs/js/menu-wc.js +3 -3
  20. package/docs/js/menu-wc_es5.js +1 -1
  21. package/docs/js/search/search_index.js +2 -2
  22. package/docs/modules/EuiTreeModule.html +11 -0
  23. package/eui-card/components/eui-card-content/eui-card-content.component.d.ts +32 -0
  24. package/eui-card/components/eui-card-content/eui-card-content.component.d.ts.map +1 -1
  25. package/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.d.ts +31 -0
  26. package/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.d.ts.map +1 -1
  27. package/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.d.ts +39 -0
  28. package/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.d.ts.map +1 -1
  29. package/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.d.ts +44 -0
  30. package/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.d.ts.map +1 -1
  31. package/eui-card/components/eui-card-footer/eui-card-footer-menu.component.d.ts +65 -0
  32. package/eui-card/components/eui-card-footer/eui-card-footer-menu.component.d.ts.map +1 -1
  33. package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts +39 -0
  34. package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts.map +1 -1
  35. package/eui-card/components/eui-card-header/eui-card-header-left-content.component.d.ts +25 -0
  36. package/eui-card/components/eui-card-header/eui-card-header-left-content.component.d.ts.map +1 -1
  37. package/eui-card/components/eui-card-header/eui-card-header-right-content.component.d.ts +28 -0
  38. package/eui-card/components/eui-card-header/eui-card-header-right-content.component.d.ts.map +1 -1
  39. package/eui-card/components/eui-card-header/eui-card-header-subtitle.component.d.ts +27 -0
  40. package/eui-card/components/eui-card-header/eui-card-header-subtitle.component.d.ts.map +1 -1
  41. package/eui-card/components/eui-card-header/eui-card-header-title.component.d.ts +28 -0
  42. package/eui-card/components/eui-card-header/eui-card-header-title.component.d.ts.map +1 -1
  43. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts +70 -0
  44. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
  45. package/eui-card/components/eui-card-header-body/eui-card-header-body.component.d.ts +23 -0
  46. package/eui-card/components/eui-card-header-body/eui-card-header-body.component.d.ts.map +1 -1
  47. package/eui-card/components/eui-card-media/eui-card-media.component.d.ts +45 -0
  48. package/eui-card/components/eui-card-media/eui-card-media.component.d.ts.map +1 -1
  49. package/eui-card/eui-card.component.d.ts +75 -0
  50. package/eui-card/eui-card.component.d.ts.map +1 -1
  51. package/eui-dropdown/eui-dropdown.component.d.ts +157 -1
  52. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  53. package/eui-icon-button/eui-icon-button.component.d.ts +2 -1
  54. package/eui-icon-button/eui-icon-button.component.d.ts.map +1 -1
  55. package/eui-tree/eui-tree.component.d.ts +104 -0
  56. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  57. package/fesm2022/eui-components-eui-alert.mjs +1 -1
  58. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  59. package/fesm2022/eui-components-eui-card.mjs +559 -0
  60. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  61. package/fesm2022/eui-components-eui-chip.mjs +1 -1
  62. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  63. package/fesm2022/eui-components-eui-date-range-selector.mjs +4 -4
  64. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  65. package/fesm2022/eui-components-eui-dropdown.mjs +157 -1
  66. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  67. package/fesm2022/eui-components-eui-growl.mjs +1 -1
  68. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  69. package/fesm2022/eui-components-eui-icon-button.mjs +4 -2
  70. package/fesm2022/eui-components-eui-icon-button.mjs.map +1 -1
  71. package/fesm2022/eui-components-eui-menu.mjs +4 -4
  72. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  73. package/fesm2022/eui-components-eui-tabs.mjs +1 -1
  74. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  75. package/fesm2022/eui-components-eui-tree.mjs +98 -0
  76. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  77. package/fesm2022/eui-components-eui-user-profile.mjs +1 -1
  78. package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
  79. package/fesm2022/eui-components-layout.mjs +6 -6
  80. package/fesm2022/eui-components-layout.mjs.map +1 -1
  81. 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":";AAEA,qBAOa,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gBAAgB,SAAoB;IACpC,WAAW,SAAU;IAER,MAAM,SAAoB;yCARvC,qBAAqB;2CAArB,qBAAqB;CASjC"}
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;IACsC,OAAO,SAAc;IAEpB,WAAW,UAAS;IACpB,cAAc,UAAS;IACvB,YAAY,UAAS;IACrB,SAAS,UAAS;IAClB,WAAW,UAAS;IACpB,mBAAmB,UAAS;IAC5B,YAAY,UAAS;IAEnD,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;IAKnB,OAAO,CAAC,aAAa;yCA5EZ,gBAAgB;2CAAhB,gBAAgB;0CAsFuqwC,OAAQ;6CAAR,OAAQ;2CAAR,OAAQ;wCAAR,OAAQ;0CAAR,OAAQ;kDAAR,OAAQ;2CAAR,OAAQ;CAD3swC"}
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
- * Open a dropdown
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":"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"}
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;yCAjCP,sBAAsB;2CAAtB,sBAAsB;2CAuCoi2C,OAAQ;iDAAR,OAAQ;8CAAR,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;CAD9k2C"}
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":"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"}
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,