@akcelik/strct 1.15.0 → 1.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "1.15.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

@@ -1107,6 +1107,13 @@ declare class StrctModal {
     readonly size: _angular_core.InputSignal<StrctModalSize>;
     /** Hide the footer slot. */
     readonly hideFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Wizard-hosting mode: no head, no body padding, no footer — the projected
+     * content (a `flush` vertical wizard) is the dialog surface. `title` still
+     * names the dialog for assistive tech; backdrop/Escape dismissal follow
+     * `dismissible` as usual.
+     */
+    readonly chromeless: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible label of the X close button (localizable). */
     readonly closeLabel: _angular_core.InputSignal<string>;
     /**
@@ -1149,7 +1156,7 @@ declare class StrctModal {
     private focusable;
     private focusInitial;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctModal, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctModal, "strct-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hideFooter": { "alias": "hideFooter"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*", "[strctModalFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctModal, "strct-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hideFooter": { "alias": "hideFooter"; "required": false; "isSignal": true; }; "chromeless": { "alias": "chromeless"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*", "[strctModalFooter]"], true, never>;
 }
 
 /** Marks the drawer's footer action area: `<ng-container strctDrawerFooter>…`. */
@@ -1351,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">
@@ -1359,6 +1366,11 @@ declare function provideStrctWizardDefaults(defaults: StrctWizardDefaults): Prov
  *     …
  *     <aside strctWizardAside>…live summary…</aside>
  *   </strct-wizard>
+ *
+ * Hosted in a dialog, the wizard IS the surface: pair `flush` here with
+ * `chromeless` on `strct-modal` (keep `cancelable` — the head's X is gone).
+ * Size the host with width/height only; overriding its `display` turns the
+ * grid into a content-sized flex item and silently breaks the layout.
  */
 declare class StrctWizard {
     private readonly defaults;
@@ -1375,8 +1387,22 @@ declare class StrctWizard {
      * this input always wins when bound.
      */
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The wizard IS the surface: drops the vertical layout's own card
+     * (border / radius / background) and fills its host — pair with
+     * `strct-modal`'s `chromeless` so the rail reaches the dialog edges.
+     * Size the host with width/height only; do not override its `display`.
+     */
+    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). */
@@ -1402,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>;
@@ -1412,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; }; "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>;
 }
 
 /**