@eui/mobile-core 18.0.0-next.3 → 18.0.0-next.5

package/docs/miscellaneous/variables.html

@@ -696,8 +696,17 @@
     // Directives
     EuimSpinnerComponentModule,
     EuimDividerModule,
+    EuimListHeaderModule,
+    EuimMinWidthDirective,
+    EuimAlignCenterDirective,
+    EuimAlignTopDirective,
     EuimToolbarTransparentDirective,
     EuimSidebarFooterNoBordersDirective,
+    EuimListItemNoPaddingsDirective,
+    EuimReadOnlyFormDirective,
+    EuimReadOnlyFormValueDirective,
+    EuimReadOnlyFormLabelDirective,
+    EuimMediaHeaderCustomContentDirective,
     EuimSkeletonTextAvatarModule,
 ]</code>
                     </td>

package/docs/modules/EuimAllModule.html

@@ -125,6 +125,12 @@
                         <li class="list-group-item">
                             <a href="../modules/EuimAlertMessageModule.html">EuimAlertMessageModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimAlignCenterDirective.html">EuimAlignCenterDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EuimAlignTopDirective.html">EuimAlignTopDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimAppModule.html">EuimAppModule</a>
                         </li>
@@ -161,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>
@@ -176,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>
@@ -225,6 +252,12 @@
                         <li class="list-group-item">
                             <a href="../modules/EuimAlertMessageModule.html">EuimAlertMessageModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimAlignCenterDirective.html">EuimAlignCenterDirective</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EuimAlignTopDirective.html">EuimAlignTopDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimAppModule.html">EuimAppModule</a>
                         </li>
@@ -261,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>
@@ -276,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/EuimListHeaderModule.html

@@ -0,0 +1,232 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>csdr documentation</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
+	   <link rel="stylesheet" href="../styles/style.css">
+        <link rel="stylesheet" href="../styles/dark.css">
+        <link rel="stylesheet" href="../styles/material.css">
+    </head>
+    <body>
+          <script>
+               // Blocking script to avaoid flickering dark mode
+               // Dark mode toggle button
+               var useDark = window.matchMedia('(prefers-color-scheme: dark)');
+               var darkModeState = useDark.matches;
+               var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
+               var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
+
+               function checkToggle(check) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].checked = check;
+                    }
+               }
+
+               function toggleDarkMode(state) {
+                    if (window.localStorage) {
+                         localStorage.setItem('compodoc_darkmode-state', state);
+                    }
+
+                    checkToggle(state);
+
+                    const hasClass = document.body.classList.contains('dark');
+
+                    if (state) {
+                         for (var i = 0; i < $darkModeToggles.length; i++) {
+                              $darkModeToggles[i].classList.add('dark');
+                         }
+                         if (!hasClass) {
+                              document.body.classList.add('dark');
+                         }
+                    } else {
+                         for (var i = 0; i < $darkModeToggles.length; i++) {
+                              $darkModeToggles[i].classList.remove('dark');
+                         }
+                         if (hasClass) {
+                              document.body.classList.remove('dark');
+                         }
+                    }
+               }
+
+               useDark.addEventListener('change', function (evt) {
+                    toggleDarkMode(evt.matches);
+               });
+               if (darkModeStateLocal) {
+                    darkModeState = darkModeStateLocal === 'true';
+               }
+               toggleDarkMode(darkModeState);
+          </script>
+
+        <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
+            <a href="../" class="navbar-brand">csdr documentation</a>
+            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
+        </div>
+
+        <div class="xs-menu menu" id="mobile-menu">
+                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
+        </div>
+
+        <div class="container-fluid main">
+           <div class="row main">
+               <div class="hidden-xs menu">
+                   <compodoc-menu mode="normal"></compodoc-menu>
+               </div>
+               <!-- START CONTENT -->
+               <div class="content module">
+                   <div class="content-data">
+
+
+
+<ol class="breadcrumb">
+    <li class="breadcrumb-item">Modules</li>
+    <li class="breadcrumb-item" >EuimListHeaderModule</li>
+</ol>
+
+
+<ul class="nav nav-tabs" role="tablist">
+    <li class="nav-item">
+        <a href="#info" 
+            class="nav-link"
+            class="nav-link active"
+            role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
+    </li>
+</ul>
+
+<div class="tab-content">
+    <div class="tab-pane fade active in" id="info">
+
+        <p class="comment">
+            <h3>File</h3>
+        </p>
+        <p class="comment">
+            <code>packages/eui-mobile/packages/core/src/lib/components/directives/euim-list-header/euim-list-header.module.ts</code>
+        </p>
+
+
+
+
+
+        <div class="container-fluid module">
+            <div class="row">
+                <div class="col-sm-3">
+                    <h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" rel="noopener noreferrer"
+                            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="../directives/EuimListHeaderDirective.html">EuimListHeaderDirective</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
+                                class="icon ion-ios-information-circle-outline"></a></h3>
+                    <ul class="list-group">
+                        <li class="list-group-item">
+                            <a href="../directives/EuimListHeaderDirective.html">EuimListHeaderDirective</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+
+    </div>
+
+
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+                   </div><div class="search-results">
+    <div class="has-results">
+        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
+        <ul class="search-results-list"></ul>
+    </div>
+    <div class="no-results">
+        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
+    </div>
+</div>
+</div>
+               <!-- END CONTENT -->
+           </div>
+       </div>
+
+          <label class="dark-mode-switch">
+               <input type="checkbox">
+               <span class="slider">
+                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
+                    </svg>
+               </span>
+          </label>
+
+       <script>
+            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
+            var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
+            var COMPODOC_CURRENT_PAGE_URL = 'EuimListHeaderModule.html';
+            var MAX_SEARCH_RESULTS = 15;
+       </script>
+
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
+
+       <script src="../js/libs/custom-elements.min.js"></script>
+       <script src="../js/libs/lit-html.js"></script>
+
+       <script src="../js/menu-wc.js" defer></script>
+       <script nomodule src="../js/menu-wc_es5.js" defer></script>
+
+       <script src="../js/libs/bootstrap-native.js"></script>
+
+       <script src="../js/libs/es6-shim.min.js"></script>
+       <script src="../js/libs/EventDispatcher.js"></script>
+       <script src="../js/libs/promise.min.js"></script>
+       <script src="../js/libs/zepto.min.js"></script>
+
+       <script src="../js/compodoc.js"></script>
+
+       <script src="../js/tabs.js"></script>
+       <script src="../js/menu.js"></script>
+       <script src="../js/libs/clipboard.min.js"></script>
+       <script src="../js/libs/prism.js"></script>
+       <script src="../js/sourceCode.js"></script>
+          <script src="../js/search/search.js"></script>
+          <script src="../js/search/lunr.min.js"></script>
+          <script src="../js/search/search-lunr.js"></script>
+          <script src="../js/search/search_index.js"></script>
+       <script src="../js/lazy-load-graphs.js"></script>
+
+
+    </body>
+</html>

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.html

@@ -268,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-c-neutral);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-c-primary)}.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-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--warning ion-icon{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.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-c-neutral);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-c-primary)}.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-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--warning ion-icon{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.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-c-primary)}.euim-notification-item--secondary{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger)}.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: [
                         {
@@ -26,7 +26,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                                 'color',
                             ],
                         },
-                    ], 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"] }]
+                    ], 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-c-primary)}.euim-notification-item--secondary{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger)}.euim-notification-item--accent{background:var(--eui-bc-accent-100)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

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]',