@eui/mobile-core 18.0.0-next.2 → 18.0.0-next.4

package/docs/miscellaneous/variables.html

@@ -116,9 +116,6 @@
                         <li>
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-alert-message/euim-alert-message.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-alert-message.module.ts)</a>
                         </li>
-                        <li>
-                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-avatar/euim-avatar.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-avatar.module.ts)</a>
-                        </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-data-summary/euim-data-summary.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-data-summary.module.ts)</a>
                         </li>
@@ -231,39 +228,6 @@
                 </tr>
 
 
-        </tbody>
-    </table>
-</section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-avatar/euim-avatar.module.ts</h3>
-    <section data-compodoc="block-properties">
-    <h3></h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="COMPONENTS"></a>
-                    <span class="name">
-                        <span ><b>COMPONENTS</b></span>
-                        <a href="#COMPONENTS"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>[]</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>[
-    EuimAvatarComponent,
-    EuimAvatarSubIconDirective,
-    EuimAvatarMainIconDirective,
-]</code>
-                    </td>
-                </tr>
-
-
         </tbody>
     </table>
 </section>
@@ -706,11 +670,9 @@
     EuimLanguageSelectorModule,
     EuimUserProfileModule,
     EuimMessageModule,
-    EuimCardModule,
-    EuimCardListModule,
     EuimSkeletonListItemModule,
     EuimSkeletonListModule,
-    EuimAvatarIconModule,
+
     EuimLabelModule,
     EuimAlertMessageModule,
     EuimAboutModule,
@@ -728,12 +690,23 @@
     EuimPdfViewerModule,
     EuimMultiselectModule,
     EuimToolbarDatepickerModule,
+    EuimCardModule,
+    EuimCardListModule,
 
     // Directives
     EuimSpinnerComponentModule,
     EuimDividerModule,
+    EuimListHeaderModule,
+    EuimMinWidthDirective,
+    EuimAlignCenterDirective,
+    EuimAlignTopDirective,
     EuimToolbarTransparentDirective,
     EuimSidebarFooterNoBordersDirective,
+    EuimListItemNoPaddingsDirective,
+    EuimReadOnlyFormDirective,
+    EuimReadOnlyFormValueDirective,
+    EuimReadOnlyFormLabelDirective,
+    EuimMediaHeaderCustomContentDirective,
     EuimSkeletonTextAvatarModule,
 ]</code>
                     </td>

package/docs/modules/EuimAboutModule.html

@@ -144,7 +144,7 @@
                             <a href="../modules/EuimAlertMessageModule.html">EuimAlertMessageModule</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
+                            <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimHeaderDetailsModule.html">EuimHeaderDetailsModule</a>

package/docs/modules/EuimAllModule.html

@@ -126,10 +126,13 @@
                             <a href="../modules/EuimAlertMessageModule.html">EuimAlertMessageModule</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../modules/EuimAppModule.html">EuimAppModule</a>
+                            <a href="../modules/EuimAlignCenterDirective.html">EuimAlignCenterDirective</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
+                            <a href="../modules/EuimAlignTopDirective.html">EuimAlignTopDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimAppModule.html">EuimAppModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
@@ -164,12 +167,24 @@
                         <li class="list-group-item">
                             <a href="../modules/EuimLanguageSelectorModule.html">EuimLanguageSelectorModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimListHeaderModule.html">EuimListHeaderModule</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimListItemNoPaddingsDirective.html">EuimListItemNoPaddingsDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimMediaHeaderCustomContentDirective.html">EuimMediaHeaderCustomContentDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimMediaHeaderModule.html">EuimMediaHeaderModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimMessageModule.html">EuimMessageModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimMinWidthDirective.html">EuimMinWidthDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimMultiselectModule.html">EuimMultiselectModule</a>
                         </li>
@@ -179,6 +194,15 @@
                         <li class="list-group-item">
                             <a href="../modules/EuimPdfViewerModule.html">EuimPdfViewerModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimReadOnlyFormDirective.html">EuimReadOnlyFormDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimReadOnlyFormLabelDirective.html">EuimReadOnlyFormLabelDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimReadOnlyFormValueDirective.html">EuimReadOnlyFormValueDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimScrollerXComponentModule.html">EuimScrollerXComponentModule</a>
                         </li>
@@ -229,10 +253,13 @@
                             <a href="../modules/EuimAlertMessageModule.html">EuimAlertMessageModule</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../modules/EuimAppModule.html">EuimAppModule</a>
