@forgeroute/ui 0.3.3 → 0.3.5

package/package.json

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

package/types/forgeroute-ui.d.ts

@@ -834,7 +834,7 @@ export declare class SelectComponent implements ControlValueAccessor, Validator,
   readonly error: import("@angular/core").InputSignal<string>;
   /** Reveal the built-in error messages now (e.g. after a failed Save click), without waiting for blur. */
   readonly showErrors: import("@angular/core").InputSignal<boolean>;
-  readonly size: import("@angular/core").InputSignal<"default" | "sm">;
+  readonly size: import("@angular/core").InputSignal<"sm" | "default">;
   readonly _disabledInput: import("@angular/core").InputSignal<boolean>;
   private readonly _cvaDisabled;
   protected readonly disabled: import("@angular/core").Signal<boolean>;
@@ -1767,7 +1767,8 @@ export declare class ToastComponent {
 export type ProgressBarVariant = 'blue' | 'green' | 'amber' | 'red' | 'slate';
 /**
  * Horizontal progress bar with an optional trailing label (e.g. "3/5").
- * Pass `value` and `max`; the fill width is clamped to 0–100%.
+ * Pass `value` and `max`; the fill width is clamped to 0–100%, rounded to whole percents, and a value above 0 is never drawn narrower
+ * than 2% (so 1 of 300 is a visible sliver, not an empty bar). A value of 0 draws no fill.
  *
  * The fill color is built in and follows completion, in four bands: red up to 25%, amber up to 50%, blue up to 75%,
  * green above 75% (full = green). Nothing needs to be passed. `variant` is an optional override for a bar whose
@@ -1786,6 +1787,7 @@ export declare class ProgressBarComponent {
   readonly tooltip: import("@angular/core").InputSignal<string>;
   readonly ariaLabel: import("@angular/core").InputSignal<string>;
   protected readonly clampedValue: import("@angular/core").Signal<number>;
+  /** Fill width in %: the rounded share, but never less than MIN_VISIBLE_PERCENT while the value is above 0 (1 of 300 would round to 0% and look empty). */
   protected readonly percent: import("@angular/core").Signal<number>;
   /** The override when given, else the completion band: up to 25% red, up to 50% amber, up to 75% blue, above 75% green. */
   protected readonly effectiveVariant: import("@angular/core").Signal<ProgressBarVariant>;
@@ -1831,7 +1833,8 @@ export declare class ProgressBarComponent {
  *
  * - Bars show their value above them (`showValues`, a 0 bar shows nothing), the y axis starts at 0 and counts whole numbers.
  * - The tooltip reads "<value> <unit>" (`unitSingular` for 1, `unitPlural` otherwise; no unit = just the number).
- * - The canvas is an image for assistive tech (`role="img"` + `ariaLabel`); render the same figures as text next to it
+ * - With an `ariaLabel` the chart is an image for assistive tech (`role="img"` + that label; without a label no role is set, as an
+ *   unnamed image is an accessibility error); render the same figures as text next to it
  *   (e.g. a visually hidden list) when the exact values matter.
  * - Height is `height` px (shorter on phones: 200px up to 768px wide, 160px up to 480px wide, when the default 240 is used);
  *   the width follows the container. Needs the optional peer dependency `chart.js` (>= 4).
@@ -1954,7 +1957,7 @@ export declare class TooltipDirective {
   /** Tooltip text; empty or null disables the tooltip. */
   readonly uiTooltip: import("@angular/core").InputSignal<string | null | undefined>;
   /** Preferred side; flips to the other side when there is no room. */
-  readonly tooltipPosition: import("@angular/core").InputSignal<"top" | "bottom">;
+  readonly tooltipPosition: import("@angular/core").InputSignal<"bottom" | "top">;
   private readonly host;
   private readonly doc;
   private bubble;
@@ -2150,6 +2153,10 @@ export declare class CheckboxComponent implements ControlValueAccessor, Validato
 }
 export declare class ButtonComponent {
   readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "danger" | "warning" | "link" | "ghost" | "tab" | "icon" | "icon-danger">;
+  /** Renders an anchor to this route instead of a button (use with `variant="link"` for an inline text link). `['/settings']` or `'/settings'`. */
+  readonly routerLink: import("@angular/core").InputSignal<string | readonly unknown[] | null>;
+  /** Query params of the `routerLink` (e.g. `{ section: 'deal-defaults' }`). */
+  readonly queryParams: import("@angular/core").InputSignal<Record<string, unknown> | null>;
   readonly color: import("@angular/core").InputSignal<string | undefined>;
   readonly active: import("@angular/core").InputSignal<boolean>;
   readonly size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | "lg">;
@@ -2171,6 +2178,16 @@ export declare class ButtonComponent {
       "required": false;
       "isSignal": true;
     };
+    "routerLink": {
+      "alias": "routerLink";
+      "required": false;
+      "isSignal": true;
+    };
+    "queryParams": {
+      "alias": "queryParams";
+      "required": false;
+      "isSignal": true;
+    };
     "color": {
       "alias": "color";
       "required": false;
@@ -5632,6 +5649,8 @@ export declare class DateRangePickerComponent {
   readonly activePreset: import("@angular/core").InputSignal<DatePreset>;
   readonly showPresets: import("@angular/core").InputSignal<boolean>;
   readonly includeAllTime: import("@angular/core").InputSignal<boolean>;
+  /** Accessible name of the preset tab list (screen readers announce it when the tabs get focus). */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
   readonly rangeChange: import("@angular/core").OutputEmitterRef<DateRange>;
   /** Follows `activePreset` from the host, and the user's own picks in between. */
   protected readonly selectedPreset: import("@angular/core").WritableSignal<DatePreset>;
@@ -5657,6 +5676,11 @@ export declare class DateRangePickerComponent {
       "required": false;
       "isSignal": true;
     };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "rangeChange": "rangeChange";
   }, never, never, true, never>;
@@ -6171,7 +6195,7 @@ export declare class DetailCardComponent {
   /** Bold uppercase title. Empty = no title text. */
   readonly title: import("@angular/core").InputSignal<string>;
   /** 1-6 makes the title a real heading for screen readers (role=heading, aria-level); null keeps it plain text. */
-  readonly headingLevel: import("@angular/core").InputSignal<1 | 2 | 3 | 4 | 5 | 6 | null>;
+  readonly headingLevel: import("@angular/core").InputSignal<1 | 2 | 5 | 3 | 6 | 4 | null>;
   /** Optional id for the title text; the card is then labelled by it. Without it the title is the card's aria-label. */
   readonly titleId: import("@angular/core").InputSignal<string>;
   /** Grey line under the title. */