@elasticias/ui 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elasticias/ui",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/styles/_patterns.scss

@@ -1701,6 +1701,13 @@
   display: inline-flex;
   align-items: center;
   gap: 10px;
+  /* A pill radius on a box that wraps to five lines is a circle, which is
+     what a long range ("15 jan. 2021 — 7 fév. 2026") did in a narrow
+     column. One line, truncated if it must be. */
+  white-space: nowrap;
+  overflow: hidden;
+  min-width: 0;
+  max-width: 100%;
   cursor: pointer;
   transition: all var(--t-fast) var(--ease-out);
   min-height: 38px;
@@ -4360,3 +4367,17 @@ input.ef-input[type='number'] {
     padding: 10px var(--s-4);
   }
 }
+
+/* The date trigger's value can be long; on a phone it takes the room it has
+   and truncates rather than wrapping the pill out of shape. */
+@media (max-width: 767px) {
+  .dp__trigger {
+    width: 100%;
+    justify-content: flex-start;
+  }
+
+  .dp__trigger .dp__value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

package/types/elasticias-ui.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { PipeTransform, OnInit, OnChanges, TemplateRef, EventEmitter, AfterContentInit, OnDestroy, SimpleChanges, InjectionToken, AfterViewInit } from '@angular/core';
 import { Menu } from 'primeng/menu';
 import * as _elasticias_core from '@elasticias/core';
-import { EfModule, EfModuleId, EfNavSection, EfNavItem, EfToast, EfToastAction, EfThemeConfigService } from '@elasticias/core';
+import { EfModule, EfNavSection, EfNavItem, EfModuleId, EfToast, EfToastAction, EfThemeConfigService } from '@elasticias/core';
 import * as i1 from 'primeng/tooltip';
 import * as _elasticias_screens from '@elasticias/screens';
 import { ScreenContext, EfDetailToolbarAction, EfSearchToolbarAction, EfDataCardColumn, EfDataCardSort, EfDateRange, EfDatePresetKey } from '@elasticias/screens';
@@ -1383,6 +1383,16 @@ declare class EfAppShellComponent {
     /** Five tabs is what fits a phone; the rest live in the sheet. */
     readonly tabs: _angular_core.Signal<EfModule[]>;
     readonly allVisible: _angular_core.Signal<readonly EfModule[]>;
+    /**
+     * The screens inside the active module, for the mobile sheet.
+     *
+     * On a phone the side nav is not rendered, and the tab bar switches
+     * modules — so without this there was no way to reach any screen except
+     * the module's default one. Same filtering as `ef-module-side`, because
+     * it answers the same question.
+     */
+    readonly moduleSections: _angular_core.Signal<EfNavSection[]>;
+    onNavigate(item: EfNavItem): void;
     openSwitcher(): void;
     onSwitcherChange(open: boolean): void;
     onSelect(module: EfModule): void;