@elasticias/ui 1.0.36 → 1.0.38

package/package.json

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

package/types/elasticias-ui.d.ts

@@ -1577,7 +1577,9 @@ declare class EfToolbarComponent {
  * - `EfPermissionService` (via the rail / mobile tabs) for visible modules
  * - `EfActiveModuleService` for the active module accent
  *
- * **Desktop / tablet:** rail (64px) + side (240px) + (top + main).
+ * **Desktop / tablet:** rail (64px) + side (240px) + (top + main). The
+ * side folds away from a toggle at the foot of the rail (or mod+B); the
+ * rail never does.
  * **Mobile:** delegates to `<ef-app-shell-mobile>` — top bar + scrollable
  * body + 5-tab bottom bar + FAB slot.
  *
@@ -1598,6 +1600,11 @@ declare class EfAppShellComponent {
     readonly viewport: _angular_core.Signal<_elasticias_core.EfViewport>;
     readonly isMobile: _angular_core.Signal<boolean>;
     readonly showSide: _angular_core.Signal<boolean>;
+    readonly sideCollapsed: _angular_core.WritableSignal<boolean>;
+    /** Shown in the toggle's tooltip: the button is far from the content, the shortcut is not. */
+    readonly shortcutHint: string;
+    toggleSide(): void;
+    constructor();
     readonly activeId: _angular_core.Signal<_elasticias_core.EfModuleId>;
     readonly switcherOpen: _angular_core.WritableSignal<boolean>;
     /** Five tabs is what fits a phone; the rest live in the sheet. */
@@ -1772,7 +1779,7 @@ declare class EfModuleRailComponent {
     badgeFor(id: EfModuleId): string | number | undefined;
     trackRow(index: number, row: RailRow): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfModuleRailComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfModuleRailComponent, "ef-module-rail", never, { "badges": { "alias": "badges"; "required": false; }; }, {}, never, ["[logo]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfModuleRailComponent, "ef-module-rail", never, { "badges": { "alias": "badges"; "required": false; }; }, {}, never, ["[logo]", "[rail-footer]"], true, never>;
 }
 
 /**
@@ -2081,12 +2088,15 @@ declare class EfProfileChipComponent {
     tone: 'tenant' | 'neutral';
     /** Render as a non-interactive container (no hover/focus, no click). */
     readonly: boolean;
+    /** Avatar only, no name or role: for a trigger that sits in a toolbar. */
+    compact: boolean;
     readonly clickEvent: EventEmitter<Event>;
     get computedInitial(): string;
     handleClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfProfileChipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProfileChipComponent, "ef-profile-chip", never, { "name": { "alias": "name"; "required": false; }; "role": { "alias": "role"; "required": false; }; "roleKey": { "alias": "roleKey"; "required": false; }; "initial": { "alias": "initial"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProfileChipComponent, "ef-profile-chip", never, { "name": { "alias": "name"; "required": false; }; "role": { "alias": "role"; "required": false; }; "roleKey": { "alias": "roleKey"; "required": false; }; "initial": { "alias": "initial"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
     static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_compact: unknown;
 }
 
 /**
@@ -2156,7 +2166,9 @@ declare class EfProfileMenuComponent {
     readonly initial: _angular_core.InputSignal<string>;
     readonly tone: _angular_core.InputSignal<"tenant" | "neutral">;
     readonly items: _angular_core.InputSignal<readonly EfProfileMenuItem[]>;
-    readonly variant: _angular_core.InputSignal<"chip" | "list">;
+    /** `avatar` is the chip without its text, for the top bar while the
+     *  side panel (and the full chip in its footer) is folded away. */
+    readonly variant: _angular_core.InputSignal<"chip" | "avatar" | "list">;
     readonly itemSelected: _angular_core.OutputEmitterRef<EfProfileMenuItem>;
     /** Id of the one expanded group, or null. One at a time: a menu that
      *  grows in two directions at once stops being scannable. */