@eui/components 19.1.1-snapshot-1741071838252 → 19.1.1

package/docs/dependencies.html

@@ -102,43 +102,43 @@
     </ol>
     <ul class="dependencies-list">
         <li>
-            <b>@angular/animations</b> : 19.1.7</li>
+            <b>@angular/animations</b> : 19.2.1</li>
         <li>
-            <b>@angular/common</b> : 19.1.7</li>
+            <b>@angular/common</b> : 19.2.1</li>
         <li>
-            <b>@angular/compiler</b> : 19.1.7</li>
+            <b>@angular/compiler</b> : 19.2.1</li>
         <li>
-            <b>@angular/core</b> : 19.1.7</li>
+            <b>@angular/core</b> : 19.2.1</li>
         <li>
-            <b>@angular/forms</b> : 19.1.7</li>
+            <b>@angular/forms</b> : 19.2.1</li>
         <li>
-            <b>@angular/platform-browser</b> : 19.1.7</li>
+            <b>@angular/platform-browser</b> : 19.2.1</li>
         <li>
-            <b>@angular/platform-browser-dynamic</b> : 19.1.7</li>
+            <b>@angular/platform-browser-dynamic</b> : 19.2.1</li>
         <li>
-            <b>@angular/router</b> : 19.1.7</li>
+            <b>@angular/router</b> : 19.2.1</li>
         <li>
-            <b>@angular/compiler-cli</b> : 19.1.7</li>
+            <b>@angular/compiler-cli</b> : 19.2.1</li>
         <li>
-            <b>@angular/elements</b> : 19.1.7</li>
+            <b>@angular/elements</b> : 19.2.1</li>
         <li>
-            <b>@angular/language-service</b> : 19.1.7</li>
+            <b>@angular/language-service</b> : 19.2.1</li>
         <li>
-            <b>@angular/service-worker</b> : 19.1.7</li>
+            <b>@angular/service-worker</b> : 19.2.1</li>
         <li>
-            <b>@angular/cdk</b> : 19.1.5</li>
+            <b>@angular/cdk</b> : 19.2.2</li>
         <li>
-            <b>@angular/material</b> : 19.1.5</li>
+            <b>@angular/material</b> : 19.2.2</li>
         <li>
-            <b>@angular/material-moment-adapter</b> : 19.1.5</li>
+            <b>@angular/material-moment-adapter</b> : 19.2.2</li>
         <li>
-            <b>@angular-devkit/build-angular</b> : 19.1.8</li>
+            <b>@angular-devkit/build-angular</b> : 19.2.1</li>
         <li>
-            <b>@angular/cli</b> : 19.1.8</li>
+            <b>@angular/cli</b> : 19.2.1</li>
         <li>
-            <b>ng-packagr</b> : 19.1.2</li>
+            <b>ng-packagr</b> : 19.2.0</li>
         <li>
-            <b>rxjs</b> : 7.8.1</li>
+            <b>rxjs</b> : 7.8.2</li>
         <li>
             <b>tslib</b> : ^2.3.0</li>
         <li>
@@ -146,7 +146,7 @@
         <li>
             <b>typescript</b> : 5.7.3</li>
         <li>
-            <b>@types/lodash</b> : 4.17.13</li>
+            <b>@types/lodash</b> : 4.17.16</li>
         <li>
             <b>@ngx-translate/core</b> : 15.0.0</li>
         <li>
@@ -154,37 +154,37 @@
         <li>
             <b>reselect</b> : 5.1.1</li>
         <li>
-            <b>eslint</b> : 9.16.0</li>
+            <b>eslint</b> : 9.21.0</li>
         <li>
-            <b>@angular-eslint/builder</b> : 19.1.0</li>
+            <b>@angular-eslint/builder</b> : 19.2.0</li>
         <li>
-            <b>@angular-eslint/eslint-plugin</b> : 19.1.0</li>
+            <b>@angular-eslint/eslint-plugin</b> : 19.2.0</li>
         <li>
-            <b>@angular-eslint/eslint-plugin-template</b> : 19.1.0</li>
+            <b>@angular-eslint/eslint-plugin-template</b> : 19.2.0</li>
         <li>
-            <b>@angular-eslint/schematics</b> : 19.1.0</li>
+            <b>@angular-eslint/schematics</b> : 19.2.0</li>
         <li>
