Wizard

Finish, skip or cancel a wizard and it shows here.

Basic — $wizardData

<base-wizard>

Steps across the top, with a review step that reads back whatever you entered. $isDialog defaults to true and wraps the wizard in app-dialog, so an inline wizard has to pass false.

Room
Budget & timing
Review
What are you working on?

Pick the room and how big a job it is.

Budget and timing

A rough number is fine; you can change it later.

Review your plan

Everything you picked, in one place.

Room
Kitchen
Scope
Refresh
Budget
$18,000
Start
Flexible
Notes
—

Vertical with Skip — orientation · allowUserSkip

Orientation.Vertical

Steps down the side. allowUserSkip adds a Skip button to the footer and emits wizardSkipped.

Utilities
Set up utilities

Get these switched into your name before moving day.

Electricity

Gas

Water and sewer

Internet

Trash and recycling pickup

Safety first

Quick checks for the first weekend.

Test every smoke and CO detector

Find the main water shut-off

Label the breaker panel

Check the fire extinguisher date

Keys and locks

You never know how many copies are out there.

Rekey the exterior doors

Reset the garage door code

Change the alarm code

Gated by a form — stepForm

FieldTree

linear blocks Next until the step’s signal form is valid: you can’t move past Contact until the name and phone are filled in.

Contact
The job
Send
How can we reach you?

Next unlocks once your name and phone are in.

What needs doing?

Pick the closest match and add any details.

Ready to send

We’ll call within one business day.

Name
—
Phone
—
Job
Roof repair
Details
—

Loading — WizardService

WizardService.$loading

The loading flag lives in a service rather than an input, so any collaborator can drive it.

Room
Budget & timing
Review
What are you working on?

Pick the room and how big a job it is.

Budget and timing

A rough number is fine; you can change it later.

Review your plan

Everything you picked, in one place.

Room
Kitchen
Scope
Refresh
Budget
$18,000
Start
Flexible
Notes
—