@forgeroute/ui 0.4.5 → 0.4.6

package/package.json

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

package/types/forgeroute-ui.d.ts

@@ -3040,6 +3040,11 @@ export interface RadioOption {
  * Built-in validation: `required` -> "<label> is required."; a non-empty value that is not one of the `options` ->
  * "Select a valid option." (not checked while `options` is empty). Disabled groups are never invalid.
  *
+ * Option content (`<ng-template uiRadioOptionContent="value">`) is rendered right under its option, inside the fieldset, so the layout and
+ * keyboard flow stay as they are. Because it is not a radio, it is exposed as its own `role="group"` named by that option's label
+ * (`aria-labelledby` = the radio's label id, e.g. "Deliver, group") instead of being read as part of the radio group. Groups without
+ * templates render no extra attributes or ids.
+ *
  * Validity API (same on every ui input): Angular `Validator`, signals `invalid` + `errorMessage`, `invalidChange` output,
  * provides `UiFieldValidity`. Messages show after the group lost focus or while `[showErrors]="true"`; a host `[error]` wins.
  */
@@ -3065,6 +3070,8 @@ export declare class RadioGroupComponent implements ControlValueAccessor, Valida
   protected readonly _descId: string;
   /** Id of the content block under the selected option; that radio points at it with aria-controls. */
   protected readonly _nestedId: string;
+  /** Id of an option's label text (set on the radio only for options that have nested content); the nested group is named by it. */
+  protected _optionLabelId(index: number): string;
   protected readonly _value: import("@angular/core").WritableSignal<string>;
   private readonly _reveal;
   private readonly _issue;
@@ -7003,7 +7010,10 @@ export declare class RadioComponent {
   /** Public so a host template can bind `[disabled]` (a protected input fails strict template type-checking). */
   readonly _disabledInput: import("@angular/core").InputSignal<boolean>;
   protected readonly disabled: import("@angular/core").InputSignal<boolean>;
-  protected readonly _labelId: string;
+  /** Id of the visible label text. Optional: a host (e.g. `ui-radio-group`) can set it to point another element at the label with `aria-labelledby`; a unique id is generated when empty. */
+  readonly labelId: import("@angular/core").InputSignal<string>;
+  private readonly _generatedLabelId;
+  protected readonly _labelId: import("@angular/core").Signal<string>;
   /** With a description inside the <label>, the accessible name would read "Email We send a message": name the input by the label text only. */
   protected readonly _labelledBy: import("@angular/core").Signal<string | null>;
   protected readonly _descriptionId: string;
@@ -7064,6 +7074,11 @@ export declare class RadioComponent {
       "required": false;
       "isSignal": true;
     };
+    "labelId": {
+      "alias": "labelId";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "selected": "selected";
   }, never, ["*"], true, never>;
@@ -7414,6 +7429,14 @@ export declare class SignaturePadComponent implements ControlValueAccessor {
  * `state="ready"` is a clickable button (`label`), `"blocked"` the same button disabled (`blockedLabel`, e.g. "create your signature first"),
  * and `"signed"` shows the applied `image` (a signature data URL) contained inside the box instead (signed without an image is a disabled button showing `label`). The box size comes from the document
  * so the text is scaled to it (height x 0.25, clamped to 7-11px); on touch devices the tap area is extended to at least 44px tall.
+ *
+ * Inside an ancestor scaled with CSS `transform: scale(s)` (e.g. a PDF page shrunk to fit a phone), pass that factor as `scale` so the tap area
+ * stays at least 44 CSS px on screen (the area is made 44 / s px tall before the ancestor shrinks it). Default 1; values <= 0, NaN or
+ * non-finite count as 1. Only the touch tap area changes, not the look, font size or accessibility.
+ *
+ *   <div [style.transform]="'scale(' + s + ')'" style="transform-origin: top left">
+ *     <ui-pdf-hotspot ... [scale]="s" />   <!-- s = 0.5 -> tap area at least 88px tall before scaling = 44px on screen -->
+ *   </div>
  */
 export declare class PdfHotspotComponent {
   /** Position and size in pixels, from the page's top-left corner. */
@@ -7434,8 +7457,12 @@ export declare class PdfHotspotComponent {
   /** The applied signature (data URL), shown when `state` is `signed`. */
   readonly image: import("@angular/core").InputSignal<string | null>;
   readonly imageAlt: import("@angular/core").InputSignal<string>;
+  /** The CSS scale factor an ancestor applies (`transform: scale(s)`); keeps the touch tap area at least 44px on screen. Invalid values count as 1. */
+  readonly scale: import("@angular/core").InputSignal<number>;
   /** The ready button was clicked. */
   readonly activate: import("@angular/core").OutputEmitterRef<void>;
+  /** `--ph-scale` value, or null (no property at all) for scale 1 and invalid values. */
+  protected readonly _scaleVar: import("@angular/core").Signal<string | null>;
   protected readonly fontSize: import("@angular/core").Signal<number>;
   static ɵfac: i0.ɵɵFactoryDeclaration<PdfHotspotComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<PdfHotspotComponent, "ui-pdf-hotspot", never, {
@@ -7494,6 +7521,11 @@ export declare class PdfHotspotComponent {
       "required": false;
       "isSignal": true;
     };
+    "scale": {
+      "alias": "scale";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "activate": "activate";
   }, never, never, true, never>;