+                            <a href="../directives/EuimAlignCenterDirective.html">EuimAlignCenterDirective</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
+                            <a href="../directives/EuimAlignTopDirective.html">EuimAlignTopDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimAppModule.html">EuimAppModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
@@ -267,12 +294,24 @@
                         <li class="list-group-item">
                             <a href="../modules/EuimLanguageSelectorModule.html">EuimLanguageSelectorModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimListHeaderModule.html">EuimListHeaderModule</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimListItemNoPaddingsDirective.html">EuimListItemNoPaddingsDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimMediaHeaderCustomContentDirective.html">EuimMediaHeaderCustomContentDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimMediaHeaderModule.html">EuimMediaHeaderModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimMessageModule.html">EuimMessageModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimMinWidthDirective.html">EuimMinWidthDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimMultiselectModule.html">EuimMultiselectModule</a>
                         </li>
@@ -282,6 +321,15 @@
                         <li class="list-group-item">
                             <a href="../modules/EuimPdfViewerModule.html">EuimPdfViewerModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimReadOnlyFormDirective.html">EuimReadOnlyFormDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimReadOnlyFormLabelDirective.html">EuimReadOnlyFormLabelDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimReadOnlyFormValueDirective.html">EuimReadOnlyFormValueDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../components/EuimScrollerXComponentModule.html">EuimScrollerXComponentModule</a>
                         </li>

package/docs/modules/EuimAvatarModule.html

@@ -119,19 +119,22 @@
                             title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EuimAboutComponent.html">EuimAboutComponent</a>
+                            <a href="../components/EuimAvatarBadgeComponent.html">EuimAvatarBadgeComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimAboutContentLoadingComponent.html">EuimAboutContentLoadingComponent</a>
+                            <a href="../components/EuimAvatarComponent.html">EuimAvatarComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimChangelogComponent.html">EuimChangelogComponent</a>
+                            <a href="../components/EuimAvatarIconComponent.html">EuimAvatarIconComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimHelpSupportComponent.html">EuimHelpSupportComponent</a>
+                            <a href="../components/EuimAvatarIconSubComponent.html">EuimAvatarIconSubComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimOpenSourceLicencesComponent.html">EuimOpenSourceLicencesComponent</a>
+                            <a href="../components/EuimAvatarImageComponent.html">EuimAvatarImageComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/EuimAvatarTextComponent.html">EuimAvatarTextComponent</a>
                         </li>
                     </ul>
                 </div>
@@ -141,19 +144,22 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EuimAboutComponent.html">EuimAboutComponent</a>
+                            <a href="../components/EuimAvatarBadgeComponent.html">EuimAvatarBadgeComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/EuimAvatarComponent.html">EuimAvatarComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimAboutContentLoadingComponent.html">EuimAboutContentLoadingComponent</a>
+                            <a href="../components/EuimAvatarIconComponent.html">EuimAvatarIconComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimChangelogComponent.html">EuimChangelogComponent</a>
+                            <a href="../components/EuimAvatarIconSubComponent.html">EuimAvatarIconSubComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimHelpSupportComponent.html">EuimHelpSupportComponent</a>
+                            <a href="../components/EuimAvatarImageComponent.html">EuimAvatarImageComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimOpenSourceLicencesComponent.html">EuimOpenSourceLicencesComponent</a>
+                            <a href="../components/EuimAvatarTextComponent.html">EuimAvatarTextComponent</a>
                         </li>
                     </ul>
                 </div>

package/docs/modules/EuimLanguageSelectorModule.html

@@ -132,7 +132,7 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
+                            <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimEmptyListPlaceholderModule.html">EuimEmptyListPlaceholderModule</a>

package/docs/modules/{EuimAvatarIconModule.html → EuimListHeaderModule.html}

@@ -85,7 +85,7 @@
 
 <ol class="breadcrumb">
     <li class="breadcrumb-item">Modules</li>
-    <li class="breadcrumb-item" >EuimAvatarIconModule</li>
+    <li class="breadcrumb-item" >EuimListHeaderModule</li>
 </ol>
 
 
@@ -105,7 +105,7 @@
             <h3>File</h3>
         </p>
         <p class="comment">
-            <code>packages/eui-mobile/packages/core/src/lib/components/euim-avatar-icon/euim-avatar-icon.module.ts</code>
+            <code>packages/eui-mobile/packages/core/src/lib/components/directives/euim-list-header/euim-list-header.module.ts</code>
         </p>
 
 
