@akcelik/strct 1.16.0 → 1.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "1.16.0",
+  "version": "1.18.0",
   "description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
   "author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
   "license": "MIT",

package/types/akcelik-strct.d.ts

@@ -1358,7 +1358,7 @@ declare function provideStrctWizardDefaults(defaults: StrctWizardDefaults): Prov
  * rail — dashed-ring states (idle ⊙ / active ●⊙ / done ✓), a progress bar
  * with an “n/N” counter, and click-back navigation to visited steps — plus an
  * optional right column projected via `strctWizardAside` (live summaries).
- * The rail never flips horizontal: under ~720px of component width it
+ * The rail never flips horizontal: under ~700px of component width it
  * collapses to a compact vertical ring column (container query).
  *
  *   <strct-wizard vertical title="Create virtual machine">
@@ -1396,6 +1396,13 @@ declare class StrctWizard {
     readonly flush: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Rail heading shown above the progress bar (vertical mode). */
     readonly title: _angular_core.InputSignal<string>;
+    /**
+     * Name the content pane after the active step (vertical mode): the step's
+     * `label` as a heading, its `description` as the lede. In the compact
+     * narrow rail this is the only visible step name. On by default;
+     * `[contentHeader]="false"` opts out.
+     */
+    readonly contentHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Label for the final-step button (default "Finish"). */
     readonly finishLabel: _angular_core.InputSignal<string>;
     /** Labels for the Back / Next / Cancel buttons (localizable). */
@@ -1421,6 +1428,7 @@ declare class StrctWizard {
     /** Furthest step reached — drives the progress bar and rail clickability. */
     protected readonly maxVisited: _angular_core.WritableSignal<number>;
     protected readonly progressPct: _angular_core.Signal<number>;
+    protected readonly activeStep: _angular_core.Signal<StrctStep>;
     protected readonly isLast: _angular_core.Signal<boolean>;
     /** Whether the current step permits advancing (its `canAdvance`). */
     protected readonly canAdvance: _angular_core.Signal<boolean>;
@@ -1431,7 +1439,7 @@ declare class StrctWizard {
     goTo(index: number): void;
     finish(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctWizard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctWizard, "strct-wizard", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "submittingLabel": { "alias": "submittingLabel"; "required": false; "isSignal": true; }; "progressLabel": { "alias": "progressLabel"; "required": false; "isSignal": true; }; "stepsLabel": { "alias": "stepsLabel"; "required": false; "isSignal": true; }; "submitting": { "alias": "submitting"; "required": false; "isSignal": true; }; "cancelable": { "alias": "cancelable"; "required": false; "isSignal": true; }; }, { "current": "currentChange"; "finished": "finished"; "cancelled": "cancelled"; "stepChange": "stepChange"; }, ["steps", "asideDef"], ["*", "[strctWizardAside]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctWizard, "strct-wizard", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "contentHeader": { "alias": "contentHeader"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "submittingLabel": { "alias": "submittingLabel"; "required": false; "isSignal": true; }; "progressLabel": { "alias": "progressLabel"; "required": false; "isSignal": true; }; "stepsLabel": { "alias": "stepsLabel"; "required": false; "isSignal": true; }; "submitting": { "alias": "submitting"; "required": false; "isSignal": true; }; "cancelable": { "alias": "cancelable"; "required": false; "isSignal": true; }; }, { "current": "currentChange"; "finished": "finished"; "cancelled": "cancelled"; "stepChange": "stepChange"; }, ["steps", "asideDef"], ["*", "[strctWizardAside]"], true, never>;
 }
 
 /**