-            <b>@angular-eslint/template-parser</b> : 19.1.0</li>
+            <b>@angular-eslint/template-parser</b> : 19.2.0</li>
         <li>
             <b>eslint-plugin-prefer-arrow</b> : 1.2.3</li>
         <li>
             <b>eslint-plugin-jsdoc</b> : 50.6.3</li>
         <li>
-            <b>@typescript-eslint/parser</b> : 8.24.1</li>
+            <b>@typescript-eslint/parser</b> : 8.26.0</li>
         <li>
-            <b>@typescript-eslint/eslint-plugin</b> : 8.24.1</li>
+            <b>@typescript-eslint/eslint-plugin</b> : 8.26.0</li>
         <li>
             <b>eslint-plugin-import</b> : 2.31.0</li>
         <li>
             <b>@webcomponents/custom-elements</b> : 1.6.0</li>
         <li>
-            <b>@types/jasmine</b> : 5.1.5</li>
+            <b>@types/jasmine</b> : 5.1.7</li>
         <li>
             <b>@types/node</b> : 20.14.2</li>
         <li>
-            <b>moment-timezone</b> : 0.5.46</li>
+            <b>moment-timezone</b> : 0.5.47</li>
         <li>
-            <b>jasmine-core</b> : 5.5.0</li>
+            <b>jasmine-core</b> : 5.6.0</li>
         <li>
             <b>karma</b> : 6.4.4</li>
         <li>
@@ -268,9 +268,9 @@
         <li>
             <b>@stackblitz/sdk</b> : 1.11.0</li>
         <li>
-            <b>@eui/styles</b> : 19.1.1-snapshot-1740477848147</li>
+            <b>@eui/styles</b> : 19.1.1-snapshot-1741264224607</li>
         <li>
-            <b>@eui/ecl</b> : 19.1.1-snapshot-1740477848147</li>
+            <b>@eui/ecl</b> : 19.1.1-snapshot-1741264224607</li>
         <li>
             <b>@eui/tools</b> : ^6.0.0</li>
     </ul>

package/docs/directives/EuiPopoverArrowPositionDirective.html

