@elasticias/ui 1.0.13 → 1.0.15

package/package.json

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

package/styles/_patterns.scss

@@ -888,7 +888,8 @@
    than inventing a third kind of icon button. */
 
 .ef-theme-toggle,
-.ef-app-top__logout {
+.ef-app-top__logout,
+.ef-app-top__action {
   appearance: none;
   background: var(--paper-alt);
   border: 1px solid var(--rule);
@@ -906,13 +907,15 @@
 }
 
 .ef-theme-toggle:hover,
-.ef-app-top__logout:hover {
+.ef-app-top__logout:hover,
+.ef-app-top__action:hover {
   color: var(--text);
   border-color: var(--ink-400);
 }
 
 .ef-theme-toggle:focus-visible,
-.ef-app-top__logout:focus-visible {
+.ef-app-top__logout:focus-visible,
+.ef-app-top__action:focus-visible {
   outline: 0;
   border-color: var(--tenant-400);
   box-shadow: 0 0 0 4px var(--tenant-100);
@@ -920,7 +923,8 @@
 }
 
 .ef-theme-toggle i,
-.ef-app-top__logout i {
+.ef-app-top__logout i,
+.ef-app-top__action i {
   font-size: 14px;
   line-height: 1;
 }

package/types/elasticias-ui.d.ts

@@ -1079,6 +1079,24 @@ declare class EfTooltipDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EfTooltipDirective, "[efTooltip]", never, {}, {}, never, never, true, [{ directive: typeof i1.Tooltip; inputs: { "pTooltip": "efTooltip"; "tooltipPosition": "efTooltipPosition"; "tooltipDisabled": "efTooltipDisabled"; "tooltipStyleClass": "efTooltipStyleClass"; "tooltipEvent": "efTooltipEvent"; "showDelay": "efTooltipShowDelay"; "hideDelay": "efTooltipHideDelay"; "appendTo": "efTooltipAppendTo"; "autoHide": "efTooltipAutoHide"; "escape": "efTooltipEscape"; "life": "efTooltipLife"; }; outputs: {}; }]>;
 }
 
+/**
+ * The three tiers a shortcut can belong to, outer to inner: a Global
+ * shortcut works anywhere in the app, a Screen shortcut works anywhere on
+ * the current screen, a Row shortcut only while a row's menu is open.
+ * `list()` returns groups in registration order, which is really "whatever
+ * happened to construct first." This fixes the section order so it
+ * always reads outer to inner regardless of what rendered when.
+ */
+/** One action and every key bound to it, which is what a reader wants: the
+ *  action once, its bindings beside it. */
+interface ShortcutActionView {
+    labelKey: string;
+    keys: string[];
+}
+interface ShortcutGroupView {
+    group: string;
+    actions: ShortcutActionView[];
+}
 /**
  * The keyboard-shortcuts reference: every registration currently sitting
  * in `EfShortcutService`, grouped and rendered with the same `.kbd` chip
@@ -1098,10 +1116,16 @@ declare class EfShortcutsDialogComponent {
     private readonly shortcutService;
     /** Two-way open state. */
     readonly visible: _angular_core.ModelSignal<boolean>;
-    protected readonly groups: _angular_core.Signal<_elasticias_core.EfShortcutGroup[]>;
-    /** Only macOS reads `⌘` at a glance. Everyone else needs the line
-     *  spelling out that it means Ctrl. */
-    protected readonly isMacPlatform: boolean;
+    /** `list()`, reordered Global → Screen → Row, with the bindings for one
+     *  action collapsed onto a single row.
+     *
+     *  An action can be reachable by more than one key: opening this dialog
+     *  answers to both `?` and `mod+/`. Listing registrations verbatim
+     *  printed that action's name twice, once per binding, which reads as a
+     *  duplicate rather than as a choice. An unrecognised group (a future
+     *  tier this component does not know about) sorts last rather than
+     *  being dropped. */
+    protected readonly groups: _angular_core.Signal<ShortcutGroupView[]>;
     protected readonly closeAction: EfDialogAction[];
     protected formatKeys(keys: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfShortcutsDialogComponent, never>;
@@ -4694,8 +4718,8 @@ declare class EfEmptyStateComponent {
 /**
  * Comptoir smart bar — the search/filter card every list screen
  * starts with. Composes:
- *   1. Search input (with `⌘K` kbd hint) + Effacer / Rechercher
- *      action buttons.
+ *   1. Search input (with an optional keyboard-shortcut hint chip) +
+ *      Effacer / Rechercher action buttons.
  *   2. A filter-row slot for `[filters]` (pill-group + filter-pill +
  *      preset-pill + "+ Plus de filtres").
  *   3. A drawer slot for `[drawer]` (advanced filters via
@@ -4705,6 +4729,12 @@ declare class EfEmptyStateComponent {
  * for two-way binding, or watch the (search) output for explicit
  * Rechercher clicks.
  *
+ * `shortcut` defaults to `'mod+k'`: this component registers it with
+ * `EfShortcutService` and focuses the search input when it fires (the
+ * user still has to type and submit; the shortcut only gets them into
+ * the field). Pass `[shortcut]="null"` on a screen with a second smart
+ * bar so only one of them claims the binding.
+ *
  * ```html
  * <ef-smart-bar
  *   [(searchText)]="searchQuery"
@@ -4724,6 +4754,12 @@ declare class EfEmptyStateComponent {
  * ```
  */
 declare class EfSmartBarComponent {
+    private readonly shortcuts;
+    /** Distinguishes this instance's registration from any other
+     *  ef-smart-bar on screen, the same convention ef-row-actions uses. */
+    private static nextInstanceId;
+    private readonly instanceId;
+    private readonly searchInput;
     /** Two-way bound search input. */
     readonly searchText: _angular_core.ModelSignal<string>;
     readonly placeholderKey: _angular_core.InputSignal<string>;
@@ -4735,12 +4771,18 @@ declare class EfSmartBarComponent {
     readonly hideClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly hideSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Keyboard shortcut that focuses the search input. `null` opts out
+     *  (a screen with two smart bars registers the binding on only one
+     *  of them). Defaults to `'mod+k'`. */
+    readonly shortcut: _angular_core.InputSignal<string>;
+    protected readonly kbdLabel: _angular_core.Signal<string>;
     readonly search: _angular_core.OutputEmitterRef<string>;
     readonly clear: _angular_core.OutputEmitterRef<void>;
+    constructor();
     onSubmit(): void;
     onClear(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfSmartBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfSmartBarComponent, "ef-smart-bar", never, { "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearLabelKey": { "alias": "clearLabelKey"; "required": false; "isSignal": true; }; "clearTitleKey": { "alias": "clearTitleKey"; "required": false; "isSignal": true; }; "searchLabelKey": { "alias": "searchLabelKey"; "required": false; "isSignal": true; }; "showKbdHint": { "alias": "showKbdHint"; "required": false; "isSignal": true; }; "hideClear": { "alias": "hideClear"; "required": false; "isSignal": true; }; "hideSearch": { "alias": "hideSearch"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "searchText": "searchTextChange"; "search": "search"; "clear": "clear"; }, never, ["[filters]", "[drawer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfSmartBarComponent, "ef-smart-bar", never, { "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearLabelKey": { "alias": "clearLabelKey"; "required": false; "isSignal": true; }; "clearTitleKey": { "alias": "clearTitleKey"; "required": false; "isSignal": true; }; "searchLabelKey": { "alias": "searchLabelKey"; "required": false; "isSignal": true; }; "showKbdHint": { "alias": "showKbdHint"; "required": false; "isSignal": true; }; "hideClear": { "alias": "hideClear"; "required": false; "isSignal": true; }; "hideSearch": { "alias": "hideSearch"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; }, { "searchText": "searchTextChange"; "search": "search"; "clear": "clear"; }, never, ["[filters]", "[drawer]"], true, never>;
 }
 
 /**