@eui/components 19.0.3 → 19.0.4

package/docs/directives/EuiMaxLengthDirective.html

@@ -113,6 +113,20 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>A directive that adds maxLength functionality to input and textarea elements with visual feedback.
+It shows the remaining characters count and provides visual indication when the limit is reached.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+&lt;!-- Basic usage --&gt;
+&lt;input [euiMaxlength]=&quot;50&quot;&gt;</code></pre></div><!-- With form control -->
+<p>&lt;input [formControlName]=&quot;&#39;name&#39;&quot; [euiMaxlength]=&quot;100&quot;&gt;</p>
+<!-- Hide maxlength indicator -->
+<textarea [euiMaxlength]="200" [isShowMaxlength]="false"></textarea>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-none"></code></pre></div>
+            </p>
 
 
             <p class="comment">
@@ -139,6 +153,10 @@
     [formControlName][euiMaxlength]</code></td>
                     </tr>
 
+                    <tr>
+                        <td class="col-md-3">Standalone</td>
+                        <td class="col-md-9"><code>true</code></td>
+                    </tr>
 
 
 
@@ -336,13 +354,6 @@
 
                     </td>
                 </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <div class="io-description"><p>It accepts number values to indicate the maxLength of an input. To reset or disable it set the value to null.
-NULL value will remove any MaxLength indicator even if another input like isShowMaxlength equals true.</p>
-</div>
-                    </td>
-                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -383,6 +394,13 @@ NULL value will remove any MaxLength indicator even if another input like isShow
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Emits when the input value length reaches or exceeds the maxLength limit.
+Emits true when limit is reached, false when below limit.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -700,6 +718,11 @@ NULL value will remove any MaxLength indicator even if another input like isShow
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Sets a custom function to calculate the length of the input value.
+Useful for implementing custom length calculation logic (e.g., counting characters differently).</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```typescript
+// Custom length calculation excluding spaces
+directive.setLengthCalcFactory((value: string) =&gt; value.replace(/\s/g, &#39;&#39;).length);</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"></code></pre></div></div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -710,6 +733,7 @@ NULL value will remove any MaxLength indicator even if another input like isShow
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -724,6 +748,10 @@ NULL value will remove any MaxLength indicator even if another input like isShow
                                             </td>
 
 
+                                            <td>
+                                                    <p>Function that takes a string input and returns its calculated length</p>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>

package/docs/js/menu-wc.js

@@ -96,13 +96,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <a href="modules/EuiAlertModule.html" data-type="entity-link" >EuiAlertModule</a>
                                     <li class="chapter inner">
                                         <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' : 'data-bs-target="#xs-components-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' }>
+                                            'data-bs-target="#components-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' : 'data-bs-target="#xs-components-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' }>
                                             <span class="icon ion-md-cog"></span>
                                             <span>Components</span>
                                             <span class="icon ion-ios-arrow-down"></span>
                                         </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' :
-                                            'id="xs-components-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' }>
+                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' :
+                                            'id="xs-components-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' }>
                                             <li class="link">
                                                 <a href="components/EuiAlertComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiAlertComponent</a>
                                             </li>
@@ -113,13 +113,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                     </li>
                                 <li class="chapter inner">
                                     <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                        'data-bs-target="#directives-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' : 'data-bs-target="#xs-directives-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' }>
+                                        'data-bs-target="#directives-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' : 'data-bs-target="#xs-directives-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' }>
                                         <span class="icon ion-md-code-working"></span>
                                         <span>Directives</span>
                                         <span class="icon ion-ios-arrow-down"></span>
                                     </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' :
-                                        'id="xs-directives-links-module-EuiAlertModule-de5f5a13d675cd93e0d03e4c073a4dc7cf7f4b0a522a13468ca97d5bdc441c6cbe74d07e53d820493ac44110be63ac2d0ecf2e0d1c4d9d026c3ee4b5f478aa18"' }>
+                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' :
+                                        'id="xs-directives-links-module-EuiAlertModule-39b15d60806c522bbbe0e2023c5521ab817f8100c89ef4fe18a1015b195a31b93744b79e01056a3cf6fbc04729f56758d5b38a9cab28804d16506704df0198da"' }>
                                         <li class="link">
                                             <a href="directives/BaseStatesDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >BaseStatesDirective</a>
                                         </li>
@@ -698,13 +698,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <a href="modules/EuiChipModule.html" data-type="entity-link" >EuiChipModule</a>
                                     <li class="chapter inner">
                                         <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiChipModule-d6c8295b04e7320ea0f8cbe7ab942b6168e2ee6494df9e90f35f9e11b0840550e05fc7d9045414172d2e85b6c5e5c079c99c19c4cedea9e2608bee466d401758"' : 'data-bs-target="#xs-components-links-module-EuiChipModule-d6c8295b04e7320ea0f8cbe7ab942b6168e2ee6494df9e90f35f9e11b0840550e05fc7d9045414172d2e85b6c5e5c079c99c19c4cedea9e2608bee466d401758"' }>
+                                            'data-bs-target="#components-links-module-EuiChipModule-4bc931afb52fd14462468ce77a82b4388d6e41a4ca2a34eba4c0b58125dbe153492a68a29ab905ec023c762e9e8462b7b6b1d52b6cfc9c5ee0c3f31134f83cc6"' : 'data-bs-target="#xs-components-links-module-EuiChipModule-4bc931afb52fd14462468ce77a82b4388d6e41a4ca2a34eba4c0b58125dbe153492a68a29ab905ec023c762e9e8462b7b6b1d52b6cfc9c5ee0c3f31134f83cc6"' }>
                                             <span class="icon ion-md-cog"></span>
                                             <span>Components</span>
                                             <span class="icon ion-ios-arrow-down"></span>
                                         </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiChipModule-d6c8295b04e7320ea0f8cbe7ab942b6168e2ee6494df9e90f35f9e11b0840550e05fc7d9045414172d2e85b6c5e5c079c99c19c4cedea9e2608bee466d401758"' :
-                                            'id="xs-components-links-module-EuiChipModule-d6c8295b04e7320ea0f8cbe7ab942b6168e2ee6494df9e90f35f9e11b0840550e05fc7d9045414172d2e85b6c5e5c079c99c19c4cedea9e2608bee466d401758"' }>
+                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiChipModule-4bc931afb52fd14462468ce77a82b4388d6e41a4ca2a34eba4c0b58125dbe153492a68a29ab905ec023c762e9e8462b7b6b1d52b6cfc9c5ee0c3f31134f83cc6"' :
+                                            'id="xs-components-links-module-EuiChipModule-4bc931afb52fd14462468ce77a82b4388d6e41a4ca2a34eba4c0b58125dbe153492a68a29ab905ec023c762e9e8462b7b6b1d52b6cfc9c5ee0c3f31134f83cc6"' }>
                                             <li class="link">
                                                 <a href="components/EuiChipComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiChipComponent</a>
                                             </li>
@@ -1207,13 +1207,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <a href="modules/EuiHasPermissionDirectiveModule.html" data-type="entity-link" >EuiHasPermissionDirectiveModule</a>
                                 <li class="chapter inner">
                                     <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                        'data-bs-target="#directives-links-module-EuiHasPermissionDirectiveModule-4e35cab20814f6091f26f295199a9f570ac3f5de43086b9e161b99e38f3080b292ac3fbc4abe0c8e2e7ef8e81aad4edaceac19d8a03bcf4fa28adfc35ca8cff7"' : 'data-bs-target="#xs-directives-links-module-EuiHasPermissionDirectiveModule-4e35cab20814f6091f26f295199a9f570ac3f5de43086b9e161b99e38f3080b292ac3fbc4abe0c8e2e7ef8e81aad4edaceac19d8a03bcf4fa28adfc35ca8cff7"' }>
+                                        'data-bs-target="#directives-links-module-EuiHasPermissionDirectiveModule-e30db11ef61a0c11bf45980cb0895da425dfeb6e87c98f753a34fd82c8767b9ec1acffe2448f647cfdba103226dcf0a28e3123f236aa137c268481b698124d79"' : 'data-bs-target="#xs-directives-links-module-EuiHasPermissionDirectiveModule-e30db11ef61a0c11bf45980cb0895da425dfeb6e87c98f753a34fd82c8767b9ec1acffe2448f647cfdba103226dcf0a28e3123f236aa137c268481b698124d79"' }>
                                         <span class="icon ion-md-code-working"></span>
                                         <span>Directives</span>
                                         <span class="icon ion-ios-arrow-down"></span>
                                     </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiHasPermissionDirectiveModule-4e35cab20814f6091f26f295199a9f570ac3f5de43086b9e161b99e38f3080b292ac3fbc4abe0c8e2e7ef8e81aad4edaceac19d8a03bcf4fa28adfc35ca8cff7"' :
-                                        'id="xs-directives-links-module-EuiHasPermissionDirectiveModule-4e35cab20814f6091f26f295199a9f570ac3f5de43086b9e161b99e38f3080b292ac3fbc4abe0c8e2e7ef8e81aad4edaceac19d8a03bcf4fa28adfc35ca8cff7"' }>
+                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiHasPermissionDirectiveModule-e30db11ef61a0c11bf45980cb0895da425dfeb6e87c98f753a34fd82c8767b9ec1acffe2448f647cfdba103226dcf0a28e3123f236aa137c268481b698124d79"' :
+                                        'id="xs-directives-links-module-EuiHasPermissionDirectiveModule-e30db11ef61a0c11bf45980cb0895da425dfeb6e87c98f753a34fd82c8767b9ec1acffe2448f647cfdba103226dcf0a28e3123f236aa137c268481b698124d79"' }>
                                         <li class="link">
                                             <a href="directives/EuiHasPermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiHasPermissionDirective</a>
                                         </li>
@@ -1372,70 +1372,22 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                     </li>
                             </li>
                             <li class="link">
-                                <a href="modules/EuiInputCheckboxModule.html" data-type="entity-link" >EuiInputCheckboxModule</a>
-                                    <li class="chapter inner">
-                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiInputCheckboxModule-fbf075f5a85c2ed855dc57b644463ea8a902b96e60d7418e3ab8ccdc321f5606d48e17597885fb2821fda8635bb984042314be0a1f51c7212db755dd5b390ba9"' : 'data-bs-target="#xs-components-links-module-EuiInputCheckboxModule-fbf075f5a85c2ed855dc57b644463ea8a902b96e60d7418e3ab8ccdc321f5606d48e17597885fb2821fda8635bb984042314be0a1f51c7212db755dd5b390ba9"' }>
-                                            <span class="icon ion-md-cog"></span>
-                                            <span>Components</span>
-                                            <span class="icon ion-ios-arrow-down"></span>
-                                        </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiInputCheckboxModule-fbf075f5a85c2ed855dc57b644463ea8a902b96e60d7418e3ab8ccdc321f5606d48e17597885fb2821fda8635bb984042314be0a1f51c7212db755dd5b390ba9"' :
-                                            'id="xs-components-links-module-EuiInputCheckboxModule-fbf075f5a85c2ed855dc57b644463ea8a902b96e60d7418e3ab8ccdc321f5606d48e17597885fb2821fda8635bb984042314be0a1f51c7212db755dd5b390ba9"' }>
-                                            <li class="link">
-                                                <a href="components/EuiInputCheckboxComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiInputCheckboxComponent</a>
-                                            </li>
-                                        </ul>
-                                    </li>
+                                <a href="modules/EuiInputCheckboxModule.html" data-type="entity-link" class="deprecated-name">EuiInputCheckboxModule</a>
                             </li>
                             <li class="link">
                                 <a href="modules/EuiInputGroupModule.html" data-type="entity-link" >EuiInputGroupModule</a>
-                                    <li class="chapter inner">
-                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiInputGroupModule-297cde5bdc0a65bc2ee76faaa676cdb60faeeba4e20ddafbe54e50d42abdc06babe1b6c737ab1b2a9821b019c48df4042da5fc15865310383455108ed5cb62d4"' : 'data-bs-target="#xs-components-links-module-EuiInputGroupModule-297cde5bdc0a65bc2ee76faaa676cdb60faeeba4e20ddafbe54e50d42abdc06babe1b6c737ab1b2a9821b019c48df4042da5fc15865310383455108ed5cb62d4"' }>
-                                            <span class="icon ion-md-cog"></span>
-                                            <span>Components</span>
-                                            <span class="icon ion-ios-arrow-down"></span>
-                                        </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiInputGroupModule-297cde5bdc0a65bc2ee76faaa676cdb60faeeba4e20ddafbe54e50d42abdc06babe1b6c737ab1b2a9821b019c48df4042da5fc15865310383455108ed5cb62d4"' :
-                                            'id="xs-components-links-module-EuiInputGroupModule-297cde5bdc0a65bc2ee76faaa676cdb60faeeba4e20ddafbe54e50d42abdc06babe1b6c737ab1b2a9821b019c48df4042da5fc15865310383455108ed5cb62d4"' }>
-                                            <li class="link">
-                                                <a href="components/EuiInputGroupAddOnComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiInputGroupAddOnComponent</a>
-                                            </li>
-                                            <li class="link">
-                                                <a href="components/EuiInputGroupAddOnItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiInputGroupAddOnItemComponent</a>
-                                            </li>
-                                            <li class="link">
-                                                <a href="components/EuiInputGroupComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiInputGroupComponent</a>
-                                            </li>
-                                        </ul>
-                                    </li>
                             </li>
                             <li class="link">
-                                <a href="modules/EuiInputNumberModule.html" data-type="entity-link" >EuiInputNumberModule</a>
-                                    <li class="chapter inner">
-                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiInputNumberModule-a7222ee2fc1cc5b70ff30e2294c3188bf647fbb166d55b58316deb80641ba78fb6d99c64e1331a251e035e5c4ad6e109f982235ef16eb00f0c67f5224a75750d"' : 'data-bs-target="#xs-components-links-module-EuiInputNumberModule-a7222ee2fc1cc5b70ff30e2294c3188bf647fbb166d55b58316deb80641ba78fb6d99c64e1331a251e035e5c4ad6e109f982235ef16eb00f0c67f5224a75750d"' }>
-                                            <span class="icon ion-md-cog"></span>
-                                            <span>Components</span>
-                                            <span class="icon ion-ios-arrow-down"></span>
-                                        </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiInputNumberModule-a7222ee2fc1cc5b70ff30e2294c3188bf647fbb166d55b58316deb80641ba78fb6d99c64e1331a251e035e5c4ad6e109f982235ef16eb00f0c67f5224a75750d"' :
-                                            'id="xs-components-links-module-EuiInputNumberModule-a7222ee2fc1cc5b70ff30e2294c3188bf647fbb166d55b58316deb80641ba78fb6d99c64e1331a251e035e5c4ad6e109f982235ef16eb00f0c67f5224a75750d"' }>
-                                            <li class="link">
-                                                <a href="components/EuiInputNumberComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiInputNumberComponent</a>
-                                            </li>
-                                        </ul>
-                                    </li>
+                                <a href="modules/EuiInputNumberModule.html" data-type="entity-link" class="deprecated-name">EuiInputNumberModule</a>
                                 <li class="chapter inner">
                                     <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                        'data-bs-target="#directives-links-module-EuiInputNumberModule-a7222ee2fc1cc5b70ff30e2294c3188bf647fbb166d55b58316deb80641ba78fb6d99c64e1331a251e035e5c4ad6e109f982235ef16eb00f0c67f5224a75750d"' : 'data-bs-target="#xs-directives-links-module-EuiInputNumberModule-a7222ee2fc1cc5b70ff30e2294c3188bf647fbb166d55b58316deb80641ba78fb6d99c64e1331a251e035e5c4ad6e109f982235ef16eb00f0c67f5224a75750d"' }>
+                                        'data-bs-target="#directives-links-module-EuiInputNumberModule-b03dbbb0f07996120b05ef44a57c8fd0a6d3eb2ba253e15cb662222e94169cc0b490b56cb5b38c462be32b4f7aeb60d3122849d331268400e0808292fe8c725a"' : 'data-bs-target="#xs-directives-links-module-EuiInputNumberModule-b03dbbb0f07996120b05ef44a57c8fd0a6d3eb2ba253e15cb662222e94169cc0b490b56cb5b38c462be32b4f7aeb60d3122849d331268400e0808292fe8c725a"' }>
                                         <span class="icon ion-md-code-working"></span>
                                         <span>Directives</span>
                                         <span class="icon ion-ios-arrow-down"></span>
                                     </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiInputNumberModule-a7222ee2fc1cc5b70ff30e2294c3188bf647fbb166d55b58316deb80641ba78fb6d99c64e1331a251e035e5c4ad6e109f982235ef16eb00f0c67f5224a75750d"' :
-                                        'id="xs-directives-links-module-EuiInputNumberModule-a7222ee2fc1cc5b70ff30e2294c3188bf647fbb166d55b58316deb80641ba78fb6d99c64e1331a251e035e5c4ad6e109f982235ef16eb00f0c67f5224a75750d"' }>
+                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiInputNumberModule-b03dbbb0f07996120b05ef44a57c8fd0a6d3eb2ba253e15cb662222e94169cc0b490b56cb5b38c462be32b4f7aeb60d3122849d331268400e0808292fe8c725a"' :
+                                        'id="xs-directives-links-module-EuiInputNumberModule-b03dbbb0f07996120b05ef44a57c8fd0a6d3eb2ba253e15cb662222e94169cc0b490b56cb5b38c462be32b4f7aeb60d3122849d331268400e0808292fe8c725a"' }>
                                         <li class="link">
                                             <a href="directives/EuiInputNumberDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiInputNumberDirective</a>
                                         </li>
@@ -1443,38 +1395,10 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 </li>
                             </li>
                             <li class="link">
-                                <a href="modules/EuiInputRadioModule.html" data-type="entity-link" >EuiInputRadioModule</a>
-                                    <li class="chapter inner">
-                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiInputRadioModule-2fc2ea80e02e22b67a023adf911752877c8c4583c598b73f183ead91a7ce03fde1f5f4489baece4508afea06e15ed06486bd4f1e884fbdf241b6951a21dc5770"' : 'data-bs-target="#xs-components-links-module-EuiInputRadioModule-2fc2ea80e02e22b67a023adf911752877c8c4583c598b73f183ead91a7ce03fde1f5f4489baece4508afea06e15ed06486bd4f1e884fbdf241b6951a21dc5770"' }>
-                                            <span class="icon ion-md-cog"></span>
-                                            <span>Components</span>
-                                            <span class="icon ion-ios-arrow-down"></span>
-                                        </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiInputRadioModule-2fc2ea80e02e22b67a023adf911752877c8c4583c598b73f183ead91a7ce03fde1f5f4489baece4508afea06e15ed06486bd4f1e884fbdf241b6951a21dc5770"' :
-                                            'id="xs-components-links-module-EuiInputRadioModule-2fc2ea80e02e22b67a023adf911752877c8c4583c598b73f183ead91a7ce03fde1f5f4489baece4508afea06e15ed06486bd4f1e884fbdf241b6951a21dc5770"' }>
-                                            <li class="link">
-                                                <a href="components/EuiInputRadioComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiInputRadioComponent</a>
-                                            </li>
-                                        </ul>
-                                    </li>
+                                <a href="modules/EuiInputRadioModule.html" data-type="entity-link" class="deprecated-name">EuiInputRadioModule</a>
                             </li>
                             <li class="link">
-                                <a href="modules/EuiInputTextModule.html" data-type="entity-link" >EuiInputTextModule</a>
-                                    <li class="chapter inner">
-                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiInputTextModule-40169bf5bc8eec7ed74100d41b396b92d360e1a01b5f8ec3f9f00e58e738e5f6d70acf7628e589ff14f2596036bc86db97075b57602a35239a05554183d94a02"' : 'data-bs-target="#xs-components-links-module-EuiInputTextModule-40169bf5bc8eec7ed74100d41b396b92d360e1a01b5f8ec3f9f00e58e738e5f6d70acf7628e589ff14f2596036bc86db97075b57602a35239a05554183d94a02"' }>
-                                            <span class="icon ion-md-cog"></span>
-                                            <span>Components</span>
-                                            <span class="icon ion-ios-arrow-down"></span>
-                                        </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiInputTextModule-40169bf5bc8eec7ed74100d41b396b92d360e1a01b5f8ec3f9f00e58e738e5f6d70acf7628e589ff14f2596036bc86db97075b57602a35239a05554183d94a02"' :
-                                            'id="xs-components-links-module-EuiInputTextModule-40169bf5bc8eec7ed74100d41b396b92d360e1a01b5f8ec3f9f00e58e738e5f6d70acf7628e589ff14f2596036bc86db97075b57602a35239a05554183d94a02"' }>
-                                            <li class="link">
-                                                <a href="components/EuiInputTextComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiInputTextComponent</a>
-                                            </li>
-                                        </ul>
-                                    </li>
+                                <a href="modules/EuiInputTextModule.html" data-type="entity-link" class="deprecated-name">EuiInputTextModule</a>
                             </li>
                             <li class="link">
                                 <a href="modules/EuiLabelModule.html" data-type="entity-link" >EuiLabelModule</a>
@@ -1583,16 +1507,16 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                     </li>
                             </li>
                             <li class="link">
-                                <a href="modules/EuiMaxLengthDirectiveModule.html" data-type="entity-link" >EuiMaxLengthDirectiveModule</a>
+                                <a href="modules/EuiMaxLengthDirectiveModule.html" data-type="entity-link" class="deprecated-name">EuiMaxLengthDirectiveModule</a>
                                 <li class="chapter inner">
                                     <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                        'data-bs-target="#directives-links-module-EuiMaxLengthDirectiveModule-98a348f0b52818c5d8cabf6bdcb285117149cec7eb85f9b3b3c9c03caa45958172c3b6ecc51a6a775af5b3a23262f204eb0bfee24ed9baa75f98540a79a3e3b3"' : 'data-bs-target="#xs-directives-links-module-EuiMaxLengthDirectiveModule-98a348f0b52818c5d8cabf6bdcb285117149cec7eb85f9b3b3c9c03caa45958172c3b6ecc51a6a775af5b3a23262f204eb0bfee24ed9baa75f98540a79a3e3b3"' }>
+                                        'data-bs-target="#directives-links-module-EuiMaxLengthDirectiveModule-6623492e4bb6880a4ee65372e2722c364712a50780d6752955de140c8f09f15525902d14f69f1710f7dc0080dba48bbaf9780355a54b3ff100b1865414bb9a2c"' : 'data-bs-target="#xs-directives-links-module-EuiMaxLengthDirectiveModule-6623492e4bb6880a4ee65372e2722c364712a50780d6752955de140c8f09f15525902d14f69f1710f7dc0080dba48bbaf9780355a54b3ff100b1865414bb9a2c"' }>
                                         <span class="icon ion-md-code-working"></span>
                                         <span>Directives</span>
                                         <span class="icon ion-ios-arrow-down"></span>
                                     </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiMaxLengthDirectiveModule-98a348f0b52818c5d8cabf6bdcb285117149cec7eb85f9b3b3c9c03caa45958172c3b6ecc51a6a775af5b3a23262f204eb0bfee24ed9baa75f98540a79a3e3b3"' :
-                                        'id="xs-directives-links-module-EuiMaxLengthDirectiveModule-98a348f0b52818c5d8cabf6bdcb285117149cec7eb85f9b3b3c9c03caa45958172c3b6ecc51a6a775af5b3a23262f204eb0bfee24ed9baa75f98540a79a3e3b3"' }>
+                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiMaxLengthDirectiveModule-6623492e4bb6880a4ee65372e2722c364712a50780d6752955de140c8f09f15525902d14f69f1710f7dc0080dba48bbaf9780355a54b3ff100b1865414bb9a2c"' :
+                                        'id="xs-directives-links-module-EuiMaxLengthDirectiveModule-6623492e4bb6880a4ee65372e2722c364712a50780d6752955de140c8f09f15525902d14f69f1710f7dc0080dba48bbaf9780355a54b3ff100b1865414bb9a2c"' }>
                                         <li class="link">
                                             <a href="directives/EuiMaxLengthDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiMaxLengthDirective</a>
                                         </li>
@@ -1775,13 +1699,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <a href="modules/EuiPaginatorModule.html" data-type="entity-link" >EuiPaginatorModule</a>
                                     <li class="chapter inner">
                                         <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiPaginatorModule-66728fd51b1f6db21d221b3c01b620e89b1a85408207a269961ac1780c4f8c7bd56c736604db1bde9b2bf64a9417d22cbf1f897e980d89e2a9cba9365cacc750"' : 'data-bs-target="#xs-components-links-module-EuiPaginatorModule-66728fd51b1f6db21d221b3c01b620e89b1a85408207a269961ac1780c4f8c7bd56c736604db1bde9b2bf64a9417d22cbf1f897e980d89e2a9cba9365cacc750"' }>
+                                            'data-bs-target="#components-links-module-EuiPaginatorModule-0d2fa3395bd1034a955d81a00816f0568c931d16807875e15c5e0dbb25937fcf682743686cdeef92c4b2f3eff576fb1c0385ed351216e7ee8f106e9d3c77a3b3"' : 'data-bs-target="#xs-components-links-module-EuiPaginatorModule-0d2fa3395bd1034a955d81a00816f0568c931d16807875e15c5e0dbb25937fcf682743686cdeef92c4b2f3eff576fb1c0385ed351216e7ee8f106e9d3c77a3b3"' }>
                                             <span class="icon ion-md-cog"></span>
                                             <span>Components</span>
                                             <span class="icon ion-ios-arrow-down"></span>
                                         </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiPaginatorModule-66728fd51b1f6db21d221b3c01b620e89b1a85408207a269961ac1780c4f8c7bd56c736604db1bde9b2bf64a9417d22cbf1f897e980d89e2a9cba9365cacc750"' :
-                                            'id="xs-components-links-module-EuiPaginatorModule-66728fd51b1f6db21d221b3c01b620e89b1a85408207a269961ac1780c4f8c7bd56c736604db1bde9b2bf64a9417d22cbf1f897e980d89e2a9cba9365cacc750"' }>
+                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiPaginatorModule-0d2fa3395bd1034a955d81a00816f0568c931d16807875e15c5e0dbb25937fcf682743686cdeef92c4b2f3eff576fb1c0385ed351216e7ee8f106e9d3c77a3b3"' :
+                                            'id="xs-components-links-module-EuiPaginatorModule-0d2fa3395bd1034a955d81a00816f0568c931d16807875e15c5e0dbb25937fcf682743686cdeef92c4b2f3eff576fb1c0385ed351216e7ee8f106e9d3c77a3b3"' }>
                                             <li class="link">
                                                 <a href="components/EuiPaginatorComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiPaginatorComponent</a>
                                             </li>
@@ -2234,29 +2158,15 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                             </li>
                             <li class="link">
                                 <a href="modules/EuiTextAreaModule.html" data-type="entity-link" >EuiTextAreaModule</a>
-                                    <li class="chapter inner">
-                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EuiTextAreaModule-264af8f86b199f8477a3f39a890f3726f4c081a2d38754b328230b44006e27261a4c8ea0f1370e97cfe8c0a5cac7bf6d0454b3a2cb2c21dab37869055769ee7b"' : 'data-bs-target="#xs-components-links-module-EuiTextAreaModule-264af8f86b199f8477a3f39a890f3726f4c081a2d38754b328230b44006e27261a4c8ea0f1370e97cfe8c0a5cac7bf6d0454b3a2cb2c21dab37869055769ee7b"' }>
-                                            <span class="icon ion-md-cog"></span>
-                                            <span>Components</span>
-                                            <span class="icon ion-ios-arrow-down"></span>
-                                        </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiTextAreaModule-264af8f86b199f8477a3f39a890f3726f4c081a2d38754b328230b44006e27261a4c8ea0f1370e97cfe8c0a5cac7bf6d0454b3a2cb2c21dab37869055769ee7b"' :
-                                            'id="xs-components-links-module-EuiTextAreaModule-264af8f86b199f8477a3f39a890f3726f4c081a2d38754b328230b44006e27261a4c8ea0f1370e97cfe8c0a5cac7bf6d0454b3a2cb2c21dab37869055769ee7b"' }>
-                                            <li class="link">
-                                                <a href="components/EuiTextareaComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiTextareaComponent</a>
-                                            </li>
-                                        </ul>
-                                    </li>
                                 <li class="chapter inner">
                                     <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                        'data-bs-target="#directives-links-module-EuiTextAreaModule-264af8f86b199f8477a3f39a890f3726f4c081a2d38754b328230b44006e27261a4c8ea0f1370e97cfe8c0a5cac7bf6d0454b3a2cb2c21dab37869055769ee7b"' : 'data-bs-target="#xs-directives-links-module-EuiTextAreaModule-264af8f86b199f8477a3f39a890f3726f4c081a2d38754b328230b44006e27261a4c8ea0f1370e97cfe8c0a5cac7bf6d0454b3a2cb2c21dab37869055769ee7b"' }>
+                                        'data-bs-target="#directives-links-module-EuiTextAreaModule-2adbac0b05a5fbf7e8421c3f0a4fb23bb29763380e801927a5f2be28b5221d620c1df1eca1c3496cf37aaa71214a5fd51e135a7b2a91f41c0ee32493d709a369"' : 'data-bs-target="#xs-directives-links-module-EuiTextAreaModule-2adbac0b05a5fbf7e8421c3f0a4fb23bb29763380e801927a5f2be28b5221d620c1df1eca1c3496cf37aaa71214a5fd51e135a7b2a91f41c0ee32493d709a369"' }>
                                         <span class="icon ion-md-code-working"></span>
                                         <span>Directives</span>
                                         <span class="icon ion-ios-arrow-down"></span>
                                     </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiTextAreaModule-264af8f86b199f8477a3f39a890f3726f4c081a2d38754b328230b44006e27261a4c8ea0f1370e97cfe8c0a5cac7bf6d0454b3a2cb2c21dab37869055769ee7b"' :
-                                        'id="xs-directives-links-module-EuiTextAreaModule-264af8f86b199f8477a3f39a890f3726f4c081a2d38754b328230b44006e27261a4c8ea0f1370e97cfe8c0a5cac7bf6d0454b3a2cb2c21dab37869055769ee7b"' }>
+                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiTextAreaModule-2adbac0b05a5fbf7e8421c3f0a4fb23bb29763380e801927a5f2be28b5221d620c1df1eca1c3496cf37aaa71214a5fd51e135a7b2a91f41c0ee32493d709a369"' :
+                                        'id="xs-directives-links-module-EuiTextAreaModule-2adbac0b05a5fbf7e8421c3f0a4fb23bb29763380e801927a5f2be28b5221d620c1df1eca1c3496cf37aaa71214a5fd51e135a7b2a91f41c0ee32493d709a369"' }>
                                         <li class="link">
                                             <a href="directives/AutoResizeDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >AutoResizeDirective</a>
                                         </li>
@@ -2685,6 +2595,27 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                             <li class="link">
                                 <a href="components/EuiHeaderUserProfileComponent.html" data-type="entity-link" >EuiHeaderUserProfileComponent</a>
                             </li>
+                            <li class="link">
+                                <a href="components/EuiInputCheckboxComponent.html" data-type="entity-link" >EuiInputCheckboxComponent</a>
+                            </li>
+                            <li class="link">
+                                <a href="components/EuiInputGroupAddOnComponent.html" data-type="entity-link" >EuiInputGroupAddOnComponent</a>
+                            </li>
+                            <li class="link">
+                                <a href="components/EuiInputGroupAddOnItemComponent.html" data-type="entity-link" >EuiInputGroupAddOnItemComponent</a>
+                            </li>
+                            <li class="link">
+                                <a href="components/EuiInputGroupComponent.html" data-type="entity-link" >EuiInputGroupComponent</a>
+                            </li>
+                            <li class="link">
+                                <a href="components/EuiInputNumberComponent.html" data-type="entity-link" >EuiInputNumberComponent</a>
+                            </li>
+                            <li class="link">
+                                <a href="components/EuiInputRadioComponent.html" data-type="entity-link" >EuiInputRadioComponent</a>
+                            </li>
+                            <li class="link">
+                                <a href="components/EuiInputTextComponent.html" data-type="entity-link" >EuiInputTextComponent</a>
+                            </li>
                             <li class="link">
                                 <a href="components/EuiNavbarComponent.html" data-type="entity-link" >EuiNavbarComponent</a>
                             </li>
@@ -2736,6 +2667,9 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                             <li class="link">
                                 <a href="components/EuiSlideToggleTestComponent.html" data-type="entity-link" >EuiSlideToggleTestComponent</a>
                             </li>
+                            <li class="link">
+                                <a href="components/EuiTextareaComponent.html" data-type="entity-link" >EuiTextareaComponent</a>
+                            </li>
                             <li class="link">
                                 <a href="components/EuiToolbarAppComponent.html" data-type="entity-link" >EuiToolbarAppComponent</a>
                             </li>
@@ -2812,6 +2746,9 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <span class="icon ion-ios-arrow-down"></span>
                             </div>
                             <ul class="links collapse " ${ isNormalMode ? 'id="directives-links"' : 'id="xs-directives-links"' }>
+                                <li class="link">
+                                    <a href="directives/AutoResizeDirective.html" data-type="entity-link" >AutoResizeDirective</a>
+                                </li>
                                 <li class="link">
                                     <a href="directives/BaseStatesDirective.html" data-type="entity-link" >BaseStatesDirective</a>
                                 </li>
@@ -2821,9 +2758,18 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <li class="link">
                                     <a href="directives/EuiClearableDirective.html" data-type="entity-link" >EuiClearableDirective</a>
                                 </li>
+                                <li class="link">
+                                    <a href="directives/EuiHasPermissionDirective.html" data-type="entity-link" >EuiHasPermissionDirective</a>
+                                </li>
+                                <li class="link">
+                                    <a href="directives/EuiInputNumberDirective.html" data-type="entity-link" >EuiInputNumberDirective</a>
+                                </li>
                                 <li class="link">
                                     <a href="directives/EuiLoadingDirective.html" data-type="entity-link" >EuiLoadingDirective</a>
                                 </li>
+                                <li class="link">
+                                    <a href="directives/EuiMaxLengthDirective.html" data-type="entity-link" >EuiMaxLengthDirective</a>
+                                </li>
                                 <li class="link">
                                     <a href="directives/EuiPageColumnBodyContentDirective.html" data-type="entity-link" >EuiPageColumnBodyContentDirective</a>
                                 </li>