@eui/components 19.1.3-snapshot-1744279007296 → 19.1.3-snapshot-1744701533037

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 (47) hide show
  1. package/docs/components/EuiCardComponent.html +0 -15
  2. package/docs/components/EuiCardContentComponent.html +0 -15
  3. package/docs/components/EuiCardFooterActionButtonsComponent.html +0 -19
  4. package/docs/components/EuiCardFooterActionIconsComponent.html +0 -25
  5. package/docs/components/EuiCardFooterComponent.html +0 -29
  6. package/docs/components/EuiCardFooterMenuComponent.html +0 -55
  7. package/docs/components/EuiCardFooterMenuContentComponent.html +0 -29
  8. package/docs/components/EuiCardHeaderBodyComponent.html +0 -11
  9. package/docs/components/EuiCardHeaderComponent.html +0 -20
  10. package/docs/components/EuiCardHeaderLeftContentComponent.html +0 -13
  11. package/docs/components/EuiCardHeaderRightContentComponent.html +0 -16
  12. package/docs/components/EuiCardHeaderSubtitleComponent.html +0 -15
  13. package/docs/components/EuiCardHeaderTitleComponent.html +0 -16
  14. package/docs/components/EuiCardMediaComponent.html +0 -17
  15. package/docs/dependencies.html +2 -2
  16. package/docs/js/search/search_index.js +2 -2
  17. package/eui-card/components/eui-card-content/eui-card-content.component.d.ts +0 -18
  18. package/eui-card/components/eui-card-content/eui-card-content.component.d.ts.map +1 -1
  19. package/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.d.ts +0 -22
  20. package/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.d.ts.map +1 -1
  21. package/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.d.ts +0 -30
  22. package/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.d.ts.map +1 -1
  23. package/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.d.ts +0 -30
  24. package/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.d.ts.map +1 -1
  25. package/eui-card/components/eui-card-footer/eui-card-footer-menu.component.d.ts +0 -56
  26. package/eui-card/components/eui-card-footer/eui-card-footer-menu.component.d.ts.map +1 -1
  27. package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts +0 -30
  28. package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts.map +1 -1
  29. package/eui-card/components/eui-card-header/eui-card-header-left-content.component.d.ts +0 -16
  30. package/eui-card/components/eui-card-header/eui-card-header-left-content.component.d.ts.map +1 -1
  31. package/eui-card/components/eui-card-header/eui-card-header-right-content.component.d.ts +0 -19
  32. package/eui-card/components/eui-card-header/eui-card-header-right-content.component.d.ts.map +1 -1
  33. package/eui-card/components/eui-card-header/eui-card-header-subtitle.component.d.ts +0 -18
  34. package/eui-card/components/eui-card-header/eui-card-header-subtitle.component.d.ts.map +1 -1
  35. package/eui-card/components/eui-card-header/eui-card-header-title.component.d.ts +0 -19
  36. package/eui-card/components/eui-card-header/eui-card-header-title.component.d.ts.map +1 -1
  37. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts +0 -19
  38. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
  39. package/eui-card/components/eui-card-header-body/eui-card-header-body.component.d.ts +0 -14
  40. package/eui-card/components/eui-card-header-body/eui-card-header-body.component.d.ts.map +1 -1
  41. package/eui-card/components/eui-card-media/eui-card-media.component.d.ts +0 -16
  42. package/eui-card/components/eui-card-media/eui-card-media.component.d.ts.map +1 -1
  43. package/eui-card/eui-card.component.d.ts +0 -18
  44. package/eui-card/eui-card.component.d.ts.map +1 -1
  45. package/fesm2022/eui-components-eui-card.mjs +10 -336
  46. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  47. package/package.json +11 -11
@@ -114,21 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>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.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-title&gt;
121
- {{ cardTitle }}
122
- &lt;/eui-card-header-title&gt;
123
- &lt;eui-card-header-subtitle&gt;
124
- {{ cardSubtitle }}
125
- &lt;/eui-card-header-subtitle&gt;
126
- &lt;/eui-card-header&gt;
127
- &lt;eui-card-content&gt;
128
- I am the content of the card container...
129
- &lt;/eui-card-content&gt;
130
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card</a>.
131
- ```</p>
132
117
 
133
118
  </p>
134
119
 
@@ -114,21 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-content component projects the content for eui-card.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-title&gt;
121
- {{ cardTitle }}
122
- &lt;/eui-card-header-title&gt;
123
- &lt;eui-card-header-subtitle&gt;
124
- {{ cardSubtitle }}
125
- &lt;/eui-card-header-subtitle&gt;
126
- &lt;/eui-card-header&gt;
127
- &lt;eui-card-content&gt;
128
- I am the content of the card container...
129
- &lt;/eui-card-content&gt;
130
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card</a>.
131
- ```</p>
132
117
 
