@forgeroute/ui 0.4.18 → 0.4.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgeroute/ui",
-  "version": "0.4.18",
+  "version": "0.4.19",
   "peerDependencies": {
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",

package/types/forgeroute-ui.d.ts

@@ -3029,6 +3029,14 @@ export declare class StepperComponent {
   readonly ariaLabel: import("@angular/core").InputSignal<string>;
   /** Horizontal, <= 480px: show only the current step's label (`'current'`, default) or every label (`'all'`). */
   readonly labelsOnSmallScreens: import("@angular/core").InputSignal<"all" | "current">;
+  /**
+   * Horizontal only. `'beside'` (default): the label sits to the right of its circle. `'below'`: equal-width columns, the label centred under
+   * its circle, one continuous line behind the circles that fills as steps complete; a complete step shows a check, the current step an
+   * accent ring with a dot, an upcoming step an empty circle (no numbers). Circles are 40px (32px with `size="sm"`).
+   */
+  readonly labelPosition: import("@angular/core").InputSignal<"beside" | "below">;
+  /** Viewport width in px below which a horizontal stepper is drawn vertical (labels beside the circles), e.g. `640`. null (default) = never. */
+  readonly stackBelow: import("@angular/core").InputSignal<number | null>;
   /** CSS length (e.g. `10.5rem`): horizontal only - the list gets `min-width: calc(<step count> * <value>)`. Empty (default) = no minimum. */
   readonly minStepWidth: import("@angular/core").InputSignal<string>;
   /** true = the list scrolls sideways (`overflow-x: auto`, 4px top / bottom padding so focus rings are not clipped) instead of squeezing. Default false. */
@@ -3041,6 +3049,9 @@ export declare class StepperComponent {
   readonly stepClick: import("@angular/core").OutputEmitterRef<string>;
   private readonly _win;
   private readonly _narrow;
+  private readonly _stacked;
+  /** The orientation actually drawn: `orientation`, or vertical while the viewport is below `stackBelow`. */
+  protected readonly orient: import("@angular/core").Signal<StepperOrientation>;
   /** True when `compact` is a pixel number and the viewport is below it (tokens use CSS media queries instead). */
   protected readonly compactPx: import("@angular/core").Signal<boolean>;
   private readonly _id;
@@ -3125,6 +3136,16 @@ export declare class StepperComponent {
       "required": false;
       "isSignal": true;
     };
+    "labelPosition": {
+      "alias": "labelPosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "stackBelow": {
+      "alias": "stackBelow";
+      "required": false;
+      "isSignal": true;
+    };
     "minStepWidth": {
       "alias": "minStepWidth";
       "required": false;
@@ -8557,7 +8578,7 @@ export declare class DetailCardComponent {
   readonly showEdit: import("@angular/core").InputSignal<boolean>;
   readonly editLabel: import("@angular/core").InputSignal<string>;
   readonly editClick: import("@angular/core").OutputEmitterRef<void>;
-  /** `data-testid` of the built-in Edit button (on the `ui-button` host); none when empty. */
+  /** `data-testid` of the built-in Edit button (on the Edit `<button>`); none when empty. */
   readonly editTestId: import("@angular/core").InputSignal<string>;
   /** false = no pencil icon in the Edit button (text only). Default true: unchanged. */
   readonly editIcon: import("@angular/core").InputSignal<boolean>;