@forgeroute/ui 0.4.61 → 0.4.62

package/package.json

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

package/types/forgeroute-ui.d.ts

@@ -2682,7 +2682,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<"metadata" | "none" | "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>;
@@ -3963,7 +3963,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' }`). */
@@ -4009,7 +4009,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>;
@@ -4957,7 +4957,7 @@ export declare class TextInputComponent implements ControlValueAccessor, Validat
    * `search`, `text`, `none`). Empty (default) = the browser's default for the field, except `type="tel"`, which keeps `tel`.
    * It only picks the keyboard; it does not restrict what can be typed or pasted.
    */
-  readonly inputmode: import("@angular/core").InputSignal<"" | "none" | "text" | "search" | "email" | "tel" | "url" | "decimal" | "numeric">;
+  readonly inputmode: import("@angular/core").InputSignal<"" | "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal">;
   readonly readonly: import("@angular/core").InputSignal<boolean>;
   readonly hint: import("@angular/core").InputSignal<string>;
   /** Id(s) of an external element that also describes this control (e.g. one shared error text for a group of fields). Space separated; MERGED after the control's own hint / error id in `aria-describedby`, never replacing it. Empty = unchanged. */
@@ -6424,7 +6424,7 @@ export declare class DropdownComponent {
   readonly loader: import("@angular/core").InputSignal<(() => Promise<DropdownItem[]>) | null>;
   readonly active: import("@angular/core").InputSignal<boolean>;
   readonly activeValue: import("@angular/core").InputSignal<string>;
-  readonly variant: import("@angular/core").InputSignal<"badge" | "button">;
+  readonly variant: import("@angular/core").InputSignal<"button" | "badge">;
   readonly menuWidth: import("@angular/core").InputSignal<string>;
   /**
    * Fixed width of the trigger as a CSS length (e.g. `'280px'`). Empty (default) = the trigger is as wide as its label. When set, the trigger keeps that
@@ -6745,7 +6745,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<"" | 2 | 3 | "2" | "3" | "all">;
   protected readonly _class: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<FormColSpanDirective, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<FormColSpanDirective, "[uiColSpan]", never, {
@@ -13238,9 +13238,9 @@ export interface ConversationAttachment {
 }
 /** What `(send)` reports. */
 export interface ConversationSendEvent {
-  /** The message as plain text (trimmed). With `[richText]`, the text of the formatted message. */
+  /** The message as plain text (trimmed): the text of the formatted message. */
   text: string;
-  /** With `[richText]`: the formatted message as sanitised HTML (bold, italic, underline, links, lists). Absent for a plain-text composer. */
+  /** Only with `[richText]="true"`: the formatted message as sanitised HTML (bold, italic, underline, links, lists). */
   html?: string;
 }
 /** A message with the date separator that goes above it ('' when it shares the day of the previous message). */
@@ -13411,9 +13411,14 @@ export declare class ConversationsComponent {
   readonly composerStatus: import("@angular/core").InputSignal<string>;
   /** An error on the message box. */
   readonly composerError: import("@angular/core").InputSignal<string>;
-  /** Longest message the box accepts (1600 = the SMS provider's limit for one send). */
+  /** Longest message (in plain text) Send accepts; longer disables Send, the host words the reason in `composerError` (1600 = the SMS provider's limit for one send). */
   readonly maxLength: import("@angular/core").InputSignal<number>;
-  /** The composer is the library's rich text editor (bold, italic, underline, links, lists) and `[(draft)]` holds its HTML; `(send)` reports `text` and `html`. Messages show their `bodyHtml`. Default false: a plain text box. */
+  /**
+   * Opt-in formatted composer (`ui-rich-text-editor`: bold, italic, underline, link, lists). Default false = the plain textarea, Enter sends and
+   * Shift+Enter is a new line. In rich mode `[(draft)]` still holds the PLAIN text (so a host's length and merge-field checks and a template
+   * insert work on text), Enter starts a new paragraph / list item and the message is sent with the Send button or Ctrl/Cmd+Enter;
+   * `(send)` carries `text` (plain) and `html` (sanitised). Messages with `bodyHtml` show formatted in either mode.
+   */
   readonly richText: import("@angular/core").InputSignal<boolean>;
   readonly attachment: import("@angular/core").InputSignal<ConversationAttachment | null>;
   readonly uploading: import("@angular/core").InputSignal<boolean>;
@@ -13478,8 +13483,8 @@ export declare class ConversationsComponent {
   protected readonly contextVisible: import("@angular/core").Signal<boolean>;
   /** Something to send (text or a file), the composer is open and no request is running. */
   readonly canSend: import("@angular/core").Signal<boolean>;
-  /** The draft as plain text: the draft itself, or the text of its HTML in the rich composer. */
-  protected readonly draftText: import("@angular/core").Signal<string>;
+  /** The composer's formatted content. `draft` is always its plain text, so a host that reads or sets `[(draft)]` never sees markup. */
+  protected readonly editorHtml: import("@angular/core").WritableSignal<string>;
   protected readonly richHide: RichTextOption[];
   constructor();
   protected relativeTime(iso: string | null | undefined): string;
@@ -13494,6 +13499,7 @@ export declare class ConversationsComponent {
   protected closeContext(restoreFocus?: boolean): void;
   protected openFilePicker(): void;
   protected onComposeKeydown(event: KeyboardEvent): void;
+  protected onEditorChange(html: string): void;
   protected sendMessage(): void;
   private clock;
   private singleColumn;