133
118
  </p>
134
119
 
@@ -114,25 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-footer-action-buttons component projects the action buttons content for eui-card.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card euiHoverable&gt;
119
- &lt;eui-card-media
120
- imageUrl=&quot;./assets/images/cards/home-card-law.jpg&quot;&gt;
121
- &lt;/eui-card-media&gt;
122
- &lt;eui-card-content style=&quot;max-height: 11rem; min-height: 11rem;&quot;&gt;
123
- &lt;h5 class=&quot;eui-u-f-bold eui-u-mb-s&quot;&gt;Law | EUR Lex&lt;/h5&gt;
124
- The Official Journal of the European Union, EU case law and other resources for EU law
125
- &lt;/eui-card-content&gt;
126
- &lt;eui-card-footer&gt;
127
- &lt;eui-card-footer-action-buttons class=&quot;eui-u-flex-justify-content-end&quot;&gt;
128
- &lt;button euiButton euiPrimary euiSizeS&gt;
129
- &lt;span euiLabel&gt;Action&lt;/span&gt;
130
- &lt;eui-icon-svg icon=&quot;chevron-forward:sharp&quot;&gt;&lt;/eui-icon-svg&gt;
131
- &lt;/button&gt;
132
- &lt;/eui-card-footer-action-buttons&gt;
133
- &lt;/eui-card-footer&gt;
134
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
135
- ```</p>
136
117
 
137
118
  </p>
138
119
 
@@ -114,31 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-footer-action-icons component projects the action icons content for eui-card.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-title&gt;
121
- &lt;strong&gt;Default layout of a card footer&lt;/strong&gt;
122
- &lt;/eui-card-header-title&gt;
123
- &lt;/eui-card-header&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"> &lt;eui-card-content&gt;
124
- &lt;p class=&quot;eui-u-text-paragraph&quot;&gt;Hover on footer&#39;s elements to display more information.&lt;/p&gt;
125
- &lt;/eui-card-content&gt;
126
-
127
- &lt;eui-card-footer&gt;
128
- &lt;eui-card-footer-action-buttons euiTooltip=&quot;Here are displayed the main action buttons.&amp;#13;It is recommended to have maximum 2 buttons.&amp;#13;Primary action button is always displayed first.&amp;#13;Other actions will be put in the menu.&quot;&gt;
129
- &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action buttons&lt;/span&gt;
130
- &lt;/eui-card-footer-action-buttons&gt;
131
-
132
- &lt;eui-card-footer-action-icons euiTooltip=&quot;Here are displayed the action icons.&amp;#13;It is recommended to have maximum 2 icons.&amp;#13;Other actions will be put in the menu.&quot;&gt;
133
- &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action icons&lt;/span&gt;
134
- &lt;/eui-card-footer-action-icons&gt;
135
-
136
- &lt;eui-card-footer-menu-content [tooltipText]=&quot;&#39;Actions menu to propose more options&#39;&quot;&gt;
137
- &lt;div class=&quot;m-2&quot;&gt;Menu content here&lt;/div&gt;
138
- &lt;/eui-card-footer-menu-content&gt;
139
- &lt;/eui-card-footer&gt;</code></pre></div> </eui-card>
140
- ```
141
- See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
142
117
 
143
118
  </p>
144
119
 