@@ -113,6 +113,26 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive that positions an arrow element for a popover relative to its origin element.</p>
+<p>This directive calculates and applies the appropriate positioning style to ensure
+the arrow correctly points to the origin element regardless of the popover&#39;s position.
+It adjusts arrow placement dynamically based on the position strategy (&#39;top&#39;, &#39;bottom&#39;,
+&#39;left&#39;, or &#39;right&#39;) and the dimensions and position of the origin element.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">// Basic usage in an arrow element inside a popover:
+&lt;div class=&quot;popover-arrow&quot;
+     [euiPopoverArrowPosition]=&quot;positionAndRect$&quot;&gt;
+&lt;/div&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-html">// In the component class:
+// Position and rect as an Observable
+positionAndRect$ = new BehaviorSubject&lt;[EuiPopoverPosition, DOMRect]&gt;([&#39;bottom&#39;, originRect]);</code></pre></div><p>// Update when position changes
+updatePosition(position: EuiPopoverPosition, rect: DOMRect) {
+  this.positionAndRect$.next([position, rect]);
+}</p>
+
+            </p>
 
 
             <p class="comment">
@@ -253,6 +273,15 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Observable that emits a tuple containing the popover position strategy
+and the DOMRect of the origin element.</p>
+<p>The directive uses this information to calculate the appropriate
+position for the arrow element.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>

package/docs/injectables/EuiMessageBoxService.html

@@ -114,6 +114,37 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Service for programmatically creating, opening, and controlling message boxes in the eui application.</p>
+<p>The EuiMessageBoxService wraps the EuiDialogService to provide a simplified API specifically
+for message box functionality. Message boxes are specialized dialog windows typically used
+for alerts, confirmations, and prompts.</p>
+<p>The service handles the configuration of common message box properties and delegates to the
+underlying dialog service for rendering.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">// Basic usage in a component:
+import { EuiMessageBoxService } from &#39;&#64;eui/components/eui-message-box&#39;;</code></pre></div><p>export class MyComponent {
+  constructor(private messageBoxService: EuiMessageBoxService) {}</p>
+<p>  showConfirmation() {
+    this.messageBoxService.openMessageBox({
+      title: &#39;Confirm Action&#39;,
+      content: &#39;Are you sure you want to proceed?&#39;,
+      acceptLabel: &#39;Yes&#39;,
+      dismissLabel: &#39;No&#39;,
+      accept: () =&gt; this.handleConfirmation(),
+      dismiss: () =&gt; console.log(&#39;Action cancelled&#39;)
+    });
+  }</p>
+<p>  closeActiveMessageBox() {
+    this.messageBoxService.closeMessageBox();
+  }
+}</p>
+<p>See EuiMessageBoxComponent
+See EuiDialogService</p>
+
+            </p>
 
 
 
@@ -162,6 +193,8 @@
 
                 <tr>
                     <td class="col-md-4">
+                            <div class="io-description"><p>Creates an instance of EuiMessageBoxService.</p>
+</div>
                             <div>
                                     <b>Parameters :</b>
                                     <table class="params">
@@ -170,6 +203,7 @@
                                                 <td>Name</td>
                                                     <td>Type</td>
                                                 <td>Optional</td>
+                                                    <td>Description</td>
                                             </tr>
                                         </thead>
                                         <tbody>
@@ -184,6 +218,12 @@
                                                             No
                                                     </td>
                                                     
+                                                        <td>
+                                                                <ul>
+<li>The underlying dialog service used to render message boxes</li>
+</ul>
+
+                                                        </td>
                                                 </tr>
                                         </tbody>
                                     </table>
@@ -223,7 +263,8 @@
 
             <tr>
                 <td class="col-md-4">
-                        <div class="io-description"><p>Close a Message box.</p>
+                        <div class="io-description"><p>Closes the currently active message box.</p>
+<p>This method delegates to the dialog service to close any open dialog.</p>
 </div>
 
                         <div class="io-description">
@@ -271,7 +312,10 @@
 
             <tr>
                 <td class="col-md-4">
-                        <div class="io-description"><p>Open a Message box.</p>
+                        <div class="io-description"><p>Opens a message box with the specified configuration.</p>
+<p>This method sets default message box properties and delegates to the dialog service
+to render the message box. Message boxes don&#39;t close on outside click or escape key,
+and have no header component or close button by default.</p>
 </div>
 
                             <div class="io-description">
@@ -303,7 +347,9 @@
                                             </td>
 
                                             <td>
-                                                    <p>Configuration applied to the Message box.</p>
+                                                    <ul>
+<li>Configuration options for the message box</li>
+</ul>
 
                                             </td>
                                         </tr>

package/docs/interfaces/EuiDiscussionThreadItem.html

@@ -121,6 +121,26 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Interface defining the structure of an item within a discussion thread.</p>
+<p>This interface encapsulates all the necessary properties to display
+a single message or entry, including metadata like author, date,
+and styling information.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">// Creating an item for use in a discussion thread:
+const threadItem: EuiDiscussionThreadItem = {
+  id: &#39;comment-123&#39;,
+  typeClass: &#39;info&#39;,
+  date: &#39;2023-10-15T14:30:00&#39;,
+  author: &#39;John Doe&#39;,
+  body: &#39;This is a comment in the discussion.&#39;,
+  tooltip: &#39;Posted yesterday&#39;
+};</code></pre></div><p>See EuiDiscussionThreadComponent
+See EuiDiscussionThreadItemComponent</p>
+
+            </p>
 
 
         <section data-compodoc="block-index">
@@ -214,6 +234,12 @@
 
 
 
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>Name or identifier of the author who created the item.</p>
+</div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                     <table class="table table-sm table-bordered">
@@ -247,6 +273,13 @@
 
 
 
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>Content body of the discussion thread item.
+Contains the main message or comment text.</p>
+</div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                     <table class="table table-sm table-bordered">
@@ -280,6 +313,13 @@
 
 
 
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>Date when the thread item was created or modified.
+Typically formatted as an ISO string or similar date format.</p>
+</div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                     <table class="table table-sm table-bordered">
@@ -313,6 +353,13 @@
 
 
 
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>Unique identifier for the discussion thread item.
+Used for tracking and reference purposes.</p>
+</div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                     <table class="table table-sm table-bordered">
@@ -351,6 +398,13 @@
 
 
 
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>Optional tooltip text to display additional information
+when hovering over the item.</p>
+</div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                     <table class="table table-sm table-bordered">
@@ -384,6 +438,13 @@
 
 
 
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-description"><p>CSS class identifier that defines the visual style of the item.
+Common values include &#39;info&#39;, &#39;warning&#39;, &#39;error&#39;, etc.</p>
+</div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
             </section>