@forgeroute/ui 0.4.31 → 0.4.32

package/package.json

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

package/types/forgeroute-ui.d.ts

@@ -4251,6 +4251,62 @@ export declare class BulkMessagePanelComponent {
     "send": "send";
   }, never, never, true, never>;
 }
+/**
+ * The grid of source cards ("Follow Up Boss", "kvCORE", "Custom CSV" ...) of the import wizard's first step. Used inside the import window and
+ * on its own (the setup wizard shows it inline so the user picks a source without opening the window first).
+ *
+ *   <ui-import-source-grid [sources]="sources" [selected]="picked" ariaLabel="Select your Contact source" (sourceSelect)="picked = $event" />
+ */
+export declare class ImportSourceGridComponent {
+  readonly sources: import("@angular/core").InputSignal<ImportSource[]>;
+  /** The `value` of the picked source (highlighted). `tile` only: the `card` appearance does not keep a selection. */
+  readonly selected: import("@angular/core").InputSignal<string>;
+  /** `tile`: the compact buttons of the import window. `card`: one `ui-detail-card` per source with its own select button (used on a page). */
+  readonly appearance: import("@angular/core").InputSignal<"card" | "tile">;
+  /** `card`: disables every card's button (for example while the page is saving). */
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  /** `card`: the text of each card's button. */
+  readonly actionLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the list. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  /** Emits the `value` of the clicked source. */
+  readonly sourceSelect: import("@angular/core").OutputEmitterRef<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ImportSourceGridComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ImportSourceGridComponent, "ui-import-source-grid", never, {
+    "sources": {
+      "alias": "sources";
+      "required": true;
+      "isSignal": true;
+    };
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "actionLabel": {
+      "alias": "actionLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "sourceSelect": "sourceSelect";
+  }, never, never, true, never>;
+}
 export interface ActiveConfirm {
   title: string;
   message: string;
@@ -11081,6 +11137,8 @@ export interface SetupWizardTexts {
   exit: string;
   connect: string;
   reconnect: string;
+  /** Button on each source card of an import step. */
+  selectSource: string;
   connected: string;
   importMore: string;
   whatGetsImported: string;
@@ -11117,6 +11175,8 @@ export interface SetupStep {
   /** Unique within the list. */
   key: string;
   label: string;
+  /** Title in the header bar of the card around the step. Omit it and the card has no header bar. */
+  cardTitle?: string;
   /** The paragraph under the heading. */
   description?: string;
   /** `custom` shows the app's own `<ng-template uiSetupStep="key">`; `import` and `integrations` are built in. */
@@ -11185,6 +11245,28 @@ export declare class SetupWizardStepDirective {
     };
   }, {}, never, never, true, never>;
 }
+/**
+ * Content for the right side of a step's card header (a search box, a small action): `<ng-template uiSetupStepHeader="key">…</ng-template>`.
+ * It gets the same `let-wizard` as the step's own template. A step with this template shows the card header even without a `cardTitle`.
+ */
+export declare class SetupWizardStepHeaderDirective {
+  /** The `key` of the step this header content belongs to. */
+  readonly key: import("@angular/core").InputSignal<string>;
+  readonly template: TemplateRef<{
+    $implicit: SetupWizardApi;
+  }>;
+  static ngTemplateContextGuard(_dir: SetupWizardStepHeaderDirective, _ctx: unknown): _ctx is {
+    $implicit: SetupWizardApi;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<SetupWizardStepHeaderDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<SetupWizardStepHeaderDirective, "ng-template[uiSetupStepHeader]", never, {
+    "key": {
+      "alias": "uiSetupStepHeader";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
 /** Splits a description into its first sentence (title) and the rest (text). A single sentence is all title. */
 export declare function splitIntro(description: string): {
   title: string;
@@ -11223,6 +11305,7 @@ export declare class SetupWizardComponent {
   /** The step that was just shown (its key). */
   readonly stepChange: import("@angular/core").OutputEmitterRef<string>;
   protected readonly stepTemplates: import("@angular/core").Signal<readonly SetupWizardStepDirective[]>;
+  protected readonly headerTemplates: import("@angular/core").Signal<readonly SetupWizardStepHeaderDirective[]>;
   protected readonly importers: import("@angular/core").Signal<readonly ImportExportComponent[]>;
   protected readonly t: import("@angular/core").Signal<SetupWizardTexts>;
   protected readonly currentKey: import("@angular/core").WritableSignal<string>;
@@ -11252,6 +11335,9 @@ export declare class SetupWizardComponent {
   protected readonly stepperSteps: import("@angular/core").Signal<StepperStep[]>;
   protected readonly summarySections: import("@angular/core").Signal<PanelInfoSection[]>;
   constructor();
+  protected headerTemplateFor(key: string): import("@angular/core").TemplateRef<{
+    $implicit: SetupWizardApi;
+  }> | null;
   protected templateFor(key: string): import("@angular/core").TemplateRef<{
     $implicit: SetupWizardApi;
   }> | null;
@@ -11266,6 +11352,8 @@ export declare class SetupWizardComponent {
   private run;
   /** The message to show for a failure: the server's own `{ message }` (or a thrown error's message); never the HTTP client's technical text. */
   private messageOf;
+  /** A source card was picked on the step itself: opens the import window already past its source step (at the upload step for that source). */
+  protected startImport(key: string, source: string): void;
   protected openImport(key: string): void;
   protected onImported(key: string): void;
   protected importResult(key: string): number | null;
@@ -11299,7 +11387,7 @@ export declare class SetupWizardComponent {
     "finished": "finished";
     "exited": "exited";
     "stepChange": "stepChange";
-  }, ["stepTemplates"], ["[setup-wizard-logo]"], true, never>;
+  }, ["stepTemplates", "headerTemplates"], ["[setup-wizard-logo]"], true, never>;
 }
 /** One automated trigger a template can be assigned to (the host decides which exist). */
 export interface EmailTemplateAssignmentOption {
@@ -11490,7 +11578,7 @@ export declare class EmailTemplateEditorComponent {
   readonly sizeKey: import("@angular/core").WritableSignal<number>;
   readonly headingOptions: SelectOption<string>[];
   readonly fontSizeOptions: SelectOption<string>[];
-  readonly spacingOptions: SelectOption<string>[];
+  readonly spacingTabs: PillTab[];
   readonly ctaTypeOptions: SelectOption<string>[];
   readonly playbackOptions: {
     value: string;