@@ -114,31 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-footer component projects the footer of the eui-card.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-title&gt;
121
- &lt;strong&gt;Default layout of a card footer&lt;/strong&gt;
122
- &lt;/eui-card-header-title&gt;
123
- &lt;/eui-card-header&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"> &lt;eui-card-content&gt;
124
- &lt;p class=&quot;eui-u-text-paragraph&quot;&gt;Hover on footer&#39;s elements to display more information.&lt;/p&gt;
125
- &lt;/eui-card-content&gt;
126
-
127
- &lt;eui-card-footer&gt;
128
- &lt;eui-card-footer-action-buttons euiTooltip=&quot;Here are displayed the main action buttons.&amp;#13;It is recommended to have maximum 2 buttons.&amp;#13;Primary action button is always displayed first.&amp;#13;Other actions will be put in the menu.&quot;&gt;
129
- &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action buttons&lt;/span&gt;
130
- &lt;/eui-card-footer-action-buttons&gt;
131
-
132
- &lt;eui-card-footer-action-icons euiTooltip=&quot;Here are displayed the action icons.&amp;#13;It is recommended to have maximum 2 icons.&amp;#13;Other actions will be put in the menu.&quot;&gt;
133
- &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action icons&lt;/span&gt;
134
- &lt;/eui-card-footer-action-icons&gt;
135
-
136
- &lt;eui-card-footer-menu-content [tooltipText]=&quot;&#39;Actions menu to propose more options&#39;&quot;&gt;
137
- &lt;div class=&quot;m-2&quot;&gt;Menu content here&lt;/div&gt;
138
- &lt;/eui-card-footer-menu-content&gt;
139
- &lt;/eui-card-footer&gt;</code></pre></div> </eui-card>
140
- ```
141
- See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
142
117
 
143
118
  </p>
144
119
 
@@ -155,10 +130,6 @@ See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide
155
130
  <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
156
131
  </tr>
157
132
 
158
- <tr>
159
- <td class="col-md-3">encapsulation</td>
160
- <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
161
- </tr>
162
133
 
163
134
 
164
135
 
@@ -114,57 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-footer-menu component provides menu options for the footer of the eui-card.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-title&gt;
121
- &lt;strong&gt;Sample Card Title&lt;/strong&gt;
122
- &lt;/eui-card-header-title&gt;
123
- &lt;/eui-card-header&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"> &lt;eui-card-content&gt;
124
- &lt;p class=&quot;eui-u-text-paragraph&quot;&gt;I am the content of the card container with a full default footer&#39;s layout.&lt;/p&gt;
125
- &lt;/eui-card-content&gt;
126
-
127
- &lt;eui-card-footer&gt;
128
- &lt;eui-card-footer-action-buttons&gt;
129
- &lt;div class=&quot;eui-u-flex eui-u-flex-wrap&quot;&gt;
130
- &lt;button euiButton euiPrimary&gt;Action 1&lt;/button&gt;
131
- &lt;button euiButton euiSecondary&gt;Action 2&lt;/button&gt;
132
- &lt;/div&gt;
133
- &lt;/eui-card-footer-action-buttons&gt;
134
-
135
- &lt;eui-card-footer-action-icons&gt;
136
- &lt;button euiButton euiRounded euiIconButton euiBasicButton euiSecondary euiTooltip=&quot;Mark as favourite&quot; aria-label=&quot;Mark as favourite&quot;&gt;
137
- &lt;eui-icon-svg icon=&quot;eui-star&quot; size=&quot;l&quot; fillColor=&quot;neutral-lighter&quot;&gt;&lt;/eui-icon-svg&gt;
138
- &lt;/button&gt;
139
- &lt;button euiButton euiRounded euiIconButton euiBasicButton euiSecondary euiTooltip=&quot;Share&quot; aria-label=&quot;Share&quot;&gt;
140
- &lt;eui-icon-svg icon=&quot;eui-ecl-share&quot; size=&quot;m&quot; fillColor=&quot;neutral-lighter&quot;&gt;&lt;/eui-icon-svg&gt;
141
- &lt;/button&gt;
142
- &lt;/eui-card-footer-action-icons&gt;
143
-
144
- &lt;eui-card-footer-menu&gt;
145
- &lt;eui-dropdown&gt;
146
- &lt;button
147
- euiButton
148
- euiRounded
149
- euiIconButton
150
- euiBasicButton
151
- euiSecondary
152
- type=&quot;button&quot;
153
- euiTooltip=&quot;more options&quot;
154
- [attr.aria-label]=&quot;&#39;more options&#39;&quot;&gt;
155
- &lt;eui-icon-svg icon=&quot;ellipsis-vertical:sharp&quot;&gt;&lt;/eui-icon-svg&gt;
156
- &lt;/button&gt;
157
- &lt;eui-dropdown-content&gt;
158
- &lt;button euiDropdownItem&gt;Menu item 1&lt;/button&gt;
159
- &lt;button euiDropdownItem&gt;Menu item 2&lt;/button&gt;
160
- &lt;button euiDropdownItem&gt;Menu item 3&lt;/button&gt;
161
- &lt;/eui-dropdown-content&gt;
162
- &lt;/eui-dropdown&gt;
163
- &lt;/eui-card-footer-menu&gt;
164
-
165
- &lt;/eui-card-footer&gt;</code></pre></div> </eui-card>
166
- ```
167
- See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
168
117
 
169
118
  </p>
170
119
 
@@ -181,10 +130,6 @@ See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide
181
130
  <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
182
131
  </tr>
183
132
 
