@eui/components 19.1.2-snapshot-1743600141774 → 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 +3 -3
@@ -112,6 +112,17 @@
112
112
 
113
113
 
114
114
 
115
+ <p class="comment">
116
+ <h3>Description</h3>
117
+ </p>
118
+ <p class="comment">
119
+ <p>Module that provides the EuiTree component and its dependencies</p>
120
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-html"></code></pre></div><p>@NgModule({
121
+ imports: [EuiTreeModule]
122
+ })
123
+ export class YourModule { }</p>
124
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-none"></code></pre></div>
125
+ </p>
115
126
 
116
127
 
117
128
  <div class="container-fluid module">
@@ -1,6 +1,38 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-content component projects the content for eui-card.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card>
9
+ * <eui-card-header>
10
+ * <eui-card-header-title>
11
+ * {{ cardTitle }}
12
+ * </eui-card-header-title>
13
+ * <eui-card-header-subtitle>
14
+ * {{ cardSubtitle }}
15
+ * </eui-card-header-subtitle>
16
+ * </eui-card-header>
17
+ * <eui-card-content>
18
+ * I am the content of the card container...
19
+ * </eui-card-content>
20
+ * </eui-card>
21
+ * ```
22
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card}.
23
+ */
2
24
  export declare class EuiCardContentComponent {
25
+ /**
26
+ * Binds the class to the component.
27
+ *
28
+ * @default 'eui-card-content'
29
+ */
3
30
  string: string;
31
+ /**
32
+ * Binds the tabindex attribute to the component.
33
+ *
34
+ * @default 0
35
+ */
4
36
  tabindex: number;
5
37
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardContentComponent, never>;
6
38
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardContentComponent, "eui-card-content", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-content.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-content/eui-card-content.component.ts"],"names":[],"mappings":";AAEA,qBAMa,uBAAuB;IACV,MAAM,SAAsB;IACpB,QAAQ,SAAK;yCAFlC,uBAAuB;2CAAvB,uBAAuB;CAGnC"}
1
+ {"version":3,"file":"eui-card-content.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-content/eui-card-content.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAMa,uBAAuB;IAChC;;;;OAIG;IACmB,MAAM,SAAsB;IAClD;;;;OAIG;IAC2B,QAAQ,SAAK;yCAZlC,uBAAuB;2CAAvB,uBAAuB;CAanC"}
@@ -1,5 +1,36 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-footer-action-buttons component projects the action buttons content for eui-card.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card euiHoverable>
9
+ * <eui-card-media
10
+ * imageUrl="./assets/images/cards/home-card-law.jpg">
11
+ * </eui-card-media>
12
+ * <eui-card-content style="max-height: 11rem; min-height: 11rem;">
13
+ * <h5 class="eui-u-f-bold eui-u-mb-s">Law | EUR Lex</h5>
14
+ * The Official Journal of the European Union, EU case law and other resources for EU law
15
+ * </eui-card-content>
16
+ * <eui-card-footer>
17
+ * <eui-card-footer-action-buttons class="eui-u-flex-justify-content-end">
18
+ * <button euiButton euiPrimary euiSizeS>
19
+ * <span euiLabel>Action</span>
20
+ * <eui-icon-svg icon="chevron-forward:sharp"></eui-icon-svg>
21
+ * </button>
22
+ * </eui-card-footer-action-buttons>
23
+ * </eui-card-footer>
24
+ * </eui-card>
25
+ * ```
26
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer}.
27
+ */
2
28
  export declare class EuiCardFooterActionButtonsComponent {
29
+ /**
30
+ * Binds the class to the component.
31
+ *
32
+ * @default 'eui-card-footer-actions__buttons'
33
+ */
3
34
  string: string;
4
35
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardFooterActionButtonsComponent, never>;
5
36
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardFooterActionButtonsComponent, "eui-card-footer-action-buttons", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-footer-action-buttons.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.ts"],"names":[],"mappings":";AAEA,qBAMa,mCAAmC;IACtB,MAAM,SAAsC;yCADzD,mCAAmC;2CAAnC,mCAAmC;CAE/C"}
1
+ {"version":3,"file":"eui-card-footer-action-buttons.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAMa,mCAAmC;IAC5C;;;;OAIG;IACmB,MAAM,SAAsC;yCANzD,mCAAmC;2CAAnC,mCAAmC;CAO/C"}
@@ -1,5 +1,44 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-footer-action-icons component projects the action icons content for eui-card.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card>
9
+ * <eui-card-header>
10
+ * <eui-card-header-title>
11
+ * <strong>Default layout of a card footer</strong>
12
+ * </eui-card-header-title>
13
+ * </eui-card-header>
14
+ *
15
+ * <eui-card-content>
16
+ * <p class="eui-u-text-paragraph">Hover on footer's elements to display more information.</p>
17
+ * </eui-card-content>
18
+ *
19
+ * <eui-card-footer>
20
+ * <eui-card-footer-action-buttons euiTooltip="Here are displayed the main action buttons.&#13;It is recommended to have maximum 2 buttons.&#13;Primary action button is always displayed first.&#13;Other actions will be put in the menu.">
21
+ * <span class="eui-u-cursor-help">Action buttons</span>
22
+ * </eui-card-footer-action-buttons>
23
+ *
24
+ * <eui-card-footer-action-icons euiTooltip="Here are displayed the action icons.&#13;It is recommended to have maximum 2 icons.&#13;Other actions will be put in the menu.">
25
+ * <span class="eui-u-cursor-help">Action icons</span>
26
+ * </eui-card-footer-action-icons>
27
+ *
28
+ * <eui-card-footer-menu-content [tooltipText]="'Actions menu to propose more options'">
29
+ * <div class="m-2">Menu content here</div>
30
+ * </eui-card-footer-menu-content>
31
+ * </eui-card-footer>
32
+ * </eui-card>
33
+ * ```
34
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer}.
35
+ */
2
36
  export declare class EuiCardFooterActionIconsComponent {
37
+ /**
38
+ * Binds the class to the component.
39
+ *
40
+ * @default 'eui-card-footer-actions__icons'
41
+ */
3
42
  string: string;
4
43
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardFooterActionIconsComponent, never>;
5
44
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardFooterActionIconsComponent, "eui-card-footer-action-icons", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-footer-action-icons.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.ts"],"names":[],"mappings":";AAEA,qBAMa,iCAAiC;IACpB,MAAM,SAAoC;yCADvD,iCAAiC;2CAAjC,iCAAiC;CAE7C"}
1
+ {"version":3,"file":"eui-card-footer-action-icons.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBAMa,iCAAiC;IAC1C;;;;OAIG;IACmB,MAAM,SAAoC;yCANvD,iCAAiC;2CAAjC,iCAAiC;CAO7C"}
@@ -1,6 +1,50 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-footer-menu-content component projects the content of the actions menu of the eui-card.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card>
9
+ * <eui-card-header>
10
+ * <eui-card-header-title>
11
+ * <strong>Default layout of a card footer</strong>
12
+ * </eui-card-header-title>
13
+ * </eui-card-header>
14
+ *
15
+ * <eui-card-content>
16
+ * <p class="eui-u-text-paragraph">Hover on footer's elements to display more information.</p>
17
+ * </eui-card-content>
18
+ *
19
+ * <eui-card-footer>
20
+ * <eui-card-footer-action-buttons euiTooltip="Here are displayed the main action buttons.&#13;It is recommended to have maximum 2 buttons.&#13;Primary action button is always displayed first.&#13;Other actions will be put in the menu.">
21
+ * <span class="eui-u-cursor-help">Action buttons</span>
22
+ * </eui-card-footer-action-buttons>
23
+ *
24
+ * <eui-card-footer-action-icons euiTooltip="Here are displayed the action icons.&#13;It is recommended to have maximum 2 icons.&#13;Other actions will be put in the menu.">
25
+ * <span class="eui-u-cursor-help">Action icons</span>
26
+ * </eui-card-footer-action-icons>
27
+ *
28
+ * <eui-card-footer-menu-content [tooltipText]="'Actions menu to propose more options'">
29
+ * <div class="m-2">Menu content here</div>
30
+ * </eui-card-footer-menu-content>
31
+ * </eui-card-footer>
32
+ * </eui-card>
33
+ * ```
34
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer}.
35
+ */
2
36
  export declare class EuiCardFooterMenuContentComponent {
37
+ /**
38
+ * Sets the tooltipText Input property.
39
+ *
40
+ * @default 'More options'
41
+ */
3
42
  tooltipText: string;
43
+ /**
44
+ * Binds the class to the component.
45
+ *
46
+ * @default 'eui-card-footer-menu-content'
47
+ */
4
48
  string: string;
5
49
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardFooterMenuContentComponent, never>;
6
50
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardFooterMenuContentComponent, "eui-card-footer-menu-content", never, { "tooltipText": { "alias": "tooltipText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-footer-menu-content.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.ts"],"names":[],"mappings":";AAEA,qBAOa,iCAAiC;IACjC,WAAW,SAAkB;IAEhB,MAAM,SAAkC;yCAHrD,iCAAiC;2CAAjC,iCAAiC;CAI7C"}
1
+ {"version":3,"file":"eui-card-footer-menu-content.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBAOa,iCAAiC;IAC1C;;;;OAIG;IACM,WAAW,SAAkB;IACtC;;;;OAIG;IACmB,MAAM,SAAkC;yCAZrD,iCAAiC;2CAAjC,iCAAiC;CAa7C"}
@@ -1,5 +1,70 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-footer-menu component provides menu options for the footer of the eui-card.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card>
9
+ * <eui-card-header>
10
+ * <eui-card-header-title>
11
+ * <strong>Sample Card Title</strong>
12
+ * </eui-card-header-title>
13
+ * </eui-card-header>
14
+ *
15
+ * <eui-card-content>
16
+ * <p class="eui-u-text-paragraph">I am the content of the card container with a full default footer's layout.</p>
17
+ * </eui-card-content>
18
+ *
19
+ * <eui-card-footer>
20
+ * <eui-card-footer-action-buttons>
21
+ * <div class="eui-u-flex eui-u-flex-wrap">
22
+ * <button euiButton euiPrimary>Action 1</button>
23
+ * <button euiButton euiSecondary>Action 2</button>
24
+ * </div>
25
+ * </eui-card-footer-action-buttons>
26
+ *
27
+ * <eui-card-footer-action-icons>
28
+ * <button euiButton euiRounded euiIconButton euiBasicButton euiSecondary euiTooltip="Mark as favourite" aria-label="Mark as favourite">
29
+ * <eui-icon-svg icon="eui-star" size="l" fillColor="neutral-lighter"></eui-icon-svg>
30
+ * </button>
31
+ * <button euiButton euiRounded euiIconButton euiBasicButton euiSecondary euiTooltip="Share" aria-label="Share">
32
+ * <eui-icon-svg icon="eui-ecl-share" size="m" fillColor="neutral-lighter"></eui-icon-svg>
33
+ * </button>
34
+ * </eui-card-footer-action-icons>
35
+ *
36
+ * <eui-card-footer-menu>
37
+ * <eui-dropdown>
38
+ * <button
39
+ * euiButton
40
+ * euiRounded
41
+ * euiIconButton
42
+ * euiBasicButton
43
+ * euiSecondary
44
+ * type="button"
45
+ * euiTooltip="more options"
46
+ * [attr.aria-label]="'more options'">
47
+ * <eui-icon-svg icon="ellipsis-vertical:sharp"></eui-icon-svg>
48
+ * </button>
49
+ * <eui-dropdown-content>
50
+ * <button euiDropdownItem>Menu item 1</button>
51
+ * <button euiDropdownItem>Menu item 2</button>
52
+ * <button euiDropdownItem>Menu item 3</button>
53
+ * </eui-dropdown-content>
54
+ * </eui-dropdown>
55
+ * </eui-card-footer-menu>
56
+ *
57
+ * </eui-card-footer>
58
+ * </eui-card>
59
+ * ```
60
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer}.
61
+ */
2
62
  export declare class EuiCardFooterMenuComponent {
63
+ /**
64
+ * Binds the class to the component.
65
+ *
66
+ * @default 'eui-card-footer-menu'
67
+ */
3
68
  string: string;
4
69
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardFooterMenuComponent, never>;
5
70
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardFooterMenuComponent, "eui-card-footer-menu", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-footer-menu.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer-menu.component.ts"],"names":[],"mappings":";AAEA,qBAOa,0BAA0B;IACb,MAAM,SAA0B;yCAD7C,0BAA0B;2CAA1B,0BAA0B;CAEtC"}
1
+ {"version":3,"file":"eui-card-footer-menu.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer-menu.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,qBAOa,0BAA0B;IACnC;;;;OAIG;IACmB,MAAM,SAA0B;yCAN7C,0BAA0B;2CAA1B,0BAA0B;CAOtC"}
@@ -4,7 +4,46 @@ import { EuiCardFooterActionIconsComponent } from './eui-card-footer-action-icon
4
4
  import { EuiCardFooterMenuContentComponent } from './eui-card-footer-menu-content.component';
5
5
  import { EuiCardFooterMenuComponent } from './eui-card-footer-menu.component';
6
6
  import * as i0 from "@angular/core";
7
+ /**
8
+ * @description
9
+ * The eui-card-footer component projects the footer of the eui-card.
10
+ *
11
+ * @example
12
+ * ```html
13
+ * <eui-card>
14
+ * <eui-card-header>
15
+ * <eui-card-header-title>
16
+ * <strong>Default layout of a card footer</strong>
17
+ * </eui-card-header-title>
18
+ * </eui-card-header>
19
+ *
20
+ * <eui-card-content>
21
+ * <p class="eui-u-text-paragraph">Hover on footer's elements to display more information.</p>
22
+ * </eui-card-content>
23
+ *
24
+ * <eui-card-footer>
25
+ * <eui-card-footer-action-buttons euiTooltip="Here are displayed the main action buttons.&#13;It is recommended to have maximum 2 buttons.&#13;Primary action button is always displayed first.&#13;Other actions will be put in the menu.">
26
+ * <span class="eui-u-cursor-help">Action buttons</span>
27
+ * </eui-card-footer-action-buttons>
28
+ *
29
+ * <eui-card-footer-action-icons euiTooltip="Here are displayed the action icons.&#13;It is recommended to have maximum 2 icons.&#13;Other actions will be put in the menu.">
30
+ * <span class="eui-u-cursor-help">Action icons</span>
31
+ * </eui-card-footer-action-icons>
32
+ *
33
+ * <eui-card-footer-menu-content [tooltipText]="'Actions menu to propose more options'">
34
+ * <div class="m-2">Menu content here</div>
35
+ * </eui-card-footer-menu-content>
36
+ * </eui-card-footer>
37
+ * </eui-card>
38
+ * ```
39
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer}.
40
+ */
7
41
  export declare class EuiCardFooterComponent {
42
+ /**
43
+ * Binds the class to the component.
44
+ *
45
+ * @default 'eui-card-footer'
46
+ */
8
47
  string: string;
9
48
  actionButtons: QueryList<EuiCardFooterActionButtonsComponent>;
10
49
  actionIcons: QueryList<EuiCardFooterActionIconsComponent>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-footer.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6E,SAAS,EAAqB,MAAM,eAAe,CAAC;AACxI,OAAO,EAAE,mCAAmC,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,iCAAiC,EAAE,MAAM,0CAA0C,CAAC;AAE7F,OAAO,EAAE,iCAAiC,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;;AAE9E,qBAOa,sBAAsB;IACT,MAAM,SAAqB;IAEjD,aAAa,EAAE,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAE9D,WAAW,EAAE,SAAS,CAAC,iCAAiC,CAAC,CAAC;IAE1D,UAAU,EAAE,SAAS,CAAC,iCAAiC,CAAC,CAAC;IAEzD,iBAAiB,EAAE,SAAS,CAAC,0BAA0B,CAAC,CAAC;yCAThD,sBAAsB;2CAAtB,sBAAsB;CAUlC"}
1
+ {"version":3,"file":"eui-card-footer.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-footer/eui-card-footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6E,SAAS,EAAqB,MAAM,eAAe,CAAC;AACxI,OAAO,EAAE,mCAAmC,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,iCAAiC,EAAE,MAAM,0CAA0C,CAAC;AAE7F,OAAO,EAAE,iCAAiC,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;;AAC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBAOa,sBAAsB;IAC/B;;;;OAIG;IACmB,MAAM,SAAqB;IAEjD,aAAa,EAAE,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAE9D,WAAW,EAAE,SAAS,CAAC,iCAAiC,CAAC,CAAC;IAE1D,UAAU,EAAE,SAAS,CAAC,iCAAiC,CAAC,CAAC;IAEzD,iBAAiB,EAAE,SAAS,CAAC,0BAA0B,CAAC,CAAC;yCAdhD,sBAAsB;2CAAtB,sBAAsB;CAelC"}
@@ -1,5 +1,30 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-header-left-content component projects the left content for eui-card-header.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card euiCollapsible>
9
+ * <eui-card-header>
10
+ * <eui-card-header-left-content>
11
+ * <eui-icon-svg icon="home:sharp" fillColor="accent"></eui-icon-svg>
12
+ * </eui-card-header-left-content>
13
+ * <eui-card-header-title>Title</eui-card-header-title>
14
+ * </eui-card-header>
15
+ * <eui-card-content>
16
+ * Card content...
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#card-header} for more details.
21
+ */
2
22
  export declare class EuiCardHeaderLeftContentComponent {
23
+ /**
24
+ * Binds the class to the component.
25
+ *
26
+ * @default 'eui-card-header__left-content'
27
+ */
3
28
  string: string;
4
29
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardHeaderLeftContentComponent, never>;
5
30
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardHeaderLeftContentComponent, "eui-card-header-left-content", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-header-left-content.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header-left-content.component.ts"],"names":[],"mappings":";AAEA,qBAMa,iCAAiC;IACpB,MAAM,SAAmC;yCADtD,iCAAiC;2CAAjC,iCAAiC;CAE7C"}
1
+ {"version":3,"file":"eui-card-header-left-content.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header-left-content.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAMa,iCAAiC;IAC1C;;;;OAIG;IACmB,MAAM,SAAmC;yCANtD,iCAAiC;2CAAjC,iCAAiC;CAO7C"}
@@ -1,5 +1,33 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-header-right-content component projects the right content for eui-card-header.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card euiCollapsible>
9
+ * <eui-card-header>
10
+ * <eui-card-header-left-content>
11
+ * <eui-icon-svg icon="home:sharp" fillColor="accent"></eui-icon-svg>
12
+ * </eui-card-header-left-content>
13
+ * <eui-card-header-title>Title</eui-card-header-title>
14
+ * <eui-card-header-right-content>
15
+ * <button euiButton euiPrimary euiSizeS>Action</button>
16
+ * </eui-card-header-right-content>
17
+ * </eui-card-header>
18
+ * <eui-card-content>
19
+ * Card content...
20
+ * </eui-card-content>
21
+ * </eui-card>
22
+ * ```
23
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header} for more details.
24
+ */
2
25
  export declare class EuiCardHeaderRightContentComponent {
26
+ /**
27
+ * Binds the class to the component.
28
+ *
29
+ * @default 'eui-card-header__right-content'
30
+ */
3
31
  string: string;
4
32
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardHeaderRightContentComponent, never>;
5
33
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardHeaderRightContentComponent, "eui-card-header-right-content", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-header-right-content.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header-right-content.component.ts"],"names":[],"mappings":";AAEA,qBAMa,kCAAkC;IACrB,MAAM,SAAoC;yCADvD,kCAAkC;2CAAlC,kCAAkC;CAE9C"}
1
+ {"version":3,"file":"eui-card-header-right-content.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header-right-content.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAMa,kCAAkC;IAC3C;;;;OAIG;IACmB,MAAM,SAAoC;yCANvD,kCAAkC;2CAAlC,kCAAkC;CAO9C"}
@@ -1,5 +1,32 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-header-subtitle component projects the subtitle for eui-card-header.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card>
9
+ * <eui-card-header>
10
+ * <eui-card-header-title>
11
+ * {{ cardTitle }}
12
+ * </eui-card-header-title>
13
+ * <eui-card-header-subtitle>
14
+ * {{ cardSubtitle }}
15
+ * </eui-card-header-subtitle>
16
+ * </eui-card-header>
17
+ * <eui-card-content>
18
+ * I am the content of the card container...
19
+ * </eui-card-content>
20
+ * </eui-card>
21
+ * ```
22
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card} for more details.
23
+ */
2
24
  export declare class EuiCardHeaderSubtitleComponent {
25
+ /**
26
+ * Binds the class to the component.
27
+ *
28
+ * @default 'eui-card-header__title-container-subtitle'
29
+ */
3
30
  string: string;
4
31
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardHeaderSubtitleComponent, never>;
5
32
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardHeaderSubtitleComponent, "eui-card-header-subtitle", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-header-subtitle.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header-subtitle.component.ts"],"names":[],"mappings":";AAEA,qBAMa,8BAA8B;IACjB,MAAM,SAA+C;yCADlE,8BAA8B;2CAA9B,8BAA8B;CAE1C"}
1
+ {"version":3,"file":"eui-card-header-subtitle.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header-subtitle.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAMa,8BAA8B;IACvC;;;;OAIG;IACmB,MAAM,SAA+C;yCANlE,8BAA8B;2CAA9B,8BAA8B;CAO1C"}
@@ -1,5 +1,33 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ * The eui-card-header-title component projects the title for eui-card-header.
5
+ *
6
+ * @example
7
+ * ```html
8
+ * <eui-card euiCollapsible>
9
+ * <eui-card-header>
10
+ * <eui-card-header-left-content>
11
+ * <eui-icon-svg icon="home:sharp" fillColor="accent"></eui-icon-svg>
12
+ * </eui-card-header-left-content>
13
+ * <eui-card-header-title>Title</eui-card-header-title>
14
+ * <eui-card-header-right-content>
15
+ * <button euiButton euiPrimary euiSizeS>Action</button>
16
+ * </eui-card-header-right-content>
17
+ * </eui-card-header>
18
+ * <eui-card-content>
19
+ * Card content...
20
+ * </eui-card-content>
21
+ * </eui-card>
22
+ * ```
23
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header} for more details.
24
+ */
2
25
  export declare class EuiCardHeaderTitleComponent {
26
+ /**
27
+ * Binds the class to the component.
28
+ *
29
+ * @default 'eui-card-header__title-container-title'
30
+ */
3
31
  string: string;
4
32
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardHeaderTitleComponent, never>;
5
33
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardHeaderTitleComponent, "eui-card-header-title", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-header-title.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header-title.component.ts"],"names":[],"mappings":";AAEA,qBAMa,2BAA2B;IACd,MAAM,SAA4C;yCAD/D,2BAA2B;2CAA3B,2BAA2B;CAEvC"}
1
+ {"version":3,"file":"eui-card-header-title.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header-title.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAMa,2BAA2B;IACpC;;;;OAIG;IACmB,MAAM,SAA4C;yCAN/D,2BAA2B;2CAA3B,2BAA2B;CAOvC"}
@@ -1,18 +1,88 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import { UiStateService } from '../../services/ui-state.service';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @description
6
+ * The eui-card-header component provides the header options of the eui-card.
7
+ *
8
+ * @example
9
+ * ```html
10
+ * <eui-card euiCollapsible>
11
+ * <eui-card-header>
12
+ * <eui-card-header-left-content>
13
+ * <eui-icon-svg icon="home:sharp" fillColor="accent"></eui-icon-svg>
14
+ * </eui-card-header-left-content>
15
+ * <eui-card-header-title>Title</eui-card-header-title>
16
+ * <eui-card-header-right-content>
17
+ * <button euiButton euiPrimary euiSizeS>Action</button>
18
+ * </eui-card-header-right-content>
19
+ * </eui-card-header>
20
+ * <eui-card-content>
21
+ * Card content...
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#card-header} for more details.
26
+ */
4
27
  export declare class EuiCardHeaderComponent {
5
28
  uiStateService: UiStateService;
29
+ /**
30
+ * Binds the class to the component.
31
+ *
32
+ * @default 'eui-card-header'
33
+ */
6
34
  string: string;
35
+ /**
36
+ * Sets the expandLabel Input property.
37
+ *
38
+ * @default 'expand'
39
+ */
7
40
  expandLabel: string;
41
+ /**
42
+ * Sets the collapseLabel Input property.
43
+ *
44
+ * @default 'collapse'
45
+ */
8
46
  collapseLabel: string;
47
+ /**
48
+ * Input property to enable/disable the header click toggle.
49
+ *
50
+ * @default true
51
+ */
9
52
  hasHeaderClickToggle: boolean;
53
+ /**
54
+ * Input property to expand the bottom part of the card header.
55
+ *
56
+ * @default false
57
+ */
10
58
  hasBottomExpander: boolean;
59
+ /**
60
+ * Input property to display the title within the full card container's width.
61
+ *
62
+ * @default false
63
+ */
11
64
  hasFullTitle: boolean;
65
+ /**
66
+ * Input property to display the title & subtitle content in multiple lines.
67
+ *
68
+ * @default false
69
+ */
12
70
  isHeaderMultilines: boolean;
71
+ /**
72
+ * Event emitted when the card header collapses.
73
+ */
13
74
  collapse: EventEmitter<boolean>;
14
75
  constructor(uiStateService: UiStateService);
76
+ /**
77
+ * Fires when the icon button expander is clicked/pressed to expand/collapse the bottom expander.
78
+ *
79
+ * @param event The event that fires the toggle.
80
+ */
15
81
  onToggle(event: Event): void;
82
+ /**
83
+ * Toggles the header when the header is clicked and emits the isCollapsed state.
84
+ *
85
+ */
16
86
  onToggleHeader(): void;
17
87
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardHeaderComponent, never>;
18
88
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardHeaderComponent, "eui-card-header", never, { "expandLabel": { "alias": "expandLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "hasHeaderClickToggle": { "alias": "hasHeaderClickToggle"; "required": false; }; "hasBottomExpander": { "alias": "hasBottomExpander"; "required": false; }; "hasFullTitle": { "alias": "hasFullTitle"; "required": false; }; "isHeaderMultilines": { "alias": "isHeaderMultilines"; "required": false; }; }, { "collapse": "collapse"; }, never, ["eui-card-header-left-content", "*", "*", "*", "*", "*", "*", "eui-card-header-body", "eui-card-header-title", "eui-card-header-subtitle", "eui-card-header-right-content"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-header.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkE,YAAY,EAAuC,MAAM,eAAe,CAAC;AAElJ,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;;AAEjE,qBAOa,sBAAsB;IAaZ,cAAc,EAAE,cAAc;IAZ3B,MAAM,SAAqB;IAExC,WAAW,SAAY;IACvB,aAAa,SAAc;IAEI,oBAAoB,UAAQ;IAC5B,iBAAiB,UAAS;IAC1B,YAAY,UAAS;IACrB,kBAAkB,UAAS;IAEzD,QAAQ,wBAA+B;gBAE9B,cAAc,EAAE,cAAc;IAE1C,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAO5B,cAAc,IAAI,IAAI;yCAtBpB,sBAAsB;2CAAtB,sBAAsB;mDA6Buv2C,OAAQ;gDAAR,OAAQ;2CAAR,OAAQ;iDAAR,OAAQ;CADjy2C"}
1
+ {"version":3,"file":"eui-card-header.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header/eui-card-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkE,YAAY,EAAuC,MAAM,eAAe,CAAC;AAElJ,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;;AACjE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAOa,sBAAsB;IAgDZ,cAAc,EAAE,cAAc;IA/CjD;;;;OAIG;IACmB,MAAM,SAAqB;IACjD;;;;OAIG;IACM,WAAW,SAAY;IAChC;;;;OAIG;IACM,aAAa,SAAc;IACpC;;;;OAIG;IACqC,oBAAoB,UAAQ;IACpE;;;;OAIG;IACqC,iBAAiB,UAAS;IAClE;;;;OAIG;IACqC,YAAY,UAAS;IAC7D;;;;OAIG;IACqC,kBAAkB,UAAS;IACnE;;OAEG;IACO,QAAQ,wBAA+B;gBAE9B,cAAc,EAAE,cAAc;IACjD;;;;OAIG;IACI,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAMnC;;;OAGG;IACI,cAAc,IAAI,IAAI;yCAhEpB,sBAAsB;2CAAtB,sBAAsB;mDAuEq0yC,OAAQ;gDAAR,OAAQ;2CAAR,OAAQ;iDAAR,OAAQ;CAD/2yC"}
@@ -1,5 +1,28 @@
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>
9
+ * <eui-card-header>
10
+ * <eui-card-header-title>Title</eui-card-header-title>
11
+ * <eui-card-header-body>Body</eui-card-header-body>
12
+ * </eui-card-header>
13
+ * <eui-card-content>
14
+ * Card content...
15
+ * </eui-card-content>
16
+ * </eui-card>
17
+ * ```
18
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header} for more details.
19
+ */
2
20
  export declare class EuiCardHeaderBodyComponent {
21
+ /**
22
+ * Binds the class to the component.
23
+ *
24
+ * @default 'eui-card-header-body'
25
+ */
3
26
  string: string;
4
27
  static ɵfac: i0.ɵɵFactoryDeclaration<EuiCardHeaderBodyComponent, never>;
5
28
  static ɵcmp: i0.ɵɵComponentDeclaration<EuiCardHeaderBodyComponent, "eui-card-header-body", never, {}, {}, never, ["*"], false, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"eui-card-header-body.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header-body/eui-card-header-body.component.ts"],"names":[],"mappings":";AAEA,qBAMa,0BAA0B;IACb,MAAM,SAA0B;yCAD7C,0BAA0B;2CAA1B,0BAA0B;CAEtC"}
1
+ {"version":3,"file":"eui-card-header-body.component.d.ts","sourceRoot":"","sources":["../../../../eui-card/components/eui-card-header-body/eui-card-header-body.component.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,0BAA0B;IACnC;;;;OAIG;IACmB,MAAM,SAA0B;yCAN7C,0BAA0B;2CAA1B,0BAA0B;CAOtC"}