@forgeroute/ui 0.4.13 → 0.4.15

package/package.json

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

package/types/forgeroute-ui.d.ts

@@ -961,7 +961,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>;
@@ -2279,7 +2279,7 @@ export declare class AudioPlayerComponent {
   /** Accessible name of the player. */
   readonly ariaLabel: import("@angular/core").InputSignal<string>;
   /** How much to load before play: 'metadata' (default), 'auto' or 'none'. */
-  readonly preload: import("@angular/core").InputSignal<"none" | "auto" | "metadata">;
+  readonly preload: import("@angular/core").InputSignal<"none" | "metadata" | "auto">;
   /** Fires when the browser can't load or decode the source. */
   readonly playbackError: import("@angular/core").OutputEmitterRef<void>;
   protected readonly failed: import("@angular/core").WritableSignal<boolean>;
@@ -2390,7 +2390,8 @@ export declare class TooltipDirective {
 /**
  * A small gold star with a hover / focus tooltip: `<ui-star tooltip="Authorization Form" />`.
  *
- * The star is always gold (there is no color input). `tooltip` is the text the user sees on hover or keyboard focus (library `uiTooltip`);
+ * The star is gold by default (there is no color input); `[filled]="false"` draws an uncolored outline star instead, and `[interactive]="true"`
+ * makes it a button that emits `(starClick)` — e.g. an outline star "Click to make primary photo" next to the gold primary one. `tooltip` is the text the user sees on hover or keyboard focus (library `uiTooltip`);
  * it is also the star's accessible name, so a screen reader reads it too. Without a tooltip the star is decorative (hidden from assistive tech).
  * In `<ui-data-table>` use `ColumnDef.starFn` to put one to the left of a text cell (e.g. the name column).
  */
@@ -2399,6 +2400,11 @@ export declare class StarComponent {
   readonly tooltip: import("@angular/core").InputSignal<string>;
   /** Star size in px. Default 16. */
   readonly size: import("@angular/core").InputSignal<number>;
+  /** true (default) = the gold star. false = an uncolored outline star (e.g. "not the primary one"). */
+  readonly filled: import("@angular/core").InputSignal<boolean>;
+  /** true = the star is a real button (keyboard + click) that emits `starClick`; `tooltip` is then its accessible name. Default false (a plain marker). */
+  readonly interactive: import("@angular/core").InputSignal<boolean>;
+  readonly starClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
   protected readonly hasTooltip: import("@angular/core").Signal<boolean>;
   static ɵfac: i0.ɵɵFactoryDeclaration<StarComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<StarComponent, "ui-star", never, {
@@ -2412,7 +2418,19 @@ export declare class StarComponent {
       "required": false;
       "isSignal": true;
     };
-  }, {}, never, never, true, never>;
+    "filled": {
+      "alias": "filled";
+      "required": false;
+      "isSignal": true;
+    };
+    "interactive": {
+      "alias": "interactive";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "starClick": "starClick";
+  }, never, never, true, never>;
 }
 export type ImageRepositionShape = 'circle' | 'rounded';
 /**
@@ -2511,7 +2529,7 @@ export declare class CheckboxComponent implements ControlValueAccessor, Validato
    * clicking it still toggles the box - e.g. a product name that is both the heading of its card and the label of its checkbox.
    * Default null: plain label text, exactly as before. Single mode only.
    */
-  readonly headingLevel: import("@angular/core").InputSignal<1 | 2 | 3 | 4 | 5 | 6 | null>;
+  readonly headingLevel: import("@angular/core").InputSignal<3 | 1 | 2 | 5 | 6 | 4 | null>;
   readonly indeterminate: import("@angular/core").InputSignal<boolean>;
   readonly checked: import("@angular/core").ModelSignal<boolean>;
   /**
@@ -3392,7 +3410,7 @@ export declare class PhoneNumberPickerComponent {
   protected readonly modeCtl: FormControl<string>;
   protected readonly zipCtl: FormControl<string>;
   protected readonly areaCtl: FormControl<string>;
-  protected readonly step: import("@angular/core").WritableSignal<1 | 2 | 3>;
+  protected readonly step: import("@angular/core").WritableSignal<3 | 1 | 2>;
   protected readonly mode: import("@angular/core").WritableSignal<PhoneNumberSearchMode>;
   private readonly _zip;
   private readonly _area;
@@ -3506,7 +3524,7 @@ export declare class ButtonComponent {
    * `ghost-start`: a ghost button for list / section toggles - a full-width row with its content aligned to the start, transparent
    * background, hover tint and the normal focus ring. Pair it with `ariaExpanded` / `ariaPressed`; the label may contain a heading element.
    */
-  readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "danger" | "warning" | "link" | "ghost" | "ghost-start" | "tab" | "icon" | "icon-danger">;
+  readonly variant: import("@angular/core").InputSignal<"link" | "primary" | "secondary" | "danger" | "warning" | "ghost" | "ghost-start" | "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'`. While `disabled` or `loading` it renders a non-clickable `<span role="link" aria-disabled>` with no href (like `href`). */
   readonly routerLink: import("@angular/core").InputSignal<string | readonly unknown[] | null>;
   /** Query params of the `routerLink` (e.g. `{ section: 'deal-defaults' }`). */
@@ -3552,7 +3570,7 @@ export declare class ButtonComponent {
   readonly color: import("@angular/core").InputSignal<string | undefined>;
   readonly active: import("@angular/core").InputSignal<boolean>;
   readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xs">;
-  readonly type: import("@angular/core").InputSignal<"reset" | "submit" | "button">;
+  readonly type: import("@angular/core").InputSignal<"button" | "reset" | "submit">;
   readonly disabled: import("@angular/core").InputSignal<boolean>;
   readonly loading: import("@angular/core").InputSignal<boolean>;
   readonly fullWidth: import("@angular/core").InputSignal<boolean>;
@@ -5667,7 +5685,7 @@ export declare class FormSectionComponent {
   }, {}, never, ["*"], true, never>;
 }
 export declare class FormRowComponent {
-  readonly cols: import("@angular/core").InputSignal<1 | 2 | 3 | 4>;
+  readonly cols: import("@angular/core").InputSignal<3 | 1 | 2 | 4>;
   static ɵfac: i0.ɵɵFactoryDeclaration<FormRowComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<FormRowComponent, "ui-form-row", never, {
     "cols": {
@@ -5684,7 +5702,7 @@ export declare class FormRowComponent {
  * child simply takes the full width. Keep a numeric span within the row's `cols` (use `all` for the whole row).
  */
 export declare class FormColSpanDirective {
-  readonly uiColSpan: import("@angular/core").InputSignal<"" | "2" | "3" | 2 | 3 | "all">;
+  readonly uiColSpan: import("@angular/core").InputSignal<"" | 3 | 2 | "2" | "3" | "all">;
   protected readonly _class: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<FormColSpanDirective, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<FormColSpanDirective, "[uiColSpan]", never, {
@@ -8263,7 +8281,7 @@ export declare class DetailCardComponent {
   /** true (default) = the title is displayed in capitals (CSS only); false = shown as written. The text, aria-label and heading name are never changed. */
   readonly uppercaseTitle: import("@angular/core").InputSignal<boolean>;
   /** 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<3 | 1 | 2 | 5 | 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>;
   /** Accessible name of the card when the header gives none (no header, or no title). A visible title wins; blank = no name. */
@@ -9322,8 +9340,8 @@ export declare class CalendarComponent {
   private lastRangeKey;
   private readonly injector;
   protected readonly hours: import("@angular/core").Signal<number[]>;
-  protected readonly monthCells: import("@angular/core").Signal<CalendarDay[]>;
-  protected readonly weekDays: import("@angular/core").Signal<CalendarDay[]>;
+  protected readonly monthCells: import("@angular/core").Signal<import("@forgeroute/ui").CalendarDay[]>;
+  protected readonly weekDays: import("@angular/core").Signal<import("@forgeroute/ui").CalendarDay[]>;
   protected readonly periodLabel: import("@angular/core").Signal<string>;
   /** The period label split for styling: in the month view the month is the strong part and the year the muted one ("October" + "2026"). */
   protected readonly periodParts: import("@angular/core").Signal<{
@@ -9343,7 +9361,7 @@ export declare class CalendarComponent {
   protected readonly monthRows: import("@angular/core").Signal<{
     key: string;
     cells: {
-      day: CalendarDay;
+      day: import("@forgeroute/ui").CalendarDay;
       items: CalendarItem[];
       visible: CalendarItem[];
       overflow: number;
@@ -9353,7 +9371,7 @@ export declare class CalendarComponent {
   }[]>;
   /** The 7 week columns with all-day items and the timed items laid out side by side when they overlap. */
   protected readonly weekColumns: import("@angular/core").Signal<{
-    day: CalendarDay;
+    day: import("@forgeroute/ui").CalendarDay;
     label: string;
     clickable: boolean;
     allDay: CalendarItem[];