184
- <tr>
185
- <td class="col-md-3">encapsulation</td>
186
- <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
187
- </tr>
188
133
 
189
134
 
190
135
 
@@ -114,31 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-footer-menu-content component projects the content of the actions menu of the eui-card.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-title&gt;
121
- &lt;strong&gt;Default layout of a card footer&lt;/strong&gt;
122
- &lt;/eui-card-header-title&gt;
123
- &lt;/eui-card-header&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"> &lt;eui-card-content&gt;
124
- &lt;p class=&quot;eui-u-text-paragraph&quot;&gt;Hover on footer&#39;s elements to display more information.&lt;/p&gt;
125
- &lt;/eui-card-content&gt;
126
-
127
- &lt;eui-card-footer&gt;
128
- &lt;eui-card-footer-action-buttons euiTooltip=&quot;Here are displayed the main action buttons.&amp;#13;It is recommended to have maximum 2 buttons.&amp;#13;Primary action button is always displayed first.&amp;#13;Other actions will be put in the menu.&quot;&gt;
129
- &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action buttons&lt;/span&gt;
130
- &lt;/eui-card-footer-action-buttons&gt;
131
-
132
- &lt;eui-card-footer-action-icons euiTooltip=&quot;Here are displayed the action icons.&amp;#13;It is recommended to have maximum 2 icons.&amp;#13;Other actions will be put in the menu.&quot;&gt;
133
- &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action icons&lt;/span&gt;
134
- &lt;/eui-card-footer-action-icons&gt;
135
-
136
- &lt;eui-card-footer-menu-content [tooltipText]=&quot;&#39;Actions menu to propose more options&#39;&quot;&gt;
137
- &lt;div class=&quot;m-2&quot;&gt;Menu content here&lt;/div&gt;
138
- &lt;/eui-card-footer-menu-content&gt;
139
- &lt;/eui-card-footer&gt;</code></pre></div> </eui-card>
140
- ```
141
- See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
142
117
 
143
118
  </p>
144
119
 
@@ -155,10 +130,6 @@ See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide
155
130
  <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
156
131
  </tr>
157
132
 
158
- <tr>
159
- <td class="col-md-3">encapsulation</td>
160
- <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
161
- </tr>
162
133
 
163
134
 
164
135
 
@@ -114,17 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-header-body component projects the body for eui-card-header.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-title&gt;Title&lt;/eui-card-header-title&gt;
121
- &lt;eui-card-header-body&gt;Body&lt;/eui-card-header-body&gt;
122
- &lt;/eui-card-header&gt;
123
- &lt;eui-card-content&gt;
124
- Card content...
125
- &lt;/eui-card-content&gt;
126
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header</a> for more details.
127
- ```</p>
128
117
 
129
118
  </p>
130
119
 
@@ -114,22 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-header component provides the header options of the eui-card.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card euiCollapsible&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-left-content&gt;
121
- &lt;eui-icon-svg icon=&quot;home:sharp&quot; fillColor=&quot;accent&quot;&gt;&lt;/eui-icon-svg&gt;
122
- &lt;/eui-card-header-left-content&gt;
123
- &lt;eui-card-header-title&gt;Title&lt;/eui-card-header-title&gt;
124
- &lt;eui-card-header-right-content&gt;
125
- &lt;button euiButton euiPrimary euiSizeS&gt;Action&lt;/button&gt;
126
- &lt;/eui-card-header-right-content&gt;
127
- &lt;/eui-card-header&gt;
128
- &lt;eui-card-content&gt;
129
- Card content...
130
- &lt;/eui-card-content&gt;
131
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header</a> for more details.
132
- ```</p>
133
117
 
134
118
  </p>
135
119
 
@@ -146,10 +130,6 @@
146
130
  <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
147
131
  </tr>
148
132
 
149
- <tr>
150
- <td class="col-md-3">encapsulation</td>
151
- <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
152
- </tr>
153
133
 
154
134
 
155
135
 
@@ -114,19 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-header-left-content component projects the left content for eui-card-header.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card euiCollapsible&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-left-content&gt;
121
- &lt;eui-icon-svg icon=&quot;home:sharp&quot; fillColor=&quot;accent&quot;&gt;&lt;/eui-icon-svg&gt;
122
- &lt;/eui-card-header-left-content&gt;
123
- &lt;eui-card-header-title&gt;Title&lt;/eui-card-header-title&gt;
124
- &lt;/eui-card-header&gt;
125
- &lt;eui-card-content&gt;
126
- Card content...
127
- &lt;/eui-card-content&gt;
128
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header</a> for more details.
129
- ```</p>
130
117
 
