@forgeroute/ui 0.4.77 → 0.4.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgeroute/ui",
-  "version": "0.4.77",
+  "version": "0.4.79",
   "peerDependencies": {
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",
@@ -57,6 +57,10 @@
       "types": "./types/forgeroute-ui-messaging.d.ts",
       "default": "./fesm2022/forgeroute-ui-messaging.mjs"
     },
+    "./offline": {
+      "types": "./types/forgeroute-ui-offline.d.ts",
+      "default": "./fesm2022/forgeroute-ui-offline.mjs"
+    },
     "./pdf": {
       "types": "./types/forgeroute-ui-pdf.d.ts",
       "default": "./fesm2022/forgeroute-ui-pdf.mjs"

package/types/forgeroute-ui-charts.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+import { UiLabelsService } from "@forgeroute/ui";
 /**
  * A darker shade (each channel x 0.8) of a hex (`#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`) or comma-separated `rgb()` / `rgba()` colour,
  * returned as `rgb(r, g, b)` or `rgba(r, g, b, a)`. Returns `null` for anything else (named colours, `var(--x)`, `hsl()`, out-of-range
@@ -119,8 +120,9 @@ export declare class BarChartComponent {
   readonly valueFormat: import("@angular/core").InputSignal<BarChartValueFormat>;
   /** ISO 4217 currency code for `valueFormat="currency"` (default USD; an invalid code falls back to USD). */
   readonly currency: import("@angular/core").InputSignal<string>;
-  /** BCP 47 locale for 'currency' / 'percent' (default en-US; an invalid tag falls back to en-US). */
-  readonly locale: import("@angular/core").InputSignal<string>;
+  /** BCP 47 locale for 'currency' / 'percent'. `null` (default) = the app's active locale (`UiLabelsService.setLocale`, `en-US` until set); an invalid tag falls back to en-US. */
+  readonly locale: import("@angular/core").InputSignal<string | null>;
+  private readonly _ui;
   /** Fixed number of decimals for 'currency' / 'percent' (integer 0-6). null = the format's default. Ignored for 'number'. */
   readonly decimals: import("@angular/core").InputSignal<number | null>;
   /** Several series sharing `labels` (grouped side by side, or stacked). Non-empty = takes precedence over `values`, `color`, `hoverColor` and `colors`. Default: none (single series). */
@@ -257,8 +259,11 @@ interface PieSlice {
   percent: string;
   color: string;
 }
-/** "62.5%", "100%", "<0.1%" (a non-zero share that rounds to nothing). Rounded to 1 decimal. */
-declare function formatPercent(value: number, total: number): string;
+/**
+ * "62.5%", "100%", "<0.1%" (a non-zero share that rounds to nothing). Rounded to 1 decimal, written with the decimal mark of `locale`
+ * (default: the app's active locale, so "62,5%" in a locale that uses a comma).
+ */
+declare function formatPercent(value: number, total: number, locale?: string): string;
 /**
  * Pie or doughnut chart of one series (e.g. payments by method).
  *
@@ -277,6 +282,7 @@ declare function formatPercent(value: number, total: number): string;
  * - No click output: a slice is not keyboard reachable, so selecting is left to a list or table next to the chart.
  */
 export declare class PieChartComponent {
+  protected readonly ui: UiLabelsService;
   /** Slice names. */
   readonly labels: import("@angular/core").InputSignal<string[]>;
   /** Slice values, in the order of `labels`. */

package/types/forgeroute-ui-maps.d.ts

@@ -1,3 +1,4 @@
+import { UiLabelsService } from "@forgeroute/ui";
 import * as i0 from "@angular/core";
 interface StateView {
   id: string;
@@ -31,6 +32,7 @@ interface StateView {
  * Territories are not on the map.
  */
 export declare class UsStateMapComponent {
+  protected readonly labels: UiLabelsService;
   /** State abbreviation -> value. Keys are case-insensitive; unknown keys are ignored; numbers and numeric strings (`'5'`) are read as numbers, anything else (negative, NaN, Infinity, text, booleans, null) counts as 0; repeated keys (`tx` and `TX`) are added up. */
   readonly data: import("@angular/core").InputSignal<Record<string, number>>;
   /** Abbreviation of the selected state (orange outline, the others are dimmed). Unknown / null = none. */
@@ -50,7 +52,8 @@ export declare class UsStateMapComponent {
   /** Shows a row of buttons for the very small states (touch friendly, 44px). Off by default. */
   readonly showSmallStateButtons: import("@angular/core").InputSignal<boolean>;
   /** Accessible name of the whole map. */
-  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly ariaLabelInput: import("@angular/core").InputSignal<string | null>;
+  readonly ariaLabel: import("@angular/core").Signal<string>;
   /** CSS maximum width of the map (it always shrinks to its container). */
   readonly maxWidth: import("@angular/core").InputSignal<string>;
   /** Optional CSS height of the map, e.g. "420px". Empty = follows the width (aspect ratio of the map). */
@@ -141,7 +144,7 @@ export declare class UsStateMapComponent {
       "required": false;
       "isSignal": true;
     };
-    "ariaLabel": {
+    "ariaLabelInput": {
       "alias": "ariaLabel";
       "required": false;
       "isSignal": true;

package/types/forgeroute-ui-messaging.d.ts

@@ -1,4 +1,4 @@
-import { ComboboxOption, ComboboxSelection, ContactLookup, PillTab, RadioOption, SelectOption, UiFieldValidity } from "@forgeroute/ui";
+import { ComboboxOption, ComboboxSelection, ContactLookup, PillTab, RadioOption, SelectOption, UiFieldValidity, UiLabelsService } from "@forgeroute/ui";
 import * as i0 from "@angular/core";
 import { ChangeDetectorRef, OnInit } from "@angular/core";
 import { Observable, Subject } from "rxjs";
@@ -10,6 +10,7 @@ export interface VideoMessage {
   shareLink: string | null;
 }
 export declare class VideoPickerComponent implements UiFieldValidity {
+  protected readonly labels: UiLabelsService;
   readonly videoSelected: import("@angular/core").OutputEmitterRef<VideoMessage>;
   /** Optional visible label (names the search field and the selected-video group). Without it the field is named "Search videos". */
   readonly label: import("@angular/core").InputSignal<string>;
@@ -107,6 +108,7 @@ export interface TemplateItem {
   useAllYear?: boolean;
 }
 export declare class TemplatePickerComponent {
+  protected readonly labels: UiLabelsService;
   private readonly http;
   /** API root from FORGEROUTE_CONFIG (e.g. a cross-origin prod API); falls back to same-origin `/api`. */
   private readonly apiBase;
@@ -117,7 +119,8 @@ export declare class TemplatePickerComponent {
   /** Filter results to a specific channel: 'email', 'text', or omit for all. */
   readonly channel: import("@angular/core").InputSignal<"" | "email" | "text">;
   readonly selectedId: import("@angular/core").InputSignal<string | null>;
-  readonly label: import("@angular/core").InputSignal<string>;
+  readonly labelInput: import("@angular/core").InputSignal<string | null>;
+  readonly label: import("@angular/core").Signal<string>;
   /** Shows the red required asterisk (same as the library inputs) — e.g. when a template must be picked to send. */
   readonly required: import("@angular/core").InputSignal<boolean>;
   /** Reveal the built-in "<label> is required." message now (e.g. after a failed Send click); otherwise it shows after the field was blurred. */
@@ -177,7 +180,7 @@ export declare class TemplatePickerComponent {
   onPreviewClick(tpl: TemplateItem): void;
   select(tpl: TemplateItem): void;
   preview(tpl: TemplateItem): void;
-  private readonly sampleVars;
+  private get sampleVars();
   previewText(raw: string): string;
   isCurrentlyActive(tpl: TemplateItem): boolean;
   activeDateLabel(tpl: TemplateItem): string;
@@ -193,7 +196,7 @@ export declare class TemplatePickerComponent {
       "required": false;
       "isSignal": true;
     };
-    "label": {
+    "labelInput": {
       "alias": "label";
       "required": false;
       "isSignal": true;
@@ -538,13 +541,15 @@ export declare const DOCUMENT_PURPOSE_OPTIONS: SelectOption[];
  * show only while `showErrors` is true.
  */
 export declare class DocumentSendOptionsComponent implements UiFieldValidity {
+  protected readonly labels: UiLabelsService;
   private readonly http;
   private readonly destroyRef;
   /** API root from FORGEROUTE_CONFIG (e.g. a cross-origin prod API); falls back to same-origin `/api`. */
   private readonly apiBase;
   /** `email` → purpose select + attachment allowed; `text` → link only (purpose fixed to e-signature). */
   readonly channel: import("@angular/core").InputSignal<"email" | "text">;
-  readonly label: import("@angular/core").InputSignal<string>;
+  readonly labelInput: import("@angular/core").InputSignal<string | null>;
+  readonly label: import("@angular/core").Signal<string>;
   /** When true, at least one document must be chosen. The message forms leave it false: documents are optional there. */
   readonly required: import("@angular/core").InputSignal<boolean>;
   /** Shows the validation message (bind it to the host's "tried to submit" flag). */
@@ -596,7 +601,13 @@ export declare class DocumentSendOptionsComponent implements UiFieldValidity {
   readonly envelope: import("@angular/core").InputSignal<DocumentEnvelopeTarget | null>;
   /** The document list is fixed: an existing envelope's. */
   readonly locked: import("@angular/core").Signal<boolean>;
-  protected readonly purposeOptions: import("@angular/core").Signal<SelectOption<string>[]>;
+  protected readonly purposeOptions: import("@angular/core").Signal<{
+    label: string;
+    value: string;
+    description?: string;
+    badge?: string;
+    disabled?: boolean;
+  }[]>;
   readonly search$: Subject<string>;
   readonly options: import("@angular/core").WritableSignal<ComboboxOption<DocumentOption>[]>;
   readonly loading: import("@angular/core").WritableSignal<boolean>;
@@ -616,13 +627,13 @@ export declare class DocumentSendOptionsComponent implements UiFieldValidity {
   readonly expiryDays: import("@angular/core").WritableSignal<string>;
   readonly reminderIntervalDays: import("@angular/core").WritableSignal<string>;
   readonly maxReminders: import("@angular/core").WritableSignal<string>;
-  protected readonly providerOptions: RadioOption[];
+  protected readonly providerOptions: import("@angular/core").Signal<RadioOption[]>;
   /** The search box; cleared (and kept focused) after each pick so the next search starts empty. */
   private readonly combo;
   /** True when the last search request failed (shown inline instead of "No matching documents"). */
   readonly searchFailed: import("@angular/core").WritableSignal<boolean>;
   /** Shown through the combobox's own `error` input, so it is announced and tied to the search field natively (aria-describedby on the inner input). */
-  protected readonly searchFailedMessage = "Couldn't search your documents. Check your connection and try again.";
+  protected get searchFailedMessage(): string;
   /**
    * False when the section can't be used: the text channel only sends an e-signature link, so an app whose `purposes` excludes
    * `ESIGN` has nothing to offer there. The section then shows a short note instead of a picker (it never silently sends another purpose).
@@ -643,9 +654,9 @@ export declare class DocumentSendOptionsComponent implements UiFieldValidity {
   /** Why an envelope cannot be sent ('' = it can): nothing to send, or a document that is no longer active. Shown under the section. */
   readonly envelopeProblem: import("@angular/core").Signal<string>;
   /** Why Send waits for the envelope's documents ('' when they are known). */
-  readonly envelopeReadMessage: import("@angular/core").Signal<"" | "Reading the envelope's documents…" | "The documents of this envelope couldn't be read, so it can't be sent yet.">;
+  readonly envelopeReadMessage: import("@angular/core").Signal<string>;
   /** Why Send waits for the document's signers ('' when they are known). */
-  readonly signerReadMessage: import("@angular/core").Signal<"" | "Reading the document's signers…" | "The signers of this document couldn't be read, so it can't be sent yet.">;
+  readonly signerReadMessage: import("@angular/core").Signal<string>;
   /** The collapsed line: "Signing options: expires in 7 days, reminders every 2 days, up to 3". */
   readonly signingSummary: import("@angular/core").Signal<string>;
   /** Open when the sender opened it, or while a value is broken (the error must be visible). */
@@ -693,7 +704,7 @@ export declare class DocumentSendOptionsComponent implements UiFieldValidity {
       "required": false;
       "isSignal": true;
     };
-    "label": {
+    "labelInput": {
       "alias": "label";
       "required": false;
       "isSignal": true;
@@ -758,6 +769,15 @@ export declare class DocumentSendOptionsComponent implements UiFieldValidity {
     "invalidChange": "invalidChange";
   }, never, never, true, never>;
 }
+/**
+ * The Spanish wordings of the two video lines, kept here (not imported from the Spanish dictionary) so the messaging entry point does not pull the whole
+ * 117 KB dictionary into apps that never use Spanish. They only exist so a line written in Spanish is recognised after a language switch.
+ * `video-link.spec.ts` asserts they equal `UI_LABELS_ES`, so they cannot drift.
+ */
+declare const SPANISH_VIDEO_LINK_WORDS: {
+  readonly watchVideo: "Ver video";
+  readonly watchNamed: "Ver \"{{ title }}\": {{ link }}";
+};
 /**
  * Video share-link helpers shared by every app (they replace the apps' own copies, e.g. real-estate `video-link.utils.ts`).
  *
@@ -796,7 +816,7 @@ declare function videoLinkWithDefaults(baseLink: string, defaults?: VideoDefault
 export declare function stripVideoLink(text: string): string;
 /** Appends a "🎬 Watch video: <link>" line to a message body (replacing one that is already there). */
 export declare function appendVideoLink(text: string, link: string): string;
-/** The line `ui-send-message-panel` puts in the message for an attached video: `Watch "<title>": <link>`. */
+/** The line `ui-send-message-panel` puts in the message for an attached video: `Watch "<title>": <link>` (the active language's wording, `messagingVideoLink.watchNamed`). */
 export declare function videoMessageLine(title: string, link: string): string;
 /**
  * Puts `next` into `body` in place of `prev` (the line inserted earlier), so changing a video setting rewrites the link without
@@ -804,6 +824,8 @@ export declare function videoMessageLine(title: string, link: string): string;
  *  - no `prev` yet → appended after a blank line (no separator for an empty body);
  *  - `prev` is in the body → replaced in place; with an empty `next` it is removed together with its separator;
  *  - `prev` was edited away by the sender → the body is left as the sender wrote it.
+ * `prev` also matches the same video line in another language (English / Spanish wording, or the "🎬 Watch video:" form), so a language
+ * switch between the two calls replaces the line instead of adding a second one.
  */
 export declare function applyVideoLine(body: string, prev: string, next: string): string;
 /** The `documents` key of `SendEmailPayload` / `SendTextPayload`: present only when at least one document was chosen. */
@@ -970,6 +992,7 @@ interface SendEmailPayload {
  */
 export declare function messagePreviewHtml(body: string): string;
 declare class SendEmailComponent implements OnInit {
+  protected readonly labels: UiLabelsService;
   private readonly destroyRef;
   private readonly http;
   /** API root from FORGEROUTE_CONFIG (e.g. a cross-origin prod API); falls back to same-origin `/api`. */
@@ -1002,7 +1025,8 @@ declare class SendEmailComponent implements OnInit {
   readonly sendFn: import("@angular/core").InputSignal<((payload: SendEmailPayload) => Observable<unknown>) | null>;
   /** Shows an "include receipt" checkbox; the choice is sent as `includeReceipt`. Off = payload has no such key. */
   readonly showReceiptOption: import("@angular/core").InputSignal<boolean>;
-  readonly receiptLabel: import("@angular/core").InputSignal<string>;
+  readonly receiptLabelInput: import("@angular/core").InputSignal<string | null>;
+  readonly receiptLabel: import("@angular/core").Signal<string>;
   /** Initial state of the receipt checkbox (and the state it returns to after a send). */
   readonly receiptDefault: import("@angular/core").InputSignal<boolean>;
   /** Shows the "Documents" section (search your documents, choose what the recipient does with them). Off = the form is unchanged. */
@@ -1074,7 +1098,7 @@ declare class SendEmailComponent implements OnInit {
     id: string;
     title: string;
   }>;
-  readonly EMAIL_DISABLED_MESSAGE = "Email sending is disabled, so this can't be sent. Enable it in Communication Settings.";
+  get EMAIL_DISABLED_MESSAGE(): string;
   mode: 'compose' | 'template';
   subject: string;
   body: string;
@@ -1108,7 +1132,7 @@ declare class SendEmailComponent implements OnInit {
   /** Lines of the merge check ("These fields will be left empty: …"). */
   mergeWarnings: string[];
   readonly savingEmail: import("@angular/core").WritableSignal<boolean>;
-  readonly modeTabs: PillTab[];
+  readonly modeTabs: import("@angular/core").Signal<PillTab[]>;
   /** Market values (`area`, `median_price`, `dom`, `new_listings`) — only the ones `/service-areas` returned. */
   private marketVars;
   ngOnInit(): void;
@@ -1290,7 +1314,7 @@ declare class SendEmailComponent implements OnInit {
       "required": false;
       "isSignal": true;
     };
-    "receiptLabel": {
+    "receiptLabelInput": {
       "alias": "receiptLabel";
       "required": false;
       "isSignal": true;
@@ -1440,6 +1464,7 @@ interface SendInAppAttachment {
  * `richText`) and optional attachments (`allowAttachments`). No templates, video or scheduling, and it makes no request of its own: `sendFn` does the sending. Used by `<ui-send-message-panel recipientMode="in-app">`.
  */
 declare class SendInAppComponent implements OnInit {
+  protected readonly labels: UiLabelsService;
   private readonly destroyRef;
   private readonly toast;
   private readonly cdr;
@@ -1564,6 +1589,7 @@ interface SendTextPayload {
 }
 declare function formatPhone(raw: string | null | undefined): string;
 declare class SendTextComponent implements OnInit {
+  protected readonly labels: UiLabelsService;
   protected readonly formatPhone: typeof formatPhone;
   private readonly destroyRef;
   private readonly http;
@@ -1681,7 +1707,7 @@ declare class SendTextComponent implements OnInit {
   } | null>;
   readonly mediaUploading: import("@angular/core").WritableSignal<boolean>;
   readonly savingPhone: import("@angular/core").WritableSignal<boolean>;
-  readonly modeTabs: PillTab[];
+  readonly modeTabs: import("@angular/core").Signal<PillTab[]>;
   /** Market values (`area`, `median_price`, `dom`, `new_listings`) — only the ones `/service-areas` returned. */
   private marketVars;
   ngOnInit(): void;
@@ -1928,6 +1954,7 @@ export interface BulkSentEvent {
 /** The hint under the bulk summary: personal tags are not resolved by the panel. */
 export declare const BULK_MERGE_TAG_HINT = "Personal details such as {{first_name}} are filled in for each recipient when sent.";
 export declare class SendMessagePanelComponent {
+  protected readonly labels: UiLabelsService;
   readonly open: import("@angular/core").InputSignal<boolean>;
   readonly contact: import("@angular/core").InputSignal<MessageContact | null>;
   readonly loading: import("@angular/core").InputSignal<boolean>;
@@ -1948,14 +1975,15 @@ export declare class SendMessagePanelComponent {
    * `textEnabled` must already be known when the panel opens for `'text'` to take effect (bind `[recipients]` after async settings loaded, or re-open).
    */
   readonly initialChannel: import("@angular/core").InputSignal<"email" | "text" | null>;
-  /** Bulk mode: the plural noun in "To: 12 residents" (default `recipients`). */
+  /** Bulk mode: the plural noun in "To: 12 residents" (default `recipients`, localized). */
   readonly recipientNoun: import("@angular/core").InputSignal<string>;
   /** Bulk mode: the singular noun used when exactly one is selected; empty = the plural without a trailing "s". */
   readonly recipientNounSingular: import("@angular/core").InputSignal<string>;
   /** Pass true when Twilio / SMS is enabled in the consuming app's settings. */
   readonly textEnabled: import("@angular/core").InputSignal<boolean>;
   /** Panel header. */
-  readonly title: import("@angular/core").InputSignal<string>;
+  readonly titleInput: import("@angular/core").InputSignal<string | null>;
+  readonly title: import("@angular/core").Signal<string>;
   /** Prefill for the email Subject / Message and the text Message in "Create Message" mode. */
   readonly defaultSubject: import("@angular/core").InputSignal<string>;
   readonly defaultBody: import("@angular/core").InputSignal<string>;
@@ -1970,7 +1998,8 @@ export declare class SendMessagePanelComponent {
   readonly sendText: import("@angular/core").InputSignal<((payload: SendTextPayload) => Observable<unknown>) | null>;
   /** Email tab only: shows an "include receipt" checkbox; the choice is sent as `SendEmailPayload.includeReceipt`. */
   readonly showReceiptOption: import("@angular/core").InputSignal<boolean>;
-  readonly receiptLabel: import("@angular/core").InputSignal<string>;
+  readonly receiptLabelInput: import("@angular/core").InputSignal<string | null>;
+  readonly receiptLabel: import("@angular/core").Signal<string>;
   readonly receiptDefault: import("@angular/core").InputSignal<boolean>;
   /**
    * Adds a "Documents" section to the email and text forms: the sender searches the company's documents and sends them
@@ -2005,8 +2034,7 @@ export declare class SendMessagePanelComponent {
   readonly showVideo: import("@angular/core").InputSignal<boolean>;
   /** In-app mode is for one contact: it is ignored in bulk mode. */
   protected readonly inApp: import("@angular/core").Signal<boolean>;
-  protected readonly BULK_NO_SEND_MESSAGE = "Sending to several recipients is not set up for this page, so nothing was sent.";
-  protected readonly BULK_MERGE_TAG_HINT = "Personal details such as {{first_name}} are filled in for each recipient when sent.";
+  protected get BULK_MERGE_TAG_HINT(): string;
   /**
    * false hides Attach Files / Attach Image AND "Schedule for later" in both forms (a host `sendEmail` / `sendText` that can't deliver them).
    * It is the default for the two switches below, which override it one by one.
@@ -2102,6 +2130,7 @@ export declare class SendMessagePanelComponent {
   readonly sending: import("@angular/core").WritableSignal<boolean>;
   private submitSnapshot;
   protected readonly recipientWord: import("@angular/core").Signal<string>;
+  /** Why recipients are skipped, worded for how many of them there are (a language with number agreement says "no tiene" for one, "no tienen" for several). */
   private skippedReason;
   private skippedNames;
   readonly skippedText: import("@angular/core").Signal<string>;
@@ -2126,7 +2155,8 @@ export declare class SendMessagePanelComponent {
    * function adds it to its request.
    */
   readonly showJobPicker: import("@angular/core").InputSignal<boolean>;
-  readonly jobLabel: import("@angular/core").InputSignal<string>;
+  readonly jobLabelInput: import("@angular/core").InputSignal<string | null>;
+  readonly jobLabel: import("@angular/core").Signal<string>;
   readonly jobHint: import("@angular/core").InputSignal<string>;
   /**
    * Looks jobs up for the Job field (the panel knows nothing about the app's API): called with the typed text (2+ characters,
@@ -2224,7 +2254,7 @@ export declare class SendMessagePanelComponent {
       "required": false;
       "isSignal": true;
     };
-    "title": {
+    "titleInput": {
       "alias": "title";
       "required": false;
       "isSignal": true;
@@ -2264,7 +2294,7 @@ export declare class SendMessagePanelComponent {
       "required": false;
       "isSignal": true;
     };
-    "receiptLabel": {
+    "receiptLabelInput": {
       "alias": "receiptLabel";
       "required": false;
       "isSignal": true;
@@ -2424,7 +2454,7 @@ export declare class SendMessagePanelComponent {
       "required": false;
       "isSignal": true;
     };
-    "jobLabel": {
+    "jobLabelInput": {
       "alias": "jobLabel";
       "required": false;
       "isSignal": true;
@@ -2450,16 +2480,6 @@ export declare class SendMessagePanelComponent {
     "phoneAdded": "phoneAdded";
   }, never, never, true, never>;
 }
-/**
- * Merge-tag helpers shared by the email and text forms, so the Preview pane, the "View Send Preview" modal and the
- * sent payload all come from the same values.
- *
- * Rules:
- *  - A tag is `{{key}}` (inner spaces allowed: `{{ key }}`); `key` is letters, digits, `_` and `.`.
- *  - A value counts only when it is non-blank: a blank contact field, market value or `context` entry never
- *    resolves a tag — the form asks for it instead.
- *  - Anything still shaped like `{{…}}` after merging blocks sending (the server answers such a body with a 400).
- */
 /** Every distinct tag key in `text`, in order of first appearance. */
 declare function mergeTagKeys(text: string): string[];
 /** Replaces each tag that has a non-blank value in `values`; other tags are left as written. */
@@ -2497,6 +2517,7 @@ declare function formatVarLabel(key: string): string;
  * roles `<Name> is already <Role label>.` (unless the config allows it).
  */
 export declare class DocumentSignersComponent implements UiFieldValidity {
+  protected readonly labels: UiLabelsService;
   /** The signer logic's conclusion for the chosen document(s) (`ui-document-send-options` value `signerInfo`). */
   readonly info: import("@angular/core").InputSignal<DocumentSignerInfo | null>;
   readonly config: import("@angular/core").InputSignal<DocumentSignersConfig | null>;