@lifecorner/angular-ui-kit 3.36.0 → 3.37.0

package/types/lifecorner-angular-ui-kit-hero.d.ts

@@ -24,7 +24,11 @@ export type HeroHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
  * - Content projection for body and footer sections
  * - Footer slot for metadata, stats, or CTAs
  * - Media slot (`[hero-media]`) for a visual: below the text on small screens,
- *   beside it from 1024 px, never under the body's 85 % opacity
+ *   beside it from 1024 px
+ * - 3.37: components in the default slot keep full opacity (only the body
+ *   text is softened, through its colour), and badges in a hero take the light
+ *   palette in both themes; `fill` takes the height of a stretching grid or
+ *   flex row
  * - Content width `lg`: a full-bleed band whose text lines up with the page column
  * - `headingLevel` (3.36): the title as `h1`–`h6`, the same look at every level
  * - `focusTitle()` (3.36): moves focus to the title (`tabindex="-1"`, out of the
@@ -92,6 +96,14 @@ export declare class HeroComponent {
    * @default 1
    */
   headingLevel: import("@angular/core").InputSignal<HeroHeadingLevel>;
+  /**
+   * Fill the height the container gives the hero (3.37, cockpit row 1): in a
+   * grid or flex row that stretches its items, the band ends at the row's
+   * bottom edge; the content stays at the top and `[hero-footer]` sits at the
+   * bottom. Without it the hero is as tall as its content.
+   * @default false
+   */
+  fill: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   private readonly titleEl;
   private readonly labelEl;
   /**
@@ -149,5 +161,10 @@ export declare class HeroComponent {
       "required": false;
       "isSignal": true;
     };
+    "fill": {
+      "alias": "fill";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["*", "[hero-media]", "[hero-footer]"], true, never>;
 }

package/types/lifecorner-angular-ui-kit-internal-chart.d.ts

@@ -26,6 +26,12 @@ export declare function readableInk(fill: string): string | null;
  *
  * Charts fall back to this list when a series/segment brings no `color` of its
  * own; per-item colours always win.
+ *
+ * 3.37 (request 057, 056 F-1, WCAG 1.4.11): entries 3 and 4 are the status
+ * inks, not the status fills. `--color-success-default` measured 2.47–2.72:1
+ * and `--color-warning-default` 2.05–2.26:1 on light pages; the inks reach
+ * 5.30 and 6.03:1 there (8.40 and 7.65:1 dark). Every entry keeps 3:1 against
+ * `--color-background` and `--color-surface` in both themes.
  */
 export declare const CHART_PALETTE: readonly string[];
 /** Palette colour for the series/segment at `index`, wrapping around. */

package/types/lifecorner-angular-ui-kit-list.d.ts

@@ -123,6 +123,9 @@ export type ListItemPart = 'row' | 'action';
  *   (WCAG 2.4.3)
  * - `showChevron` (3.36): a decorative chevron at the end of every
  *   `clickable` or `href` row
+ * - 3.37: a `clickable` row with an `action` holds a native button stretched
+ *   over the row (named by the row) beside its action, so no control sits
+ *   inside another (WCAG 4.1.2); one Tab stop for the row, then the action
  *
  * @example
  * ```html
@@ -211,6 +214,13 @@ export declare class ListComponent {
    * @param part Which part of the row gets the focus.
    */
   focusItem(id: string, part?: ListItemPart): void;
+  /** Generated id prefix, taken once per instance (module counter, the same in every prerender). */
+  private readonly uid;
+  /**
+   * Id of row `index` of a `clickable` row with an `action` (3.37): the
+   * row's button is named by it (`aria-labelledby`).
+   */
+  protected rowId(index: number): string;
   /** Whether a row renders as a link: `href` set and not disabled. */
   protected isLinkRow(item: ListItem): boolean;
   /**

package/types/lifecorner-angular-ui-kit-select.d.ts

@@ -161,8 +161,13 @@ export declare class SelectComponent implements ControlValueAccessor {
   /**
    * Close dropdown. Idempotent: the overlay's `detach` re-enters here after
    * `isOpen` flips, and that second call must not emit `closed` again.
+   *
+   * `returnFocus` (3.37, request 057, services row 2): a single-select choice
+   * and `Escape` also hand the focus back to the trigger when it is on `<body>`
+   * (a tap on an option, which has no `tabindex`, moves it there). Without it
+   * (backdrop click, detach) only focus inside the panel returns, as before.
    */
-  close(): void;
+  close(returnFocus?: boolean): void;
   /**
    * Select an option
    */
@@ -187,6 +192,13 @@ export declare class SelectComponent implements ControlValueAccessor {
    * Handle click outside
    */
   onClickOutside(): void;
+  /**
+   * Keys that reach the open overlay while the focus is outside the field and
+   * the panel, e.g. on `<body>` after a tap (3.37, request 057): `Escape`
+   * closes and returns the focus. It runs before the overlay's own `Escape`
+   * detach, which then finds the select closed.
+   */
+  onOverlayKeydown(event: KeyboardEvent): void;
   writeValue(value: SelectValue): void;
   registerOnChange(fn: (value: SelectValue) => void): void;
   registerOnTouched(fn: () => void): void;

package/types/lifecorner-angular-ui-kit-state-strip.d.ts

@@ -23,7 +23,8 @@ export declare const DEFAULT_STATE_STRIP_LABELS: Readonly<StateStripLabels>;
  * state word. One Tab stop (the newest run first), Arrow Left/Right, Home and
  * End move between the runs, Escape hides the caption. Hovering or focusing a
  * segment shows its name below the strip (hidden from screen readers, which
- * read the cell).
+ * read the cell). 3.37: the pointer uses the whole strip (one layer over the
+ * row picks the run under it), so dense strips need no 24 px cells.
  *
  * Without segments it renders nothing. The segments are in the prerendered
  * HTML. CSS hooks: `--lc-state-strip-height` (default `2rem`) and
@@ -43,6 +44,11 @@ export declare class StateStripComponent {
   /**
    * The runs, in order, oldest first: one segment each. Empty renders nothing
    * (no box, no accessibility node).
+   *
+   * More runs than fit at 24 px (13 and more in 328 px) narrow the cells below
+   * 24 px; the pointer then uses the whole strip: pointing at it, or sliding a
+   * pressed finger along it, shows that run; the keyboard moves with the
+   * arrows (3.37).
    * @default []
    */
   readonly segments: import("@angular/core").InputSignal<readonly StateStripSegment[]>;
@@ -73,7 +79,7 @@ export declare class StateStripComponent {
   /** The roving Tab stop: the newest run until the user moves. */
   protected readonly current: import("@angular/core").WritableSignal<number>;
   /** The segment under the pointer, the one with focus, and whether Escape hid the caption. */
-  private readonly hovered;
+  protected readonly hovered: import("@angular/core").WritableSignal<number | null>;
   private readonly focused;
   private readonly dismissed;
   /** The segment whose name the caption shows, if any. */
@@ -84,6 +90,18 @@ export declare class StateStripComponent {
   protected onBlur(): void;
   protected onPointerEnter(index: number): void;
   protected onPointerLeave(): void;
+  /** The run the scrub layer last picked; a move within it changes nothing (as entering a cell). */
+  private scrubbed;
+  /**
+   * The pointer over the strip (3.37, request 057, 056 S-1): the run whose
+   * cell spans the pointer's x shows in the caption; outside every cell none.
+   */
+  protected onScrubMove(event: PointerEvent): void;
+  /** Releasing the pointer (a click, a lifted finger) focuses the run under it. */
+  protected onScrubUp(event: PointerEvent): void;
+  protected onScrubLeave(): void;
+  /** The index of the cell whose box spans `x`, any writing direction. */
+  private cellAt;
   /** Arrow Left/Right, Home, End move between the runs (no wrap); Escape hides the caption. */
   protected onKeydown(event: KeyboardEvent): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<StateStripComponent, never>;

package/types/lifecorner-angular-ui-kit-table.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import { QueryList, TemplateRef } from "@angular/core";
-import { ButtonVariant } from "@lifecorner/angular-ui-kit/button";
+import { ButtonSize, ButtonVariant } from "@lifecorner/angular-ui-kit/button";
 /**
  * Directive for defining custom cell templates in the Table component.
  *
@@ -84,6 +84,14 @@ export interface TableAction {
   icon?: string;
   /** Button variant (default: 'ghost') */
   variant?: ButtonVariant;
+  /**
+   * Size of the action's `lc-button` (3.37, services row 3). `'lg'` is
+   * 48.5 px high with a label and 45.6 px icon-only, for touch rows; the icon
+   * stays 20 px. Pass another size per breakpoint yourself.
+   *
+   * @default 'xs'
+   */
+  size?: ButtonSize;
   /** Optional tooltip / aria-label, useful for icon-only actions */
   tooltip?: string;
   /**