131
118
  </p>
132
119
 
@@ -114,22 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-header-right-content component projects the right content for eui-card-header.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card euiCollapsible&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-left-content&gt;
121
- &lt;eui-icon-svg icon=&quot;home:sharp&quot; fillColor=&quot;accent&quot;&gt;&lt;/eui-icon-svg&gt;
122
- &lt;/eui-card-header-left-content&gt;
123
- &lt;eui-card-header-title&gt;Title&lt;/eui-card-header-title&gt;
124
- &lt;eui-card-header-right-content&gt;
125
- &lt;button euiButton euiPrimary euiSizeS&gt;Action&lt;/button&gt;
126
- &lt;/eui-card-header-right-content&gt;
127
- &lt;/eui-card-header&gt;
128
- &lt;eui-card-content&gt;
129
- Card content...
130
- &lt;/eui-card-content&gt;
131
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header</a> for more details.
132
- ```</p>
133
117
 
134
118
  </p>
135
119
 
@@ -114,21 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-header-subtitle component projects the subtitle for eui-card-header.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-title&gt;
121
- {{ cardTitle }}
122
- &lt;/eui-card-header-title&gt;
123
- &lt;eui-card-header-subtitle&gt;
124
- {{ cardSubtitle }}
125
- &lt;/eui-card-header-subtitle&gt;
126
- &lt;/eui-card-header&gt;
127
- &lt;eui-card-content&gt;
128
- I am the content of the card container...
129
- &lt;/eui-card-content&gt;
130
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card</a> for more details.
131
- ```</p>
132
117
 
133
118
  </p>
134
119
 
@@ -114,22 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-header-title component projects the title for eui-card-header.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card euiCollapsible&gt;
119
- &lt;eui-card-header&gt;
120
- &lt;eui-card-header-left-content&gt;
121
- &lt;eui-icon-svg icon=&quot;home:sharp&quot; fillColor=&quot;accent&quot;&gt;&lt;/eui-icon-svg&gt;
122
- &lt;/eui-card-header-left-content&gt;
123
- &lt;eui-card-header-title&gt;Title&lt;/eui-card-header-title&gt;
124
- &lt;eui-card-header-right-content&gt;
125
- &lt;button euiButton euiPrimary euiSizeS&gt;Action&lt;/button&gt;
126
- &lt;/eui-card-header-right-content&gt;
127
- &lt;/eui-card-header&gt;
128
- &lt;eui-card-content&gt;
129
- Card content...
130
- &lt;/eui-card-content&gt;
131
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header</a> for more details.
132
- ```</p>
133
117
 
134
118
  </p>
135
119
 
@@ -114,19 +114,6 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <p>The eui-card-header-body component projects the body for eui-card-header.</p>
117
- <b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
118
- &lt;eui-card euiNoShadow&gt;
119
- &lt;eui-card-media
120
- imageUrl=&quot;./assets/images/cards/home-card-eu-publications.jpg&quot;
121
- imageLegend=&quot;EU Publications&quot;
122
- imageClickUrl=&quot;/style-guide-next/components/eui-card&quot;
123
- euiTooltip=&quot;Internal link Url defined pointing to this page&quot;&gt;
124
- &lt;/eui-card-media&gt;
125
- &lt;eui-card-content style=&quot;height: 8rem;&quot;&gt;
126
- Reports, studies, information booklets, magazines and other publications from the EU institutions and other bodies
127
- &lt;/eui-card-content&gt;
128
- &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#media-cards">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#media-cards</a> for more details.
129
- ```</p>
130
117
 
131
118
  </p>
132
119
 
@@ -143,10 +130,6 @@
143
130
  <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
144
131
  </tr>
145
132
 
146
- <tr>
147
- <td class="col-md-3">encapsulation</td>
148
- <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
149
- </tr>
150
133
 
151
134
 
152
135
 
@@ -268,9 +268,9 @@
268
268
  <li>
269
269
  <b>@stackblitz/sdk</b> : 1.11.0</li>
270
270
  <li>
271
- <b>@eui/styles</b> : 19.1.3-snapshot-1744273107050</li>
271
+ <b>@eui/styles</b> : 19.1.3-snapshot-1744279007296</li>
272
272
  <li>
273
- <b>@eui/ecl</b> : 19.1.3-snapshot-1744273107050</li>
273
+ <b>@eui/ecl</b> : 19.1.3-snapshot-1744279007296</li>
274
274
  <li>
275
275
  <b>@eui/tools</b> : ^6.0.0</li>
276
276
  </ul>