@@ -119,7 +119,7 @@
                             title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EuimAvatarIconComponent.html">EuimAvatarIconComponent</a>
+                            <a href="../directives/EuimListHeaderDirective.html">EuimListHeaderDirective</a>
                         </li>
                     </ul>
                 </div>
@@ -129,7 +129,7 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EuimAvatarIconComponent.html">EuimAvatarIconComponent</a>
+                            <a href="../directives/EuimListHeaderDirective.html">EuimListHeaderDirective</a>
                         </li>
                     </ul>
                 </div>
@@ -184,7 +184,7 @@
        <script>
             var COMPODOC_CURRENT_PAGE_DEPTH = 1;
             var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
-            var COMPODOC_CURRENT_PAGE_URL = 'EuimAvatarIconModule.html';
+            var COMPODOC_CURRENT_PAGE_URL = 'EuimListHeaderModule.html';
             var MAX_SEARCH_RESULTS = 15;
        </script>
 

package/docs/modules/EuimMediaHeaderModule.html

@@ -135,6 +135,16 @@
                         </li>
                     </ul>
                 </div>
+                <div class="col-sm-3">
+                    <h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" rel="noopener noreferrer"
+                            title="Official documentation about module imports"><span
+                                class="icon ion-ios-information-circle-outline"></a></h3>
+                    <ul class="list-group">
+                        <li class="list-group-item">
+                            <a href="../modules/EuimMediaHeaderCustomContentDirective.html">EuimMediaHeaderCustomContentDirective</a>
+                        </li>
+                    </ul>
+                </div>
                 <div class="col-sm-3">
                     <h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" rel="noopener noreferrer"
                             title="Official documentation about module exports"><span
@@ -152,6 +162,9 @@
                         <li class="list-group-item">
                             <a href="../components/EuimHelpSupportComponent.html">EuimHelpSupportComponent</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimMediaHeaderCustomContentDirective.html">EuimMediaHeaderCustomContentDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../components/EuimOpenSourceLicencesComponent.html">EuimOpenSourceLicencesComponent</a>
                         </li>

package/docs/modules/EuimSidebarModule.html

@@ -132,7 +132,7 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
+                            <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimLabelModule.html">EuimLabelModule</a>

package/docs/modules/EuimToolbarDatepickerModule.html

@@ -132,7 +132,7 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
+                            <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimLabelModule.html">EuimLabelModule</a>

package/docs/modules.html

@@ -136,18 +136,6 @@
                     </div>
                 </div>
             </div>
-            <div class="col-md-6 col-lg-4">
-                <div class="card card-module">
-                    <div class="card-header">
-                        <h4 class="card-title">EuimAvatarIconModule</h4>
-                    </div>
-                    <div class="card-block">
-                        <footer class="text-center">
-                            <a href="./modules/EuimAvatarIconModule.html" class="btn btn-default">Browse</a>
-                        </footer>
-                    </div>
-                </div>
-            </div>
             <div class="col-md-6 col-lg-4">
                 <div class="card card-module">
                     <div class="card-header">
@@ -280,6 +268,18 @@
                     </div>
                 </div>
             </div>
+            <div class="col-md-6 col-lg-4">
+                <div class="card card-module">
+                    <div class="card-header">
+                        <h4 class="card-title">EuimListHeaderModule</h4>
+                    </div>
+                    <div class="card-block">
+                        <footer class="text-center">
+                            <a href="./modules/EuimListHeaderModule.html" class="btn btn-default">Browse</a>
+                        </footer>
+                    </div>
+                </div>
+            </div>
             <div class="col-md-6 col-lg-4">
                 <div class="card card-module">
                     <div class="card-header">

package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs

@@ -25,10 +25,10 @@ export class EuimLabelComponent {
             this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
         ].join(' ');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimLabelComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.5", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSize2XS", "euimSize2XS", "euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-bc-neutral-100);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-bc-primary-100)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-bc-info-100)}.euim-label--success{color:var(--eui-bc-success-100)}.euim-label--warning{color:var(--eui-bc-warning-140)}.euim-label--warning ion-icon{color:var(--eui-bc-warning-140)}.euim-label--danger{color:var(--eui-bc-danger-100)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.8", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSize2XS", "euimSize2XS", "euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-bc-neutral-100);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-bc-primary-100)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-bc-info-100)}.euim-label--success{color:var(--eui-bc-success-100)}.euim-label--warning{color:var(--eui-bc-warning-140)}.euim-label--warning ion-icon{color:var(--eui-bc-warning-140)}.euim-label--danger{color:var(--eui-bc-danger-100)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                                 'color',
                             ],
                         },
-                    ], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-bc-neutral-100);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-bc-primary-100)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-bc-info-100)}.euim-label--success{color:var(--eui-bc-success-100)}.euim-label--warning{color:var(--eui-bc-warning-140)}.euim-label--warning ion-icon{color:var(--eui-bc-warning-140)}.euim-label--danger{color:var(--eui-bc-danger-100)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"] }]
+                    ], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-bc-neutral-100);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-bc-primary-100)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-bc-info-100)}.euim-label--success{color:var(--eui-bc-success-100)}.euim-label--warning{color:var(--eui-bc-warning-140)}.euim-label--warning ion-icon{color:var(--eui-bc-warning-140)}.euim-label--danger{color:var(--eui-bc-danger-100)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
                 type: HostBinding,
                 args: ['style.--euimLabelTruncateWithLines']

package/esm2022/lib/components/atoms/euim-label/euim-label.module.mjs

@@ -4,13 +4,13 @@ import { IonicModule } from '@ionic/angular';
 import { EuimLabelComponent } from './euim-label.component';
 import * as i0 from "@angular/core";
 export class EuimLabelModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimLabelModule, declarations: [EuimLabelComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, declarations: [EuimLabelComponent], imports: [CommonModule,
             IonicModule], exports: [EuimLabelComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimLabelModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, imports: [CommonModule,
             IonicModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimLabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs

@@ -14,10 +14,10 @@ export class EuimNotificationItemComponent {
             this.baseStatesDirective.getCssClasses('euim-notification-item'),
         ].join(' ');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimNotificationItemComponent, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-bc-primary-100)}.euim-notification-item--secondary{background:var(--eui-bc-neutral-60)}.euim-notification-item--info{background:var(--eui-bc-info-100)}.euim-notification-item--success{background:var(--eui-bc-success-100)}.euim-notification-item--warning{background:var(--eui-bc-warning-100)}.euim-notification-item--danger{background:var(--eui-bc-danger-100)}.euim-notification-item--accent{background:var(--eui-bc-accent-100)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimNotificationItemComponent, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-bc-primary-100)}.euim-notification-item--secondary{background:var(--eui-bc-neutral-60)}.euim-notification-item--info{background:var(--eui-bc-info-100)}.euim-notification-item--success{background:var(--eui-bc-success-100)}.euim-notification-item--warning{background:var(--eui-bc-warning-100)}.euim-notification-item--danger{background:var(--eui-bc-danger-100)}.euim-notification-item--accent{background:var(--eui-bc-accent-100)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {

package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.module.mjs

@@ -4,13 +4,13 @@ import { IonicModule } from '@ionic/angular';
 import { EuimNotificationItemComponent } from './euim-notification-item.component';
 import * as i0 from "@angular/core";
 export class EuimNotificationItemModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimNotificationItemModule, declarations: [EuimNotificationItemComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, declarations: [EuimNotificationItemComponent], imports: [CommonModule,
             IonicModule], exports: [EuimNotificationItemComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimNotificationItemModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, imports: [CommonModule,
             IonicModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/base-states.directive.mjs

@@ -74,10 +74,10 @@ export class BaseStatesDirective {
             .join(' ')
             .trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.5", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { color: "color", euimDisabled: ["euimDisabled", "euimDisabled", booleanAttribute], euimPositionTopEnd: ["euimPositionTopEnd", "euimPositionTopEnd", booleanAttribute], euimFontBold: ["euimFontBold", "euimFontBold", booleanAttribute], euimFontRegular: ["euimFontRegular", "euimFontRegular", booleanAttribute], euimFontBoldItalic: ["euimFontBoldItalic", "euimFontBoldItalic", booleanAttribute], euimFontItalic: ["euimFontItalic", "euimFontItalic", booleanAttribute], euimFontLight: ["euimFontLight", "euimFontLight", booleanAttribute], euimSize2XS: ["euimSize2XS", "euimSize2XS", booleanAttribute], euimSizeXS: ["euimSizeXS", "euimSizeXS", booleanAttribute], euimSizeS: ["euimSizeS", "euimSizeS", booleanAttribute], euimSizeM: ["euimSizeM", "euimSizeM", booleanAttribute], euimSizeL: ["euimSizeL", "euimSizeL", booleanAttribute], euimSizeXL: ["euimSizeXL", "euimSizeXL", booleanAttribute], euimSize2XL: ["euimSize2XL", "euimSize2XL", booleanAttribute], euimSize3XL: ["euimSize3XL", "euimSize3XL", booleanAttribute], euimSize4XL: ["euimSize4XL", "euimSize4XL", booleanAttribute], euimSize5XL: ["euimSize5XL", "euimSize5XL", booleanAttribute], euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.8", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { color: "color", euimDisabled: ["euimDisabled", "euimDisabled", booleanAttribute], euimPositionTopEnd: ["euimPositionTopEnd", "euimPositionTopEnd", booleanAttribute], euimFontBold: ["euimFontBold", "euimFontBold", booleanAttribute], euimFontRegular: ["euimFontRegular", "euimFontRegular", booleanAttribute], euimFontBoldItalic: ["euimFontBoldItalic", "euimFontBoldItalic", booleanAttribute], euimFontItalic: ["euimFontItalic", "euimFontItalic", booleanAttribute], euimFontLight: ["euimFontLight", "euimFontLight", booleanAttribute], euimSize2XS: ["euimSize2XS", "euimSize2XS", booleanAttribute], euimSizeXS: ["euimSizeXS", "euimSizeXS", booleanAttribute], euimSizeS: ["euimSizeS", "euimSizeS", booleanAttribute], euimSizeM: ["euimSizeM", "euimSizeM", booleanAttribute], euimSizeL: ["euimSizeL", "euimSizeL", booleanAttribute], euimSizeXL: ["euimSizeXL", "euimSizeXL", booleanAttribute], euimSize2XL: ["euimSize2XL", "euimSize2XL", booleanAttribute], euimSize3XL: ["euimSize3XL", "euimSize3XL", booleanAttribute], euimSize4XL: ["euimSize4XL", "euimSize4XL", booleanAttribute], euimSize5XL: ["euimSize5XL", "euimSize5XL", booleanAttribute], euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BaseStatesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BaseStatesDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/directives/euim-align-center/euim-align-center.directive.mjs

@@ -0,0 +1,20 @@
+import { Directive, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimAlignCenterDirective {
+    constructor() {
+        this.className = 'euim-align-center';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euimAlignCenter]',
+                    standalone: true,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hbGlnbi1jZW50ZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RpcmVjdGl2ZXMvZXVpbS1hbGlnbi1jZW50ZXIvZXVpbS1hbGlnbi1jZW50ZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU12RCxNQUFNLE9BQU8sd0JBQXdCO0lBSnJDO1FBSzBCLGNBQVMsR0FBRyxtQkFBbUIsQ0FBQztLQUN6RDtpSUFGWSx3QkFBd0I7cUhBQXhCLHdCQUF3Qjs7MkZBQXhCLHdCQUF3QjtrQkFKcEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixVQUFVLEVBQUUsSUFBSTtpQkFDbkI7OEJBRXlCLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZXVpbUFsaWduQ2VudGVyXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUFsaWduQ2VudGVyRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ2V1aW0tYWxpZ24tY2VudGVyJztcbn1cbiJdfQ==

package/esm2022/lib/components/directives/euim-align-top/euim-align-top.directive.mjs

@@ -0,0 +1,20 @@
+import { Directive, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimAlignTopDirective {
+    constructor() {
+        this.className = 'euim-align-top';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euimAlignTop]',
+                    standalone: true,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hbGlnbi10b3AuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RpcmVjdGl2ZXMvZXVpbS1hbGlnbi10b3AvZXVpbS1hbGlnbi10b3AuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU12RCxNQUFNLE9BQU8scUJBQXFCO0lBSmxDO1FBSzBCLGNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztLQUN0RDtpSUFGWSxxQkFBcUI7cUhBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFKakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtpQkFDbkI7OEJBRXlCLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZXVpbUFsaWduVG9wXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUFsaWduVG9wRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ2V1aW0tYWxpZ24tdG9wJztcbn1cbiJdfQ==

package/esm2022/lib/components/directives/euim-divider/euim-divider.directive.mjs

@@ -10,10 +10,10 @@ export class EuimDividerDirective {
             this.lines ? `${rootClass}--lines-${this.lines}` : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: EuimDividerDirective, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimDividerDirective, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimDividerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimDivider]',