From d82d40a8482e12c5130f09f0ff7fe782db6fae51 Mon Sep 17 00:00:00 2001
From: prismiwi2015 <daniel.lopez@automattic.com>
Date: Sun, 16 Aug 2026 01:05:47 +0200
Subject: [PATCH] Make every setting a field type declares reachable from the
 builder
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A field type says what it supports; the inspector decides what to draw.
Nothing joined those two, and the result was not a bug anybody could see:
thirty-two supported settings had no control anywhere. The heading level on
a heading. The markup in an HTML block. The file types a file field accepts.
How many rows a repeater allows. The words on the ends of a scale. The
button at the bottom of a page break — which is where this started, because
a multi-page form in any language other than English shipped a button
saying "Next" and there was nothing to be done about it.

Every one of them worked perfectly once set, which is exactly why nobody
noticed: the renderer honoured them, the schema stored them, the tests
passed, and the only way to set one was to export the form as JSON, edit it
by hand, and import it back.

The join is now a table — one line per setting — and a test that reads the
PHP registrations and fails when a flag has no control and no stated reason
to lack one. A hand-kept list here would have agreed with itself forever
while disagreeing with the plugin.

On the canvas, the settings that are visible parts of the field are edited
where they appear: the hint under any control that offers one, the page
break's own Next and Back buttons, the repeater's Add button, the name of
the step. Both panes stay in step by naming the property they edit rather
than by two hand-kept lists of keys, which is one list fewer to forget.

Also fixed, all found while doing the above:

- `prevLabel` never rendered. A page's Back button read the break that
  *closes* that page, but the wording belongs to the break that opened it —
  the same one whose Next brought the visitor there. On a two-page form the
  setting was unreachable by construction.
- The form title sat outside `.atf-form`, where the theme's tokens are
  scoped, so every `var( --atf-* )` on it was invalid — taking its font,
  size, colour and bottom margin with them. It had been wearing the site
  theme's `h2` and sitting flush against the step indicator. The tokens are
  now scoped to the wrapper, which is what the instance id is on anyway.
- A switch rendered as a tick box. It now draws a switch, and the preview
  tells the two apart the same way the front end does.
- A toggle drew its label twice, once as the field label and once beside
  the control.
- The hint sat above the control on the canvas and below it on the page.
- `calc`, `confirm`, `counter`, `searchable`, `disabledays`,
  `defaultcountry`, `explanation` and a rating `icon` were declared and
  read by nothing. Removed rather than given controls that would do
  nothing.

Likert statements are edited as one per line, and a row's key is what its
answers are stored against — so keys survive rewording. Correcting a typo
in a statement must not detach every answer already given to it.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0119U4sRRWGcTQdwYreTwpAp
---
 assets/css/builder.css              |   64 +
 assets/css/form.css                 |  114 ++
 assets/js/builder.js                |  693 +++++++-
 assets/js/builder.min.js            |    4 +-
 composer.lock                       | 2496 +++++++++++++++++++++++++++
 docs/field-types.md                 |   64 +-
 docs/hooks-reference.md             |    5 +
 docs/javascript.md                  |    6 +
 includes/field-types.php            |   32 +-
 includes/fields.php                 |   34 +
 includes/render-controls.php        |   11 +-
 includes/render.php                 |   45 +-
 includes/rest.php                   |    5 +
 src/builder.ts                      |  666 ++++++-
 src/field-preview.ts                |  295 +++-
 src/types.ts                        |    3 +
 tests/phpunit/tests/render.php      |  246 +++
 tests/vitest/field-preview.test.ts  |  180 ++
 tests/vitest/field-settings.test.ts |  177 ++
 19 files changed, 4907 insertions(+), 233 deletions(-)
 create mode 100644 composer.lock
 create mode 100644 tests/vitest/field-settings.test.ts

diff --git a/assets/css/builder.css b/assets/css/builder.css
index 4a4c141..a94441c 100644
--- a/assets/css/builder.css
+++ b/assets/css/builder.css
@@ -2246,6 +2246,70 @@ os-checkbox-label.atfb-check {
 	background: var( --atfb-accent-soft );
 }
 
+/* A control and the chrome that belongs to it — a repeater and its add button,
+   a page break and its navigation — kept together as one block. */
+.atfb-preview__stack {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+}
+
+/* The hint keeps `.atf-hint` from the front end, so its size and colour are the
+   theme's. This only stops an empty one collapsing: an editable with nothing in
+   it still has to be a target you can click, and the placeholder inside it is
+   what invites the first hint anybody writes. */
+.atfb-preview__hint {
+	margin: 4px 0 0;
+}
+
+.atfb-preview__hint .atfb-editable {
+	display: block;
+	min-block-size: 1lh;
+}
+
+/* A button whose words are the editable part. `.atf-button` gives it the
+   theme's real fill, radius and padding; it is a `<span>` rather than a
+   `<button>` because a button element cannot hold a caret. */
+.atfb-preview__button {
+	display: inline-flex;
+	align-items: center;
+	/* The stack is a column flex container, so without this the button grows to
+	   the full width of the card and stops reading as a button at all. */
+	align-self: flex-start;
+	cursor: text;
+}
+
+/* Inherited rather than themed: the text sits on the button's own colour, and
+   the editing outline has to be visible against a filled accent as well as
+   against a pale secondary. */
+.atfb-preview__button-text {
+	color: inherit;
+	font: inherit;
+}
+
+.atfb-preview__button-text:focus {
+	background: none;
+	outline-color: currentcolor;
+}
+
+.atfb-preview__button-text:hover {
+	outline-color: currentcolor;
+}
+
+/* The page break's own navigation, drawn small: it is a preview of the buttons
+   that close the page, not a call to action on the canvas. */
+.atfb-preview__nav {
+	display: flex;
+	gap: 8px;
+	margin: 0;
+}
+
+/* The step's name, which is what the progress indicator shows. */
+.atfb-progress-name {
+	margin: 0;
+	font-weight: 600;
+}
+
 /* What an elaborate control says instead of pretending to be itself. */
 .atfb-preview__summary {
 	margin: 0;
diff --git a/assets/css/form.css b/assets/css/form.css
index 85ea764..68a06ac 100644
--- a/assets/css/form.css
+++ b/assets/css/form.css
@@ -923,6 +923,49 @@
 	justify-content: space-between;
 }
 
+/* Every button in a form, reset against the site's theme.
+ *
+ * A form is dropped into somebody else's theme, and themes style bare `button`
+ * elements — Astra's inline CSS sets `padding: 15px 30px`, a box-shadow and a
+ * background on `.menu-toggle, button, .ast-button, …`. Ours declared `border`
+ * and `background` and left everything else, so the repeater's 28px × turned
+ * into a 60×30 slab with a drop shadow hanging over the row's corner.
+ *
+ * Declaring only the properties we happen to care about is what loses these
+ * fights. A form has to look the same on any theme, so every button starts from
+ * the same place and the rules below paint from there. `.atf-form button` weighs
+ * (0,1,1), which beats the bare `button` in a theme's selector list.
+ *
+ * Wrapped in `:where()`, which contributes nothing to specificity — so this
+ * weighs (0,1,0): enough to beat a theme's bare `button`, and low enough that
+ * every `.atf-button` rule below still wins on source order. Written plainly as
+ * `.atf-form button` it weighed (0,1,1) and beat our own components instead,
+ * which stripped the submit button and the repeater's "Add another" back to
+ * bare text — a reset that resets the wrong side of the fight.
+ *
+ * Anything a theme commonly sets belongs in this list; if a control starts
+ * looking wrong on one theme and right on another, this is the first place to
+ * look. */
+.atf-form :where( button ) {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	border-radius: 0;
+	background: none;
+	box-shadow: none;
+	color: inherit;
+	font: inherit;
+	line-height: var( --atf-line-height );
+	letter-spacing: inherit;
+	text-transform: none;
+	text-decoration: none;
+	min-inline-size: 0;
+	block-size: auto;
+	inline-size: auto;
+	appearance: none;
+}
+
+
 .atf-button {
 	display: inline-flex;
 	align-items: center;
@@ -1254,3 +1297,74 @@
 		background-color: Highlight;
 	}
 }
+
+/* --- The Toggle, drawn as a switch -----------------------------------------
+ *
+ * `switch` and `consent` are the same control underneath — one checkbox — and
+ * they should not look the same. A switch says "this setting is on"; consent
+ * says "I have agreed", which is a statement a tick box makes and a switch does
+ * not. A field type called Toggle that rendered a checkbox was the name lying
+ * about the control.
+ *
+ * Sized in `em` from the field's own font, so it scales with a theme's type
+ * rather than needing tokens of its own — a theme that sets a bigger base size
+ * gets a bigger switch without touching anything. */
+.atf-form .atf-toggle--switch .atf-toggle__input {
+	inline-size: 2.2em;
+	block-size: 1.25em;
+	border-radius: 1em;
+	/* The track, not a box: the switch's own shape overrides the tick box's
+	   radius token, which is the one place a theme's `radius-check` must not
+	   apply. */
+	padding: 0;
+	flex: 0 0 auto;
+	position: relative;
+	transition: background-color var( --atf-transition-duration ) var( --atf-transition-easing );
+}
+
+/* The knob. `::before` is the tick box's mark, reused — so the checked state
+   moves the knob rather than drawing a tick. */
+.atf-form .atf-toggle--switch .atf-toggle__input::before {
+	content: "";
+	position: absolute;
+	inset-block-start: 50%;
+	inset-inline-start: 0.12em;
+	inline-size: 0.95em;
+	block-size: 0.95em;
+	border-radius: 50%;
+	background-color: var( --atf-border );
+	transform: translateY( -50% ) scale( 1 );
+	clip-path: none;
+	transition: inset-inline-start var( --atf-transition-duration ) var( --atf-transition-easing ),
+		background-color var( --atf-transition-duration ) var( --atf-transition-easing );
+}
+
+.atf-form .atf-toggle--switch .atf-toggle__input:checked::before {
+	inset-inline-start: calc( 100% - 1.07em );
+	background-color: var( --atf-accent-text );
+	transform: translateY( -50% ) scale( 1 );
+}
+
+/* The track fills with the accent when on, which is what the tick box does too
+   — the state reads the same across every control in the form. */
+.atf-form .atf-toggle--switch .atf-toggle__input:checked {
+	background-color: var( --atf-accent );
+	border-color: var( --atf-accent );
+}
+
+/* A switch is a control, not a word: it sits on the line with its label rather
+   than being nudged onto the first line of a paragraph like a tick box. */
+.atf-form .atf-toggle--switch {
+	align-items: center;
+}
+
+.atf-form .atf-toggle--switch .atf-toggle__label {
+	margin-block-start: 0;
+}
+
+@media ( prefers-reduced-motion: reduce ) {
+	.atf-form .atf-toggle--switch .atf-toggle__input,
+	.atf-form .atf-toggle--switch .atf-toggle__input::before {
+		transition: none;
+	}
+}
diff --git a/assets/js/builder.js b/assets/js/builder.js
index f5b8486..1b810b2 100644
--- a/assets/js/builder.js
+++ b/assets/js/builder.js
@@ -416,7 +416,7 @@ var allTerrainFormsBuilder = function(exports) {
       attrs: { "aria-hidden": "true" }
     });
   }
-  function row(label, control2, hint) {
+  function row(label, control2, hint2) {
     const id = control2.id || `atf-c-${Math.random().toString(36).slice(2, 9)}`;
     control2.id = id;
     return el("div", {
@@ -424,7 +424,7 @@ var allTerrainFormsBuilder = function(exports) {
       children: [
         el("label", { class: "atfb-row__label", text: label, attrs: { for: id } }),
         control2,
-        hint ? el("p", { class: "atfb-row__hint", text: hint }) : null
+        hint2 ? el("p", { class: "atfb-row__hint", text: hint2 }) : null
       ]
     });
   }
@@ -986,17 +986,28 @@ var allTerrainFormsBuilder = function(exports) {
   function shapeFor(type) {
     return SHAPES[type] ?? "text";
   }
-  function editableText(value, placeholder, className, onInput, onCommit) {
+  function boundValue(field, key) {
+    const choice = /^choice:(\d+):(label|value)$/.exec(key);
+    if (choice) {
+      return String(field.choices?.[Number(choice[1])]?.[choice[2]] ?? "");
+    }
+    return String(field[key] ?? "");
+  }
+  function editableText(options) {
+    const { value, onInput, onCommit } = options;
     const node = el("span", {
-      class: `${className} atfb-editable`,
+      class: `${options.class} atfb-editable`,
       text: value,
       attrs: {
         contenteditable: "plaintext-only",
         role: "textbox",
         spellcheck: "false",
-        "data-placeholder": placeholder
+        "data-placeholder": options.placeholder
       }
     });
+    if (options.bind) {
+      node.dataset.atfbBind = options.bind;
+    }
     node.addEventListener("pointerdown", (event) => event.stopPropagation());
     node.addEventListener("input", () => onInput(node.textContent ?? ""));
     node.addEventListener("keydown", (event) => {
@@ -1023,23 +1034,26 @@ var allTerrainFormsBuilder = function(exports) {
   }
   function renderFieldPreview(field, type, handlers) {
     const shape = shapeFor(field.type);
-    const label = editableText(
-      field.label,
-      "Write the question…",
-      "atf-label",
-      (value) => handlers.edit((live) => {
+    const label = editableText({
+      value: field.label,
+      placeholder: "Write the question…",
+      class: "atf-label",
+      bind: "label",
+      onInput: (value) => handlers.edit((live) => {
         live.label = value;
       }),
       // Committed on blur rather than per keystroke: the label appears in other
       // cards' condition chips and in the merge-tag picker, and repainting the
       // canvas on every character would take the caret with it.
-      () => handlers.restructure(() => {
+      onCommit: () => handlers.restructure(() => {
       })
-    );
+    });
     const parts = [
-      "static" === shape ? null : label,
-      field.hint ? el("p", { class: "atf-hint", text: field.hint }) : null,
-      control(field, type, shape, handlers)
+      // A toggle draws its own label beside the switch, exactly as the front end
+      // does — a second one above it was the same words twice.
+      "static" === shape || "toggle" === shape ? null : label,
+      control(field, type, shape, handlers),
+      hint(field, type, handlers)
     ];
     return el("div", {
       // `.atf-form` is what the theme's custom properties are scoped to, and
@@ -1054,6 +1068,22 @@ var allTerrainFormsBuilder = function(exports) {
       ]
     });
   }
+  function hint(field, type, handlers) {
+    if (!type?.supports.includes("hint")) {
+      return null;
+    }
+    const node = editableText({
+      value: field.hint ?? "",
+      placeholder: "Add a hint…",
+      class: "atf-hint",
+      bind: "hint",
+      onInput: (value) => handlers.edit((live) => {
+        live.hint = value;
+      })
+    });
+    node.setAttribute("aria-label", "Hint");
+    return el("p", { class: "atfb-preview__hint", children: [node] });
+  }
   function control(field, type, shape, handlers) {
     switch (shape) {
       case "text":
@@ -1069,23 +1099,27 @@ var allTerrainFormsBuilder = function(exports) {
         return optionList(field, handlers);
       case "toggle":
         return el("div", {
-          class: "atf-toggle",
+          // The modifier matters: a switch and a consent tick box are the same
+          // shape here but not the same control on the page, and the front end
+          // tells them apart by exactly this class.
+          class: "switch" === field.type ? "atf-toggle atf-toggle--switch" : "atf-toggle",
           children: [
             (() => {
               const box = el("input", { class: "atf-toggle__input", type: "checkbox" });
               box.disabled = true;
               return box;
             })(),
-            editableText(
-              field.label || "",
-              "What are they agreeing to?…",
-              "atf-toggle__label",
-              (value) => handlers.edit((live) => {
+            editableText({
+              value: field.label || "",
+              placeholder: "consent" === field.type ? "What are they agreeing to?…" : "What does this turn on?…",
+              class: "atf-toggle__label",
+              bind: "label",
+              onInput: (value) => handlers.edit((live) => {
                 live.label = value;
               }),
-              () => handlers.restructure(() => {
+              onCommit: () => handlers.restructure(() => {
               })
-            )
+            })
           ]
         });
       case "file":
@@ -1103,24 +1137,61 @@ var allTerrainFormsBuilder = function(exports) {
       case "static":
         return staticBlock(field, type, handlers);
       default:
-        return el("p", {
-          class: "atfb-preview__summary",
-          text: `${type?.label ?? field.type} — set this up in the panel on the right.`
+        return el("div", {
+          class: "atfb-preview__stack",
+          children: [
+            el("p", {
+              class: "atfb-preview__summary",
+              text: `${type?.label ?? field.type} — set this up in the panel on the right.`
+            }),
+            // A repeater's one visible piece of chrome is the button that adds
+            // another row, and its wording is already a setting. Drawing the
+            // real button is both the honest preview and the only place the
+            // wording was reachable.
+            "repeater" === field.type ? repeatButton(field, handlers) : null
+          ]
         });
     }
   }
   function placeholderBox(field, className, handlers, tall = false) {
-    const box = editableText(
-      field.placeholder ?? "",
-      "select" === field.type || "country" === field.type ? "Choose…" : "Placeholder…",
-      `${className} atfb-preview__box${tall ? " atfb-preview__box--tall" : ""}`,
-      (value) => handlers.edit((live) => {
+    const box = editableText({
+      value: field.placeholder ?? "",
+      placeholder: "select" === field.type || "country" === field.type ? "Choose…" : "Placeholder…",
+      class: `${className} atfb-preview__box${tall ? " atfb-preview__box--tall" : ""}`,
+      bind: "placeholder",
+      onInput: (value) => handlers.edit((live) => {
         live.placeholder = value;
       })
-    );
+    });
     box.setAttribute("aria-label", "Placeholder");
     return box;
   }
+  function labelledButton(text, fallback2, className, bind2, handlers, write) {
+    return el("span", {
+      class: `atf-button ${className} atfb-preview__button`,
+      children: [
+        editableText({
+          value: text,
+          placeholder: fallback2,
+          class: "atfb-preview__button-text",
+          bind: bind2,
+          onInput: (value) => handlers.edit((live) => write(live, value))
+        })
+      ]
+    });
+  }
+  function repeatButton(field, handlers) {
+    return labelledButton(
+      String(field.addLabel ?? ""),
+      "Add another",
+      "atf-button--secondary",
+      "addLabel",
+      handlers,
+      (live, value) => {
+        live.addLabel = value;
+      }
+    );
+  }
   function optionList(field, handlers) {
     const list = el("div", { class: "atf-choices__list" });
     (field.choices ?? []).forEach((choice, index) => {
@@ -1129,11 +1200,12 @@ var allTerrainFormsBuilder = function(exports) {
           class: "atf-choice atfb-preview__option",
           children: [
             optionInputFor(field.type),
-            editableText(
-              choice.label,
-              "Option…",
-              "atf-choice__label",
-              (value) => {
+            editableText({
+              value: choice.label,
+              placeholder: "Option…",
+              class: "atf-choice__label",
+              bind: `choice:${index}:label`,
+              onInput: (value) => {
                 handlers.edit((live) => {
                   const target = live.choices?.[index];
                   if (!target) {
@@ -1146,7 +1218,7 @@ var allTerrainFormsBuilder = function(exports) {
                   }
                 });
               }
-            ),
+            }),
             el("button", {
               class: "atfb-preview__remove",
               type: "button",
@@ -1188,22 +1260,72 @@ var allTerrainFormsBuilder = function(exports) {
   }
   function staticBlock(field, type, handlers) {
     if ("heading" === field.type) {
-      return editableText(
-        field.label,
-        "Section heading…",
-        "atf-heading",
-        (value) => handlers.edit((live) => {
+      return editableText({
+        value: field.label,
+        placeholder: "Section heading…",
+        class: "atf-heading",
+        bind: "label",
+        onInput: (value) => handlers.edit((live) => {
           live.label = value;
         }),
-        () => handlers.restructure(() => {
+        onCommit: () => handlers.restructure(() => {
         })
-      );
+      });
     }
     if ("divider" === field.type) {
       return el("hr", { class: "atf-divider" });
     }
     if ("page_break" === field.type) {
-      return el("p", { class: "atfb-preview__summary", text: "Everything after this is a new page." });
+      return el("div", {
+        class: "atfb-preview__stack",
+        children: [
+          el("p", {
+            class: "atfb-progress-name",
+            children: [
+              editableText({
+                value: field.label,
+                placeholder: "Name this step…",
+                class: "atf-progress__label",
+                bind: "label",
+                onInput: (value) => handlers.edit((live) => {
+                  live.label = value;
+                }),
+                // The name appears in the step indicator on every page of
+                // the form, so the preview has to be repainted once the
+                // wording settles.
+                onCommit: () => handlers.restructure(() => {
+                })
+              })
+            ]
+          }),
+          el("p", { class: "atfb-preview__summary", text: "Everything after this is a new page." }),
+          el("div", {
+            class: "atf-nav atfb-preview__nav",
+            children: [
+              labelledButton(
+                String(field.prevLabel ?? ""),
+                "Back",
+                "atf-button--secondary",
+                "prevLabel",
+                handlers,
+                (live, value) => {
+                  live.prevLabel = value;
+                }
+              ),
+              labelledButton(
+                String(field.nextLabel ?? ""),
+                "Next",
+                "",
+                "nextLabel",
+                handlers,
+                (live, value) => {
+                  live.nextLabel = value;
+                }
+              )
+            ]
+          })
+        ]
+      });
     }
     return el("p", {
       class: "atfb-preview__summary",
@@ -2297,6 +2419,178 @@ var allTerrainFormsBuilder = function(exports) {
     control2.dataset.atfbBind = key;
     return control2;
   }
+  const SETTING_CONTROLS = {
+    level: {
+      key: "level",
+      label: "Heading level",
+      control: "select",
+      hint: "Headings should step down one at a time.",
+      options: [
+        { value: "2", label: "Heading 2" },
+        { value: "3", label: "Heading 3" },
+        { value: "4", label: "Heading 4" },
+        { value: "5", label: "Heading 5" },
+        { value: "6", label: "Heading 6" }
+      ]
+    },
+    content: {
+      key: "content",
+      label: "HTML",
+      control: "textarea",
+      hint: "Shown as written. Scripts are stripped when the form is saved."
+    },
+    consenttext: {
+      key: "consentText",
+      label: "What they are agreeing to",
+      control: "textarea",
+      hint: "Shown beside the tick box. Links are allowed."
+    },
+    height: {
+      key: "height",
+      label: "Height",
+      control: "number",
+      hint: "In pixels."
+    },
+    columns: {
+      key: "columns",
+      label: "Columns",
+      control: "number",
+      hint: "How many pictures sit side by side."
+    },
+    multiple: {
+      key: "multiple",
+      label: "Let them choose more than one",
+      control: "checkbox"
+    },
+    inline: {
+      key: "inline",
+      label: "Lay the options out in a row",
+      control: "checkbox"
+    },
+    other: {
+      key: "other",
+      label: "Offer an “Other” box",
+      control: "checkbox",
+      hint: "Adds a final option with a box to type in."
+    },
+    filetypes: {
+      key: "filetypes",
+      label: "Accepted file types",
+      control: "commas",
+      hint: "Extensions, separated by commas. Empty accepts anything the site allows."
+    },
+    maxsize: {
+      key: "maxsize",
+      label: "Largest file",
+      control: "number",
+      hint: "In megabytes."
+    },
+    maxfiles: {
+      key: "maxfiles",
+      label: "How many files",
+      control: "number"
+    },
+    minrows: {
+      key: "minRows",
+      label: "Fewest rows",
+      control: "number",
+      also: { key: "maxRows", label: "Most rows" }
+    },
+    endlabels: {
+      key: "minLabel",
+      label: "Label at the low end",
+      control: "text",
+      also: { key: "maxLabel", label: "Label at the high end" }
+    },
+    points: {
+      key: "points",
+      label: "Points if correct",
+      control: "number"
+    },
+    minchoices: {
+      key: "minChoices",
+      label: "Fewest they may pick",
+      control: "number",
+      also: { key: "maxChoices", label: "Most they may pick" }
+    }
+  };
+  const SETTINGS_HANDLED_ELSEWHERE = {
+    label: "the canvas edits it in place, and the inspector mirrors it",
+    placeholder: "edited by typing into the control on the canvas",
+    hint: "edited under the control on the canvas",
+    nextlabel: "edited on the page break’s own Next button",
+    prevlabel: "edited on the page break’s own Back button",
+    addlabel: "edited on the repeater’s own Add button",
+    choices: "the choices editor, and the option list on the canvas",
+    required: "the toggle on the card",
+    width: "its own row",
+    css: "its own row",
+    prefill: "its own section",
+    logic: "the conditional logic section",
+    formula: "its own row, with the currency that goes with it",
+    currency: "rendered with the formula",
+    correct: "the choices editor marks the right answer",
+    default: "its own row, typed to match what the field stores",
+    rows: "a row count on a textarea; the statement list on a Likert matrix",
+    parts: "a tick box per part, listed by the server",
+    min: "the validation section, paired with max",
+    max: "the validation section, paired with min",
+    step: "the validation section",
+    minlength: "the validation section, paired with maxlength",
+    maxlength: "the validation section, paired with minlength",
+    mindate: "the validation section, paired with maxdate",
+    maxdate: "the validation section, paired with mindate",
+    mintime: "the validation section, paired with maxtime",
+    maxtime: "the validation section, paired with mintime",
+    pattern: "the validation section",
+    unique: "the validation section",
+    maxchoices: "rendered with minchoices",
+    maxrows: "rendered with minrows"
+  };
+  function settingRow(field, setting, update) {
+    const raw = field[setting.key];
+    const write = (value) => update(setting.key, value);
+    if ("checkbox" === setting.control) {
+      return checkbox(setting.label, Boolean(raw), write);
+    }
+    if ("commas" === setting.control) {
+      const list = Array.isArray(raw) ? raw : [];
+      return row(
+        setting.label,
+        textInput(list.join(", "), (value) => {
+          write(
+            value.split(",").map((item) => item.trim().replace(/^\./, "").toLowerCase()).filter(Boolean)
+          );
+        }),
+        setting.hint
+      );
+    }
+    if ("select" === setting.control) {
+      return row(setting.label, select(String(raw ?? ""), setting.options ?? [], write), setting.hint);
+    }
+    if ("textarea" === setting.control) {
+      return row(setting.label, textArea(String(raw ?? ""), write), setting.hint);
+    }
+    if ("number" === setting.control) {
+      return row(setting.label, numberInput(String(raw ?? ""), write), setting.hint);
+    }
+    return row(setting.label, bind(textInput(String(raw ?? ""), write), setting.key), setting.hint);
+  }
+  function restatement(rows, text) {
+    const used = new Set(rows.map((statement) => statement.key).filter(Boolean));
+    let next = rows.length + 1;
+    return text.split("\n").map((line) => line.trim()).filter(Boolean).map((label, index) => {
+      const existing = rows[index]?.key;
+      if (existing) {
+        return { key: existing, label };
+      }
+      while (used.has(`r${next}`)) {
+        next += 1;
+      }
+      used.add(`r${next}`);
+      return { key: `r${next}`, label };
+    });
+  }
   const PREFILL_SOURCES = [
     { value: "user:email", label: "Their email address", group: "About the person filling it in", tag: "{user:email}" },
     { value: "user:display_name", label: "Their name", group: "About the person filling it in", tag: "{user:display_name}" },
@@ -2388,11 +2682,47 @@ var allTerrainFormsBuilder = function(exports) {
           this.inspector.append(
             row(
               "Hint",
-              textInput(field.hint, (value) => update("hint", value)),
+              bind(textInput(field.hint, (value) => update("hint", value)), "hint"),
               "Shown under the field, and read out with it."
             )
           );
         }
+        if (supports.includes("nextlabel")) {
+          this.inspector.append(
+            row(
+              "Next button",
+              bind(
+                textInput(String(field.nextLabel ?? ""), (value) => update("nextLabel", value)),
+                "nextLabel"
+              ),
+              "Leave empty for “Next”."
+            )
+          );
+        }
+        if (supports.includes("prevlabel")) {
+          this.inspector.append(
+            row(
+              "Back button",
+              bind(
+                textInput(String(field.prevLabel ?? ""), (value) => update("prevLabel", value)),
+                "prevLabel"
+              ),
+              "Leave empty for “Back”."
+            )
+          );
+        }
+        if (supports.includes("addlabel")) {
+          this.inspector.append(
+            row(
+              "Add button",
+              bind(
+                textInput(String(field.addLabel ?? ""), (value) => update("addLabel", value)),
+                "addLabel"
+              ),
+              "Leave empty for “Add another”."
+            )
+          );
+        }
         if (supports.includes("required")) {
           this.inspector.append(
             checkbox("Required", field.required, (value) => update("required", value))
@@ -2419,6 +2749,7 @@ var allTerrainFormsBuilder = function(exports) {
         if (definition?.choices) {
           this.inspector.append(this.renderChoicesEditor(field, update));
         }
+        this.renderTypeSettings(field, definition, supports, update);
         if (field.type === "total" || supports.includes("formula")) {
           this.inspector.append(
             row(
@@ -2610,18 +2941,6 @@ var allTerrainFormsBuilder = function(exports) {
     liveField(fieldId) {
       return this.schema?.fields.find((candidate) => candidate.id === fieldId);
     }
-    /**
-     * Writes a field's current values into the inspector's matching controls.
-     *
-     * Only when the inspector is actually showing that field — editing a card that
-     * is not selected must not rewrite the pane describing a different one.
-     *
-     * Deliberately one-directional and value-only: the inspector's own handlers
-     * already write to the schema, and firing them from here would put the two
-     * panes in a loop, each telling the other about a change it had just made.
-     *
-     * @param field The field that was edited on the canvas.
-     */
     /**
      * Writes a field's current values into its card on the canvas.
      *
@@ -2634,6 +2953,13 @@ var allTerrainFormsBuilder = function(exports) {
      * Writes `textContent` rather than re-rendering, so the caret in the
      * inspector is untouched.
      *
+     * Driven by whatever `data-atfb-bind` keys the card happens to carry rather
+     * than by a list of properties kept here. The list was the bug waiting to
+     * happen: every editable added to the canvas had to be remembered in two
+     * other places, and forgetting one gave a value that mirrored in one
+     * direction only — which looks like it works right up until you use the other
+     * pane.
+     *
      * @param field The field that was edited in the inspector.
      */
     syncCanvas(field) {
@@ -2643,41 +2969,42 @@ var allTerrainFormsBuilder = function(exports) {
       if (!card) {
         return;
       }
-      const label = card.querySelector(".atf-label.atfb-editable");
-      if (label && label.textContent !== field.label) {
-        label.textContent = field.label;
-      }
-      const options = card.querySelectorAll(".atf-choice__label.atfb-editable");
-      (field.choices ?? []).forEach((choice, index) => {
-        const option = options[index];
-        if (option && option.textContent !== choice.label) {
-          option.textContent = choice.label;
+      for (const node of card.querySelectorAll(".atfb-editable[data-atfb-bind]")) {
+        const value = boundValue(field, node.dataset.atfbBind ?? "");
+        if (node.textContent !== value) {
+          node.textContent = value;
         }
-      });
+      }
     }
+    /**
+     * Writes a field's current values into the inspector's matching controls.
+     *
+     * Only when the inspector is actually showing that field — editing a card that
+     * is not selected must not rewrite the pane describing a different one.
+     *
+     * Deliberately one-directional and value-only: the inspector's own handlers
+     * already write to the schema, and firing them from here would put the two
+     * panes in a loop, each telling the other about a change it had just made.
+     *
+     * @param field The field that was edited on the canvas.
+     */
     syncInspector(field) {
       if (this.selected !== field.id) {
         return;
       }
-      const write = (key, value) => {
-        const control2 = this.inspector.querySelector(
-          `[data-atfb-bind="${CSS.escape(key)}"]`
-        );
-        if (!control2) {
-          return;
+      for (const control2 of this.inspector.querySelectorAll(
+        "[data-atfb-bind]"
+      )) {
+        const value = boundValue(field, control2.dataset.atfbBind ?? "");
+        if (control2.value === value) {
+          continue;
         }
         if ("value" in control2) {
           control2.value = value;
         } else {
           control2.setAttribute("value", value);
         }
-      };
-      write("label", field.label ?? "");
-      write("placeholder", field.placeholder ?? "");
-      (field.choices ?? []).forEach((choice, index) => {
-        write(`choice:${index}:label`, choice.label ?? "");
-        write(`choice:${index}:value`, choice.value ?? "");
-      });
+      }
     }
     /**
      * Rebuilds the canvas so its cards point at the current schema objects.
@@ -3768,6 +4095,170 @@ var allTerrainFormsBuilder = function(exports) {
       }
       return `f${index}`;
     }
+    /**
+     * The settings a field type brings with it.
+     *
+     * Driven by {@link SETTING_CONTROLS} for everything that is a plain value, and
+     * by hand for the three that are not: `default` has to match whatever the field
+     * stores, `rows` means a row count on a textarea and a list of statements on a
+     * Likert matrix, and `parts` is a tick box per part with the list coming from
+     * the server so a filtered part cannot go missing.
+     *
+     * @param field      The field.
+     * @param definition Its registered type.
+     * @param supports   What that type declares.
+     * @param update     Writes one property and repaints.
+     * @return void
+     */
+    renderTypeSettings(field, definition, supports, update) {
+      for (const flag of supports) {
+        const setting = SETTING_CONTROLS[flag];
+        if (!setting) {
+          continue;
+        }
+        this.inspector.append(settingRow(field, setting, update));
+        if (setting.also) {
+          this.inspector.append(
+            settingRow(
+              field,
+              { ...setting, key: setting.also.key, label: setting.also.label, hint: setting.also.hint },
+              update
+            )
+          );
+        }
+      }
+      if (supports.includes("rows") && "likert" !== field.type) {
+        this.inspector.append(
+          row(
+            "Lines tall",
+            numberInput(String(field.rows ?? ""), (value) => update("rows", value))
+          )
+        );
+      }
+      if (supports.includes("rows") && "likert" === field.type) {
+        this.inspector.append(this.renderStatementList(field, update));
+      }
+      if (supports.includes("parts")) {
+        this.inspector.append(this.renderPartsEditor(field, definition, update));
+      }
+      if (supports.includes("default") && !["files", "object"].includes(definition?.value ?? "")) {
+        this.inspector.append(this.renderDefaultControl(field, definition, update));
+      }
+    }
+    /**
+     * The statements a Likert matrix asks about, one per line.
+     *
+     * A textarea rather than a repeating row editor: these are a handful of short
+     * sentences, they are almost always pasted in from somewhere else, and one box
+     * you can paste five lines into beats five boxes you have to create first.
+     *
+     * # The keys are the reason this is not just a list of strings
+     *
+     * A row is `{ key, label }`, and the *key* is what an answer is stored
+     * against — `atf[f1][r2]`. So a row's key has to survive its wording being
+     * changed, or correcting a typo in a statement silently detaches every answer
+     * already given to it, in entries that were collected months ago and are not
+     * looked at again until somebody exports them.
+     *
+     * Rows are therefore matched to lines by position: line three keeps row
+     * three's key however it is reworded. A line added at the end mints a fresh
+     * key, never one that has been used, because reusing a key would attach new
+     * answers to old ones.
+     *
+     * Reordering the lines does move the answers, which is the one case position
+     * matching gets wrong — and is also indistinguishable, from here, from
+     * rewriting both statements. The alternative costs a visible id per row in the
+     * box, which is a worse trade for the common case.
+     *
+     * @param field  The field.
+     * @param update Writes one property.
+     * @return The row.
+     */
+    renderStatementList(field, update) {
+      const rows = Array.isArray(field.rows) ? field.rows : [];
+      return row(
+        "Statements",
+        textArea(
+          rows.map((statement) => statement.label ?? "").join("\n"),
+          (value) => update("rows", restatement(rows, value)),
+          5
+        ),
+        "One per line. Each becomes a row of the matrix."
+      );
+    }
+    /**
+     * Which parts of a name or an address to ask for.
+     *
+     * The available parts come from the server, because `atf_name_parts` and
+     * `atf_address_parts` are both filterable — a builder with the list baked in
+     * would offer five while the form drew seven.
+     *
+     * Order follows the server's, not the order they were ticked, so the tick
+     * boxes read in the same order as the fields they turn on.
+     *
+     * @param field      The field.
+     * @param definition Its registered type.
+     * @param update     Writes one property.
+     * @return The section.
+     */
+    renderPartsEditor(field, definition, update) {
+      const available = definition?.parts ?? [];
+      const enabled = Array.isArray(field.parts) ? field.parts : available.map((part) => part.key);
+      const boxes = available.map(
+        (part) => checkbox(part.label, enabled.includes(part.key), (checked) => {
+          const next = available.map((candidate) => candidate.key).filter((key) => key === part.key ? checked : enabled.includes(key));
+          update("parts", next.length ? next : [part.key]);
+        })
+      );
+      return el("div", {
+        class: "atfb-section",
+        children: [el("h4", { class: "atfb-section__title", text: "Parts to ask for" }), ...boxes]
+      });
+    }
+    /**
+     * The answer a field starts with.
+     *
+     * Typed to match what the field stores: a dropdown of the options where there
+     * are options, a tick box where the field is a toggle, a plain box otherwise.
+     * A text box offering to set the default of a checkbox group is a control that
+     * cannot say the right thing.
+     *
+     * Left out entirely for the types whose value is a structure — a file, a
+     * signature, a repeater — where there is no single value to pre-fill.
+     *
+     * @param field      The field.
+     * @param definition Its registered type.
+     * @param update     Writes one property.
+     * @return The row, or null where a default makes no sense.
+     */
+    renderDefaultControl(field, definition, update) {
+      const hint2 = "Filled in before they start. They can change it.";
+      if ("switch" === field.type || "consent" === field.type) {
+        return checkbox("On by default", Boolean(field.default), (value) => update("default", value));
+      }
+      if (definition?.choices && (field.choices ?? []).length) {
+        return row(
+          "Default answer",
+          select(
+            String(field.default ?? ""),
+            [
+              { value: "", label: "Nothing chosen" },
+              ...(field.choices ?? []).map((choice) => ({
+                value: String(choice.value),
+                label: choice.label || String(choice.value)
+              }))
+            ],
+            (value) => update("default", value)
+          ),
+          hint2
+        );
+      }
+      return row(
+        "Default answer",
+        textInput(String(field.default ?? ""), (value) => update("default", value)),
+        hint2
+      );
+    }
     /** The choices editor, with drag-in image support. */
     renderChoicesEditor(field, update) {
       const choices = field.choices ?? [];
@@ -3922,10 +4413,18 @@ var allTerrainFormsBuilder = function(exports) {
       }
       if (supports.includes("min")) {
         pairs.push(["min", "Minimum"], ["max", "Maximum"]);
+      } else if (supports.includes("max")) {
+        pairs.push(["max", "Highest"]);
+      }
+      if (supports.includes("step")) {
+        pairs.push(["step", "Steps of"]);
       }
       if (supports.includes("mindate")) {
         pairs.push(["minDate", "Earliest date"], ["maxDate", "Latest date"]);
       }
+      if (supports.includes("mintime")) {
+        pairs.push(["minTime", "Earliest time"], ["maxTime", "Latest time"]);
+      }
       for (const [key, label] of pairs) {
         rows.push(
           row(
@@ -3953,16 +4452,21 @@ var allTerrainFormsBuilder = function(exports) {
         );
       }
       const messages = field.messages ?? {};
-      rows.push(
-        row(
-          "Message when required",
-          textInput(messages.required ?? "", (value) => {
-            messages.required = value;
-            update("messages", messages);
-          }),
-          "Leave empty for the default wording."
-        )
-      );
+      if (supports.includes("required")) {
+        rows.push(
+          row(
+            "Message when required",
+            textInput(messages.required ?? "", (value) => {
+              messages.required = value;
+              update("messages", messages);
+            }),
+            "Leave empty for the default wording."
+          )
+        );
+      }
+      if (!rows.length) {
+        return el("div", { class: "atfb-section is-empty" });
+      }
       return this.section(`validation:${field.id}`, "Validation", rows);
     }
     /** The conditional-logic editor. */
@@ -4155,7 +4659,7 @@ var allTerrainFormsBuilder = function(exports) {
         if (!block) {
           return;
         }
-        const css = block[1].replace(/#atf-[\d-]+\s+\.atf-form/g, ".atfb .atfb-preview");
+        const css = block[1].replace(/#atf-[\d-]+/g, ".atfb .atfb-preview");
         this.canvasTheme.textContent = css;
         if (!this.canvasTheme.isConnected) {
           this.root.append(this.canvasTheme);
@@ -4781,7 +5285,10 @@ var allTerrainFormsBuilder = function(exports) {
   }
   document.addEventListener("os-window-content-loaded", mountBuilder);
   exports.Builder = Builder;
+  exports.SETTINGS_HANDLED_ELSEWHERE = SETTINGS_HANDLED_ELSEWHERE;
+  exports.SETTING_CONTROLS = SETTING_CONTROLS;
   exports.mountBuilder = mountBuilder;
+  exports.restatement = restatement;
   Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
   return exports;
 }({});
diff --git a/assets/js/builder.min.js b/assets/js/builder.min.js
index e134a1f..f130640 100644
--- a/assets/js/builder.min.js
+++ b/assets/js/builder.min.js
@@ -1 +1,3 @@
-var allTerrainFormsBuilder=function(Q){"use strict";class st{constructor(){this.targets=[],this.active=null,this.lastEndMs=0}start(e){if(this.active||e.origin.button!==0)return null;const{payload:t,origin:s}=e,n=s.clientX,a=s.clientY;let o=!1,c=!1,l=null,d=null,u=0,C=0;const v=()=>{document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",N),document.removeEventListener("pointercancel",H),document.removeEventListener("keydown",ie),window.removeEventListener("blur",H),l?.remove(),l=null,t.source.classList.remove("atf-is-dragging"),d?.onLeave?.(f),d=null,this.active=null,this.lastEndMs=Date.now()},f={payload:t,isFinished:()=>c,cancel:(x="caller")=>{c||(c=!0,v(),e.onCancel?.(x))}},y=x=>{o=!0,t.source.classList.add("atf-is-dragging");const T=t.source.getBoundingClientRect();u=t.ghost?.offsetX??n-T.left,C=t.ghost?.offsetY??a-T.top,l=t.ghost?.element??t.source.cloneNode(!0),l.classList.add("atf-drag-ghost"),l.style.width=`${T.width}px`,document.body.appendChild(l),S(x)},S=x=>{l&&(l.style.transform=`translate3d(${x.clientX-u}px, ${x.clientY-C}px, 0)`)},E=x=>{if(c)return;if(!o){if(Math.hypot(x.clientX-n,x.clientY-a)<4)return;y(x)}S(x);const T=this.hitTest(x.clientX,x.clientY);T!==d&&(d?.onLeave?.(f),d=T,d?.onEnter?.(f))},N=x=>{if(c)return;if(!o){c=!0,v(),e.onClickOnly?.();return}const T=d;if(c=!0,v(),T&&T.accept(t)){e.onCommit?.(T),T.onDrop(f,{clientX:x.clientX,clientY:x.clientY});return}e.onCancel?.(T?"rejected":"no-target")},H=()=>f.cancel("pointercancel"),ie=x=>{x.key==="Escape"&&f.cancel("escape")};return document.addEventListener("pointermove",E),document.addEventListener("pointerup",N),document.addEventListener("pointercancel",H),document.addEventListener("keydown",ie),window.addEventListener("blur",H),this.active=f,f}registerDropTarget(e){return this.targets=this.targets.filter(t=>t.id!==e.id),this.targets.push(e),()=>{this.targets=this.targets.filter(t=>t.id!==e.id)}}isDragging(){return this.active!==null}recentlyEndedDrag(e=500){return Date.now()-this.lastEndMs<e}hitTest(e,t){let s=null,n=-1;for(const a of this.targets){const o=a.element.getBoundingClientRect();if(e<o.left||e>o.right||t<o.top||t>o.bottom)continue;const c=it(a.element);if(c>n){s=a,n=c;continue}c===n&&s&&nt(a.element,s.element)&&(s=a)}return s}}function it(i){let e=0,t=i;for(;t;)e++,t=t.parentElement;return e}function nt(i,e){return(e.compareDocumentPosition(i)&Node.DOCUMENT_POSITION_FOLLOWING)!==0}function re(){return window.wp?.os??null}let oe=null;function U(){const i=re();return i?.dragManager?i.dragManager:(oe||(oe=new st),oe)}function at(i){const e=n=>{const a=n.detail?.payload;return a&&i.includes(a.type)?a.source:null},t=n=>e(n)?.classList.add("atf-is-dragging"),s=n=>e(n)?.classList.remove("atf-is-dragging");return document.addEventListener("os.drag.start",t),document.addEventListener("os.drag.end",s),()=>{document.removeEventListener("os.drag.start",t),document.removeEventListener("os.drag.end",s)}}function Ce(i,e,t,s,n){const a=e.getBoundingClientRect();return n&&(n.style.width=`${Math.round(a.width)}px`,n.style.maxWidth=`${Math.round(a.width)}px`,n.style.boxSizing="border-box"),{type:i,source:e,data:t,ghost:{element:n,offsetX:s.clientX-a.left,offsetY:s.clientY-a.top,hint:{neutral:"",accept:"",reject:"",hidden:!0}}}}function Le(i,e,t,s){const n=Array.from(i.querySelectorAll(e)).filter(a=>a!==s&&!a.classList.contains("atf-drag-ghost"));for(let a=0;a<n.length;a++){const o=n[a].getBoundingClientRect();if(t<o.top+o.height/2)return a}return n.length}const q=window.allTerrainForms;class Z extends Error{constructor(e,t,s=""){super(e),this.name="ApiError",this.status=t,this.code=s}}async function le(i,e={}){if(!q?.restUrl)throw new Z("AllTerrain Forms is not configured on this page.",0);const t=`${q.restUrl}${i}`,s={"Content-Type":"application/json",...e.headers??{}};q.nonce&&(s["X-WP-Nonce"]=q.nonce);const n=re(),o=await(n?.fetch?(c,l)=>n.fetch(c,l,{source:"allterrain-forms"}):(c,l)=>fetch(c,l))(t,{credentials:"same-origin",...e,headers:s});if(!o.ok){let c=`Request failed with status ${o.status}.`,l="";try{const d=await o.json();c=d.message??c,l=d.code??""}catch{}throw new Z(c,o.status,l)}if(o.status!==204)return await o.json()}const P=i=>le(i);async function rt(i){if(!q?.wpRestUrl)throw new Z("AllTerrain Forms is not configured on this page.",0);const e=q.nonce?{"X-WP-Nonce":q.nonce}:{},t=re(),s=`${q.wpRestUrl}${i}`,n=t?.fetch?await t.fetch(s,{credentials:"same-origin",headers:e},{source:"allterrain-forms"}):await fetch(s,{credentials:"same-origin",headers:e});if(!n.ok)throw new Z(`Request failed with status ${n.status}.`,n.status);return await n.json()}function ot(i){if(!i||!i.includes("&"))return i;const e=document.createElement("textarea");return e.innerHTML=i,e.value}const j=(i,e)=>le(i,{method:"POST",body:JSON.stringify(e)}),ce=i=>le(i,{method:"DELETE"});function Te(i){const e=new URLSearchParams;for(const[s,n]of Object.entries(i))n===void 0||n===""||n===!1||e.set(s,String(n));const t=e.toString();return t?`?${t}`:""}const L={config:()=>P("/config"),listForms:()=>P("/forms"),getForm:i=>P(`/forms/${i}`),createForm:i=>j("/forms",i),updateForm:(i,e)=>j(`/forms/${i}`,e),duplicateForm:i=>j(`/forms/${i}/duplicate`,{}),deleteForm:i=>ce(`/forms/${i}`),preview:(i,e)=>j(`/forms/${i}/preview`,e),pages:()=>rt("wp/v2/pages?per_page=100&status=publish&orderby=title&order=asc&_fields=id,title").then(i=>i.map(e=>({id:e.id,title:ot(e.title?.rendered??"")||`#${e.id}`}))),mergeTags:i=>P(`/forms/${i}/merge-tags`).then(e=>e.groups),analytics:i=>P(`/forms/${i}/analytics`),listEntries:i=>P(`/entries${Te(i)}`),getEntry:i=>P(`/entries/${i}`),updateEntry:(i,e)=>j(`/entries/${i}`,e),deleteEntry:i=>ce(`/entries/${i}`),exportEntries:i=>P(`/entries/export${Te(i)}`),listThemes:()=>P("/themes"),saveTheme:i=>j("/themes",i),deleteTheme:i=>ce(`/themes/${i}`)};function r(i,e={}){const t=document.createElement(i);e.class&&(t.className=e.class),e.text!==void 0&&(t.textContent=e.text),e.html!==void 0&&(t.innerHTML=e.html),e.title&&(t.title=e.title),e.type&&"type"in t&&(t.type=e.type),e.value!==void 0&&"value"in t&&(t.value=e.value),e.placeholder!==void 0&&"placeholder"in t&&(t.placeholder=e.placeholder),e.href&&"href"in t&&(t.href=e.href);for(const[s,n]of Object.entries(e.attrs??{}))n===void 0||n===!1||t.setAttribute(s,n===!0?"":String(n));Object.assign(t.style,e.style??{});for(const[s,n]of Object.entries(e.on??{}))t.addEventListener(s,n);for(const s of e.children??[])s==null||s===!1||t.append(s);return t}function $(i){i.replaceChildren()}function F(i){return r("span",{class:`dashicons ${i.startsWith("dashicons-")?i:`dashicons-${i}`}`,attrs:{"aria-hidden":"true"}})}function m(i,e,t){const s=e.id||`atf-c-${Math.random().toString(36).slice(2,9)}`;return e.id=s,r("div",{class:"atfb-row",children:[r("label",{class:"atfb-row__label",text:i,attrs:{for:s}}),e,t?r("p",{class:"atfb-row__hint",text:t}):null]})}function w(i,e,t=""){return r("input",{class:"atfb-input",type:"text",value:i,placeholder:t,on:{input:s=>e(s.target.value)}})}function R(i,e){if(X("os-number-field")){const t=document.createElement("os-number-field");return t.setAttribute("value",i),t.classList.add("atfb-field"),t.addEventListener("os-input-change",s=>{e(String(s.detail?.value??""))}),t}return r("input",{class:"atfb-input",type:"number",value:i,on:{input:t=>e(t.target.value)}})}function $e(i,e,t=4){const s=r("textarea",{class:"atfb-input atfb-input--area",attrs:{rows:t},on:{input:n=>e(n.target.value)}});return s.value=i,s}function D(i,e,t){if(X("os-select")&&X("os-option")){const s=document.createElement("os-select");s.setAttribute("value",i),s.classList.add("atfb-field");for(const n of e){const a=document.createElement("os-option");a.setAttribute("value",n.value),a.textContent=n.label,s.append(a)}return s.addEventListener("os-pick",n=>{t(String(n.detail?.value??""))}),s}return r("select",{class:"atfb-input atfb-select",on:{change:s=>t(s.target.value)},children:e.map(s=>r("option",{value:s.value,text:s.label,attrs:{selected:s.value===i}}))})}function M(i,e,t){if(X("os-checkbox-label")){const n=document.createElement("os-checkbox-label");return n.setAttribute("label",i),n.classList.add("atfb-check"),e&&n.setAttribute("checked",""),n.addEventListener("os-checkbox-change",a=>{t(!!a.detail?.checked)}),n}const s=r("input",{type:"checkbox",on:{change:n=>t(n.target.checked)}});return s.checked=e,r("label",{class:"atfb-check",children:[s,r("span",{text:i})]})}function k(i,e,t="secondary",s){const n=[s?F(s):null,r("span",{text:i})];if(X("os-button")){const a=document.createElement("os-button");a.setAttribute("variant",t),a.setAttribute("type","button"),a.classList.add("atfb-button",`atfb-button--${t}`),a.addEventListener("click",e);for(const o of n)o&&a.append(o);return a}return r("button",{class:`atfb-button atfb-button--${t}`,type:"button",on:{click:e},children:n})}function X(i){return typeof customElements<"u"&&!!customElements.get(i)}const lt=["os-button","os-checkbox-label","os-number-field","os-select","os-option","os-segmented","os-segment","os-color-field","os-empty-state"];let ee=null;function ct(){if(ee)return ee;const i=window.wp?.os;return ee=i?.loadComponents?i.loadComponents(lt).catch(()=>{}):Promise.resolve(),ee}async function de(i,e=""){const t=window.wp?.os;return t?.confirm?t.confirm({title:e,message:i,danger:!0}):window.confirm(i)}function I(i,e="",t="info"){const s=window.wp?.os;if(s?.notify){s.notify({title:i,body:e,type:t});return}console.info(`[AllTerrain Forms] ${i}${e?`: ${e}`:""}`)}function dt(i){let e=0,t;return(...s)=>{t=s,!e&&(e=window.requestAnimationFrame(()=>{e=0,i(...t)}))}}function Ae(i,e){let t=0;return(...s)=>{window.clearTimeout(t),t=window.setTimeout(()=>i(...s),e)}}function ht(i){try{return window.localStorage.getItem(i)??""}catch{return""}}function ut(i,e){try{window.localStorage.setItem(i,e)}catch{}}function De(){const i=[window];try{window.parent&&window.parent!==window&&i.push(window.parent)}catch{}return i}function pt(i){const e=i.wp?.os?.windowManager?.getAll?.()??[];for(const t of e){const s=t.iframe??t.element?.querySelector?.("iframe");if(s&&s.contentWindow===window)return t}return null}const ft=4e3,mt=100;function gt(i,e){const t=Date.now()+ft,s=()=>{const n=pt(i);if(n&&n.id!==e){typeof n.close=="function"?n.close():i.wp?.os?.windowManager?.remove?.(n.id);return}!n&&Date.now()<t&&window.setTimeout(s,mt)};s()}function bt(){const i=document.querySelector("[data-atf-handoff]");if(!i)return;const e=i.getAttribute("data-atf-handoff")??"";if(!e)return;const t=Number(new URLSearchParams(window.location.search).get("form"))||0,s=t>0?{form:t}:void 0;t>0&&yt(t);for(const n of De())if(n.wp?.os?.openWindow?.(e,{source:"handoff",params:s})){window.setTimeout(()=>gt(n,e),0);return}}function vt(){document.addEventListener("click",i=>{const e=i.target?.closest?.("[data-atf-open-window]");if(!e)return;i.preventDefault();const t=e.getAttribute("data-atf-open-window")??"";for(const s of De())if(s.wp?.os?.openWindow?.(t,{source:"handoff"}))return})}const wt="allterrain-forms/requested-form";function yt(i){try{window.sessionStorage.setItem(wt,String(i))}catch{}}const Me={is:"is",is_not:"is not",contains:"contains",not_contains:"does not contain",starts_with:"starts with",ends_with:"ends with",greater:"is more than",less:"is less than",greater_equal:"is at least",less_equal:"is at most",empty:"is empty",not_empty:"has any answer"},qe=["empty","not_empty"];function Fe(i,e){const t=i.find(s=>s.id===e);return t?t.label||"an untitled question":null}function Oe(i,e,t){return i.find(a=>a.id===e)?.choices?.find(a=>a.value===t)?.label||t}function _t(i,e){const t=Me[i.operator]??String(i.operator);if(qe.includes(i.operator))return t;const s=Oe(e,i.field,i.value);return`${i.operator==="is"?"":`${t} `}${s!==""?s:"(nothing)"}`}function Ie(i,e){const t=Fe(e,i.field),s=Me[i.operator]??String(i.operator);if(t===null)return[{kind:"field",text:"a question that no longer exists",fieldId:i.field,missing:!0}];const n=[{kind:"field",text:t,fieldId:i.field,missing:!1},{kind:"operator",text:s}];if(qe.includes(i.operator))return n;const a=Oe(e,i.field,i.value);return n.push({kind:"value",text:a!==""?a:"(nothing)"}),n}function xt(i,e){const t=i.logic;if(!t?.enabled||!t.rules.length)return[];const s=[{kind:"verb",text:t.action==="hide"?"Hidden when":"Shown when"}];return t.rules.forEach((n,a)=>{a>0&&s.push({kind:"join",text:t.match==="all"?"and":"or"}),s.push(...Ie(n,e))}),s}function Pe(i){return i.map(e=>e.text).join(" ")}function kt(i,e){return Pe(Ie(i,e))}function he(i){const e=[];for(const t of i){const s=t.logic;if(s?.enabled)for(const n of s.rules)!n.field||n.field===t.id||e.push({from:n.field,to:t.id,label:kt(n,i),short:_t(n,i),action:s.action,broken:Fe(i,n.field)===null})}return e}function St(i){const e=new Map,t=new Set;for(const s of he(i)){const n=`${s.from}->${s.to}`;s.broken||t.has(n)||(t.add(n),e.set(s.from,(e.get(s.from)??0)+1))}return e}const Ne=10,Re=22,W="http://www.w3.org/2000/svg";class Et{constructor(e){this.edges=[],this.teardowns=[],this.frame=0,this.host=e,this.svg=document.createElementNS(W,"svg"),this.svg.setAttribute("class","atfb-logicmap"),this.svg.setAttribute("aria-hidden","true"),this.svg.setAttribute("focusable","false"),e.append(this.svg);const t=()=>this.schedule();window.addEventListener("resize",t),this.teardowns.push(()=>window.removeEventListener("resize",t));const s=e.closest(".atfb__canvas")??e;if(s.addEventListener("scroll",t,{passive:!0}),this.teardowns.push(()=>s.removeEventListener("scroll",t)),typeof ResizeObserver<"u"){const n=new ResizeObserver(t);n.observe(e),this.teardowns.push(()=>n.disconnect())}}setEdges(e){this.edges=e,this.schedule()}highlight(e){this.svg.classList.toggle("is-focused",!!e),this.svg.querySelectorAll("[data-from]").forEach(t=>{const s=e&&(t.dataset.from===e||t.dataset.to===e);t.classList.toggle("is-lit",!!s)})}destroy(){this.teardowns.forEach(e=>e()),this.teardowns=[],this.svg.remove(),this.frame&&cancelAnimationFrame(this.frame)}schedule(){this.frame||(this.frame=requestAnimationFrame(()=>{this.frame=0,this.draw()}))}draw(){this.svg.replaceChildren();const e=this.host.getBoundingClientRect();this.svg.setAttribute("viewBox",`0 0 ${e.width} ${e.height}`),this.svg.setAttribute("width",String(e.width)),this.svg.setAttribute("height",String(e.height));const t=new Map;for(const s of this.edges){const n=this.cardRect(s.from),a=this.cardRect(s.to);if(!n||!a)continue;const o=t.get(s.from)??0;t.set(s.from,o+1),this.drawEdge(s,n,a,e,o)}}cardRect(e){const t=this.host.querySelector(`[data-atfb-card="${CSS.escape(e)}"]`);return t?t.getBoundingClientRect():null}drawEdge(e,t,s,n,a){const o=t.right-n.left,c=t.top+t.height/2-n.top,l=s.right-n.left,d=s.top+s.height/2-n.top,u=Math.max(0,n.width-Ne-Math.max(o,l)),C=22+a*11+Math.min(22,Math.abs(d-c)/8),v=Math.max(12,Math.min(C,u*.4)),f=document.createElementNS(W,"path");f.setAttribute("d",`M ${o} ${c} C ${o+v} ${c}, ${l+v} ${d}, ${l} ${d}`),f.setAttribute("class",`atfb-logicmap__path is-${e.action}${e.broken?" is-broken":""}`),f.dataset.from=e.from,f.dataset.to=e.to;const y=document.createElementNS(W,"title");y.textContent=e.label,f.append(y);const S=document.createElementNS(W,"circle");S.setAttribute("cx",String(l)),S.setAttribute("cy",String(d)),S.setAttribute("r","3.5"),S.setAttribute("class",`atfb-logicmap__dot is-${e.action}${e.broken?" is-broken":""}`),S.dataset.from=e.from,S.dataset.to=e.to,this.svg.append(f,S);const E=document.createElementNS(W,"text");E.setAttribute("x",String(n.width-Ne)),E.setAttribute("y",String(d+3)),E.setAttribute("text-anchor","end"),E.setAttribute("class","atfb-logicmap__label"),E.dataset.from=e.from,E.dataset.to=e.to,E.textContent=e.short.length>Re?`${e.short.slice(0,Re-1)}…`:e.short;const N=document.createElementNS(W,"title");N.textContent=e.label,E.append(N),this.svg.append(E)}}const Ct={text:"text",email:"text",url:"text",tel:"text",number:"text",password:"text",date:"text",time:"text",datetime:"text",date_range:"composite",textarea:"textarea",select:"select",country:"select",multiselect:"options",radio:"options",checkboxes:"options",image_choice:"options",quiz:"options",switch:"toggle",consent:"toggle",file:"file",range:"range",rating:"summary",scale:"summary",likert:"summary",signature:"summary",repeater:"summary",color:"text",name:"composite",address:"composite",total:"text",hidden:"static",heading:"static",html:"static",divider:"static",spacer:"static",page_break:"static"};function Lt(i){return Ct[i]??"text"}function z(i,e,t,s,n){const a=r("span",{class:`${t} atfb-editable`,text:i,attrs:{contenteditable:"plaintext-only",role:"textbox",spellcheck:"false","data-placeholder":e}});return a.addEventListener("pointerdown",o=>o.stopPropagation()),a.addEventListener("input",()=>s(a.textContent??"")),a.addEventListener("keydown",o=>{o.key==="Enter"&&(o.preventDefault(),a.blur()),o.key==="Escape"&&(a.textContent=i,a.blur()),o.stopPropagation()}),a.addEventListener("blur",()=>n?.()),a}function Tt(i){const e=r("input",{class:"atf-choice__input",type:i==="checkboxes"||i==="multiselect"?"checkbox":"radio"});return e.disabled=!0,e}function $t(i,e,t){const s=Lt(i.type),n=z(i.label,"Write the question…","atf-label",o=>t.edit(c=>{c.label=o}),()=>t.restructure(()=>{})),a=[s==="static"?null:n,i.hint?r("p",{class:"atf-hint",text:i.hint}):null,At(i,e,s,t)];return r("div",{class:"atfb-preview atf-form",children:[r("div",{class:`atf-field atf-field--${i.type}`,children:a})]})}function At(i,e,t,s){switch(t){case"text":return ue(i,"atf-input",s);case"textarea":return ue(i,"atf-input atf-textarea",s,!0);case"select":return r("div",{class:"atfb-preview__select",children:[ue(i,"atf-input atf-select",s)]});case"options":return Dt(i,s);case"toggle":return r("div",{class:"atf-toggle",children:[(()=>{const n=r("input",{class:"atf-toggle__input",type:"checkbox"});return n.disabled=!0,n})(),z(i.label||"","What are they agreeing to?…","atf-toggle__label",n=>s.edit(a=>{a.label=n}),()=>s.restructure(()=>{}))]});case"file":return r("div",{class:"atf-file",children:[r("input",{class:"atf-file__input",type:"file"})]});case"range":return r("input",{class:"atf-range__input",type:"range"});case"composite":return r("div",{class:"atf-composite__parts",children:[r("span",{class:"atf-input atfb-preview__ghost",text:""}),r("span",{class:"atf-input atfb-preview__ghost",text:""})]});case"static":return Mt(i,e,s);default:return r("p",{class:"atfb-preview__summary",text:`${e?.label??i.type} — set this up in the panel on the right.`})}}function ue(i,e,t,s=!1){const n=z(i.placeholder??"",i.type==="select"||i.type==="country"?"Choose…":"Placeholder…",`${e} atfb-preview__box${s?" atfb-preview__box--tall":""}`,a=>t.edit(o=>{o.placeholder=a}));return n.setAttribute("aria-label","Placeholder"),n}function Dt(i,e){const t=r("div",{class:"atf-choices__list"});return(i.choices??[]).forEach((s,n)=>{t.append(r("div",{class:"atf-choice atfb-preview__option",children:[Tt(i.type),z(s.label,"Option…","atf-choice__label",a=>{e.edit(o=>{const c=o.choices?.[n];if(!c)return;const l=!c.value||c.value===c.label;c.label=a,l&&(c.value=a)})}),r("button",{class:"atfb-preview__remove",type:"button",title:"Remove this option",attrs:{"aria-label":`Remove ${s.label||"this option"}`},on:{pointerdown:a=>a.stopPropagation(),click:a=>{a.stopPropagation(),e.restructure(o=>{o.choices.splice(n,1)})}},children:[r("span",{text:"×"})]})]}))}),t.append(r("button",{class:"atfb-preview__add",type:"button",on:{pointerdown:s=>s.stopPropagation(),click:s=>{s.stopPropagation(),e.restructure(n=>{const a=n.choices.length+1;n.choices.push({label:`Option ${a}`,value:`Option ${a}`})})}},children:[r("span",{text:"+ Add option"})]})),r("fieldset",{class:"atf-choices",children:[t]})}function Mt(i,e,t){return i.type==="heading"?z(i.label,"Section heading…","atf-heading",s=>t.edit(n=>{n.label=s}),()=>t.restructure(()=>{})):i.type==="divider"?r("hr",{class:"atf-divider"}):i.type==="page_break"?r("p",{class:"atfb-preview__summary",text:"Everything after this is a new page."}):r("p",{class:"atfb-preview__summary",text:`${e?.label??i.type} — nothing is shown to the visitor here.`})}const pe=new Map;function fe(i){let e=pe.get(i);return e||(e=L.mergeTags(i).catch(()=>[]),pe.set(i,e)),e}function qt(i){pe.delete(i)}function Ft(i){const e=new Map;for(const t of i)for(const s of t.items)e.set(s.tag,s);return e}function Ot(i,e){const t=Ft(e);return i.replace(/\{[a-z_]+(?::[^}]*)?\}/gi,s=>{const n=t.get(s.toLowerCase());return n?n.sample:s})}function It(i){return/\{[a-z_]+(?::[^}]*)?\}/i.test(i)}let B=null;function G(){B?.remove(),B=null}typeof document<"u"&&(document.addEventListener("pointerdown",i=>{B&&!B.contains(i.target)&&G()}),document.addEventListener("keydown",i=>{i.key==="Escape"&&B&&(G(),i.stopPropagation())}));function Pt(i,e){const t=i.selectionStart??i.value.length,s=i.selectionEnd??i.value.length;i.value=i.value.slice(0,t)+e+i.value.slice(s);const n=t+e.length;i.setSelectionRange(n,n),i.focus(),i.dispatchEvent(new Event("input",{bubbles:!0}))}function Nt(i){let e=i.parentElement;for(;e&&e!==document.body;){const t=getComputedStyle(e).overflowY;if(t==="auto"||t==="scroll"||t==="hidden")return e.getBoundingClientRect().bottom;e=e.parentElement}return window.innerHeight}function Rt(i,e){const t=r("input",{class:"atfb-input atfb-tagpick__search",type:"search",placeholder:"Search values…",attrs:{"aria-label":"Search values"}}),s=r("div",{class:"atfb-tagpick__list"}),n=a=>{s.replaceChildren();const o=a.trim().toLowerCase();let c=0;for(const l of i){const d=l.items.filter(u=>!o||u.label.toLowerCase().includes(o)||u.tag.toLowerCase().includes(o));if(!d.length){l.empty&&!o&&!l.items.length&&s.append(r("p",{class:"atfb-tagpick__group",text:l.label}),r("p",{class:"atfb-tagpick__empty",text:l.empty}));continue}s.append(r("p",{class:"atfb-tagpick__group",text:l.label}));for(const u of d)c+=1,s.append(r("button",{class:"atfb-tagpick__item",type:"button",on:{click:()=>{e(u.tag),G()}},children:[r("span",{class:"atfb-tagpick__item-main",children:[r("span",{class:"atfb-tagpick__label",text:u.label}),r("code",{class:"atfb-tagpick__tag",text:u.tag})]}),u.hint||u.sample?r("span",{class:"atfb-tagpick__meta",text:u.sample?`e.g. ${u.sample}`:u.hint}):null]}))}!c&&o&&s.append(r("p",{class:"atfb-tagpick__empty",text:`Nothing matches “${a}”.`}))};return n(""),t.addEventListener("input",()=>n(t.value)),r("div",{class:"atfb-tagpick",attrs:{role:"dialog","aria-label":"Insert a value"},children:[r("p",{class:"atfb-tagpick__intro",text:"Pick something to drop in. It is filled in when the form is submitted."}),t,s]})}function Be(i,e){const t=r("button",{class:"atfb-button atfb-button--ghost atfb-tagpick__open",type:"button",title:"Insert a value from the submission",children:[F("shortcode"),r("span",{text:"Insert a value"})]}),s=r("div",{class:"atfb-taggable",children:[i,r("div",{class:"atfb-taggable__tools",children:[t]})]}),n=e.preview===!1?null:r("p",{class:"atfb-taggable__preview"});n&&s.append(n);const a=()=>{if(n){if(!It(i.value)){n.textContent="",n.hidden=!0;return}fe(e.formId).then(o=>{n.hidden=!1,n.replaceChildren(r("span",{class:"atfb-taggable__preview-label",text:"Reads as"}),r("span",{text:Ot(i.value,o)}))})}};return i.addEventListener("input",a),a(),t.addEventListener("click",o=>{if(o.stopPropagation(),B&&s.contains(B)){G();return}G(),fe(e.formId).then(c=>{const l=Rt(c,d=>{Pt(i,d),a()});s.append(l),B=l,(window.innerHeight-l.getBoundingClientRect().top<l.offsetHeight||l.getBoundingClientRect().bottom>Nt(s))&&l.classList.add("atfb-tagpick--above"),l.querySelector(".atfb-tagpick__search")?.focus()})}),s}function Ue(i,e){const t=parseFloat(String(i??""));return Number.isFinite(t)?t:e}function je(i,e){let t=e[0];for(const s of e)Math.abs(s.at-i)<Math.abs(t.at-i)&&(t=s);return t.value}const me=[{value:"square",label:"Square",at:0},{value:"soft",label:"Soft",at:4},{value:"rounded",label:"Rounded",at:10},{value:"pill",label:"Pill",at:999}],ge=[{value:"compact",label:"Compact",at:7},{value:"cosy",label:"Cosy",at:9},{value:"roomy",label:"Roomy",at:13}],Bt=[{value:"none",label:"None"},{value:"subtle",label:"Subtle"},{value:"lifted",label:"Lifted"},{value:"hard",label:"Hard"}],Ut=[{value:"outline",label:"Outlined"},{value:"filled",label:"Filled"},{value:"underline",label:"Underline"},{value:"none",label:"Bare"}],jt=[{value:"top",label:"Above"},{value:"floating",label:"Floating"},{value:"left",label:"In the margin"},{value:"hidden",label:"Hidden"}];function We(){return[{id:"accent",label:"Accent",hint:"The colour of buttons, focus rings and anything selected.",kind:"colour",owns:["accent","accent-soft","border-focus","focus-ring-color","button-bg","button-bg-hover"],read:i=>i.accent??"#2271b1",apply:i=>({accent:i,"accent-soft":`color-mix( in srgb, ${i} 12%, transparent )`,"border-focus":i,"focus-ring-color":i,"button-bg":i,"button-bg-hover":`color-mix( in srgb, ${i} 88%, #000 )`})},{id:"roundness",label:"Roundness",hint:"Corners, everywhere at once.",kind:"scale",steps:me.map(({value:i,label:e})=>({value:i,label:e})),owns:["radius-field","radius-button","radius-card","radius-check"],read:i=>je(Ue(i["radius-field"],4),me),apply:i=>{const e=me.find(t=>t.value===i)?.at??4;return{"radius-field":`${e}px`,"radius-button":`${e}px`,"radius-card":`${Math.min(e*2,28)}px`,"radius-check":`${Math.min(e,6)}px`}}},{id:"density",label:"Density",hint:"How much air the form has.",kind:"scale",steps:ge.map(({value:i,label:e})=>({value:i,label:e})),owns:["pad-field-x","pad-field-y","gap-fields","gap-label","button-pad-x","button-pad-y"],read:i=>je(Ue(i["pad-field-y"],9),ge),apply:i=>{const e=ge.find(t=>t.value===i)?.at??9;return{"pad-field-y":`${e}px`,"pad-field-x":`${Math.round(e*1.4)}px`,"gap-fields":`${Math.round(e*2.2)}px`,"gap-label":`${Math.max(4,Math.round(e*.7))}px`,"button-pad-y":`${e+2}px`,"button-pad-x":`${Math.round(e*2.2)}px`}}},{id:"shadow",label:"Depth",hint:"How far the form sits off the page.",kind:"scale",steps:Bt,owns:["shadow-field","shadow-field-focus","shadow-button","shadow-button-hover","shadow-card"],read:i=>{const e=i["shadow-card"]??"none";return e==="none"||e.trim()===""?i["shadow-field"]&&i["shadow-field"]!=="none"?"hard":"none":e.includes("0 1px")||e.includes("2px")?"subtle":"lifted"},apply:i=>{switch(i){case"subtle":return{"shadow-field":"none","shadow-field-focus":"none","shadow-button":"0 1px 2px rgba( 0, 0, 0, 0.12 )","shadow-button-hover":"0 2px 4px rgba( 0, 0, 0, 0.16 )","shadow-card":"0 1px 3px rgba( 0, 0, 0, 0.1 )"};case"lifted":return{"shadow-field":"none","shadow-field-focus":"0 4px 12px rgba( 0, 0, 0, 0.12 )","shadow-button":"0 4px 10px rgba( 0, 0, 0, 0.16 )","shadow-button-hover":"0 8px 20px rgba( 0, 0, 0, 0.2 )","shadow-card":"0 10px 30px rgba( 0, 0, 0, 0.14 )"};case"hard":return{"shadow-field":"3px 3px 0 currentColor","shadow-field-focus":"5px 5px 0 currentColor","shadow-button":"4px 4px 0 currentColor","shadow-button-hover":"2px 2px 0 currentColor","shadow-card":"none"};default:return{"shadow-field":"none","shadow-field-focus":"none","shadow-button":"none","shadow-button-hover":"none","shadow-card":"none"}}}},{id:"field-style",label:"Fields",hint:"How an input is drawn.",kind:"choice",steps:Ut,owns:["field-style"],read:i=>i["field-style"]??"outline",apply:i=>({"field-style":i})},{id:"labels",label:"Labels",hint:"Where the question sits relative to the answer.",kind:"choice",steps:jt,owns:["label-position"],read:i=>i["label-position"]??"top",apply:i=>({"label-position":i})}]}function Wt(i){return We().find(e=>e.owns.includes(i))??null}function He(i){let e=i.activeSlug,t={...i.overrides},s=i.themes;const n=r("div",{class:"atfs-preview__frame"}),a=r("div",{class:"atfs-controls__body"}),o=r("div",{class:"atfs-quick"}),c=r("div",{class:"atfs-themes"}),l=Ae(async()=>{try{const h=await i.previewFor(e,t);n.innerHTML=h,document.dispatchEvent(new CustomEvent("atf-refresh"))}catch(h){$(n),n.append(r("p",{class:"atfb-error",text:h instanceof Error?h.message:"Preview failed."}))}},180),d=h=>t[h.token]!==void 0?t[h.token]:s.find(g=>g.slug===e)?.resolved?.[h.token]??h.default,u=()=>{$(c);for(const h of s){const p=r("button",{class:`atfs-theme${h.slug===e?" is-active":""}`,type:"button",attrs:{"aria-pressed":h.slug===e,title:h.description},children:[r("span",{class:"atfs-theme__chip",style:{background:h.resolved.surface??"#fff",borderColor:h.resolved.border??"#ccc",borderRadius:h.resolved["radius-field"]??"4px",boxShadow:h.resolved["shadow-card"]??"none"},children:[r("span",{class:"atfs-theme__accent",style:{background:h.resolved.accent??"#2271b1",borderRadius:h.resolved["radius-button"]??"4px"}})]}),r("span",{class:"atfs-theme__name",text:h.label}),h.custom?r("span",{class:"atfb-badge",text:"yours"}):null],on:{click:()=>{e=h.slug,t={},i.onTheme(e),u(),f(),y(),l(),T()}}});c.append(p)}},C=()=>{const p={...s.find(g=>g.slug===e)?.resolved??{}};for(const[g,b]of Object.entries(t))p[g]=b;return p},v=(h,p)=>{const g=h.apply(p,C());for(const[b,_]of Object.entries(g))t[b]=_,i.onOverride(b,_);f(),y(),l()},f=()=>{$(o);const h=C();for(const p of We()){const g=p.read(h);let b;if(p.kind==="colour"){const _=r("input",{class:"atfs-color",type:"color",value:ve(g),attrs:{"aria-label":p.label},on:{input:O=>v(p,O.target.value)}});b=r("div",{class:"atfs-color-row",children:[_,w(g,O=>v(p,O))]})}else b=r("div",{class:`atfs-segmented atfs-segmented--${p.kind}`,attrs:{role:"group","aria-label":p.label},children:(p.steps??[]).map(_=>r("button",{class:`atfs-segment${_.value===g?" is-on":""}`,type:"button",text:_.label,attrs:{"aria-pressed":_.value===g},on:{click:()=>v(p,_.value)}}))});o.append(r("div",{class:"atfs-dial",children:[r("div",{class:"atfs-dial__head",children:[r("span",{class:"atfs-dial__label",text:p.label}),r("span",{class:"atfs-dial__hint",text:p.hint})]}),b]}))}},y=()=>{$(a);const h=new Map;for(const g of i.tokens){const b=h.get(g.group)??[];b.push(g),h.set(g.group,b)}const p={colour:"Colour",shape:"Corners and borders",shadow:"Shadows",fields:"Field style",space:"Spacing",type:"Type",labels:"Labels",button:"Buttons",focus:"Focus ring",motion:"Motion"};for(const[g,b]of h)a.append(r("details",{class:"atfs-group",attrs:{open:g==="colour"},children:[r("summary",{text:p[g]??g}),...b.map(_=>S(_))]}))},S=h=>{const p=d(h),g=A=>{A===""?delete t[h.token]:t[h.token]=A,i.onOverride(h.token,A),l()};let b;if(h.control==="color"){const A=r("input",{class:"atfs-color",type:"color",value:ve(p),attrs:{"aria-label":`${h.label} colour`},on:{input:Y=>{const V=Y.target.value;ne.value=V,g(V)}}}),ne=w(p,Y=>{A.value=ve(Y),g(Y)});b=r("div",{class:"atfs-color-row",children:[A,ne]})}else if(h.control==="select")b=D(p,(h.options??[]).map(A=>({value:A,label:A})),g);else if(h.control==="length"){const A=parseFloat(p)||0,ne=h.unit??"px",Y=h.token.includes("radius")?60:80,V=r("input",{class:"atfs-range",type:"range",value:String(A),attrs:{min:"0",max:String(Y),step:"1","aria-label":h.label},on:{input:ae=>{const tt=`${ae.target.value}${ne}`;et.value=tt,g(tt)}}}),et=w(p,ae=>{V.value=String(parseFloat(ae)||0),g(ae)});b=r("div",{class:"atfs-length-row",children:[V,et]})}else b=w(p,g);const _=m(h.label,b),O=Wt(h.token);return O&&(_.classList.add("is-dialled"),_.append(r("span",{class:"atfs-owned",text:O.label}))),t[h.token]!==void 0&&(_.classList.add("is-overridden"),_.append(r("button",{class:"atfs-reset",type:"button",text:"Reset",attrs:{"aria-label":`Reset ${h.label} to the theme's value`},on:{click:()=>{g(""),y()}}}))),_},E=async()=>{const h=s.find(b=>b.slug===e),p=h?`${h.label} (mine)`:"My theme",g=window.prompt("Name this theme",p);if(g)try{const b={};for(const O of i.tokens){const A=d(O);A!==O.default&&(b[O.token]=A)}const _=await L.saveTheme({label:g,tokens:b});s=[...s.filter(O=>O.slug!==_.slug),_],i.onThemesChanged(s),e=_.slug,t={},i.onTheme(e),u(),y(),l(),I("Theme saved",_.label)}catch(b){I("Could not save the theme",b instanceof Error?b.message:"","error")}},N=async()=>{const h=s.find(p=>p.slug===e);if(h?.custom&&await de(`Delete “${h.label}”? Forms using it fall back to Clean.`,"Delete theme"))try{await L.deleteTheme(h.id),s=s.filter(p=>p.slug!==h.slug),i.onThemesChanged(s),e="clean",t={},i.onTheme(e),u(),y(),l()}catch(p){I("Could not delete the theme",p instanceof Error?p.message:"","error")}},H=async()=>{const h=s.find(b=>b.slug===e),p={label:h?.label??e,tokens:{...h?.tokens??{},...t}},g=JSON.stringify(p,null,"	");try{await navigator.clipboard.writeText(g),I("Theme copied","Paste it into another site to import it.")}catch{window.prompt("Copy this theme",g)}},ie=()=>{const h=window.prompt("Paste a theme");if(h)try{const p=JSON.parse(h);if(!p.tokens||typeof p.tokens!="object")throw new Error("That does not look like a theme.");for(const[g,b]of Object.entries(p.tokens))t[g]=String(b),i.onOverride(g,String(b));y(),l()}catch(p){I("Could not read that theme",p instanceof Error?p.message:"","error")}},x=k("Delete",()=>void N(),"danger"),T=()=>{const h=s.find(p=>p.slug===e);x.hidden=!h?.custom};return u(),f(),y(),l(),T(),r("div",{class:"atf-studio",children:[r("div",{class:"atf-studio__top",children:[r("div",{class:"atf-studio__picker",children:[r("h2",{class:"atf-studio__heading",text:"Theme"}),c]}),r("div",{class:"atfs__actions",children:[k("Save as a theme",()=>void E(),"primary"),k("Export",()=>void H()),k("Import",ie),x]})]}),r("div",{class:"atf-studio__panes",children:[r("aside",{class:"atf-studio__controls",children:[r("p",{class:"atfb-hint",text:"Changes apply to this form only, until you save them as a theme."}),o,r("details",{class:"atfs-advanced",children:[r("summary",{text:"Every setting"}),r("p",{class:"atfb-hint",text:"The full token list. The dials above write into it."}),a]})]}),r("main",{class:"atf-studio__preview",children:[r("h2",{class:"screen-reader-text",text:"Live preview"}),n]})]})]})}async function be(){const i=document.querySelector("[data-atfs-root]");if(!i||i.dataset.atfsMounted)return;i.dataset.atfsMounted="1";const e=i.querySelector("[data-atfs-bar]"),t=i.querySelector(".atfs__body")??i;try{const[s,n,a]=await Promise.all([L.config(),L.listThemes(),L.listForms()]);if(!a.length){$(t),t.append(r("div",{class:"atfb-empty",children:[r("h2",{text:"No forms to preview"}),r("p",{text:"Make a form first — a theme needs something to dress."})]}));return}let o=a[0],c={},l=o.theme;const d=()=>{$(t),t.append(He({themes:n,tokens:s.tokens,activeSlug:l,overrides:c,standalone:!0,onTheme:u=>{l=u},onOverride:(u,C)=>{C===""?delete c[u]:c[u]=C},previewFor:async(u,C)=>{const v=await L.getForm(o.id);v.schema.settings.theme=u,v.schema.settings.themeOverrides=C;const{html:f}=await L.preview(o.id,{schema:v.schema,theme:u});return f},onThemesChanged:u=>{n.length=0,n.push(...u)}}))};e&&($(e),e.append(r("span",{class:"atfs__label",text:"Preview against"}),D(String(o.id),a.map(u=>({value:String(u.id),label:u.title||"(untitled)"})),u=>{o=a.find(C=>String(C.id)===u)??a[0],c={},d()}))),d()}catch(s){$(t),t.append(r("p",{class:"atfb-error",text:s instanceof Error?s.message:"Could not load themes."}))}}typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>void be()):be(),document.addEventListener("os-window-content-loaded",()=>void be()));function ve(i){const e=i.trim();return/^#[0-9a-f]{6}$/i.test(e)?e:/^#[0-9a-f]{3}$/i.test(e)?`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`:"#888888"}function we(){return window.wp?.os??null}const Ye="allterrain-forms/preview",ye="allterrain-forms-preview";function Ht(i){const e=we();if(!e?.registerTitleBarButton)return()=>{};const t=()=>{try{e.registerTitleBarButton({id:Ye,label:"Preview this form",icon:"dashicons-visibility",placement:"right",order:90,match:s=>{const n=s?.id??s?.config?.id??"";return n==="allterrain-forms"||n.startsWith("allterrain-forms#")},onClick:()=>void Xe(i),owner:"allterrain-forms-builder"})}catch{}};return e.ready?e.ready(t):t(),()=>{try{e.unregisterTitleBarButton?.(Ye)}catch{}}}async function Xe(i){i.isDirty()&&await i.save();const e=i.current();e&&ze(e.id,e.title,e.previewUrl)}function ze(i,e,t){const s=we();if(!s?.windowManager?.open){window.open(t,"_blank","noopener");return}s.windowManager.open({id:`${ye}-${i}`,baseId:ye,url:t,title:`Preview: ${e}`,icon:"dashicons-visibility"})}function Yt(i,e,t){if(!we()?.windowManager?.open||!document.querySelector(`[data-window-id^="${ye}-${i}"]`))return;const a=t.includes("?")?"&":"?";ze(i,e,`${t}${a}atf_r=${Date.now()}`)}const Xt="allterrain-forms/form";function zt(){return window.wp?.os?.relations??null}function Gt(i){const e=i.closest("[data-window-id], .os-window");if(!e)return null;const t=e.getAttribute("data-window-id");if(t)return t;const s=e.id??"";return s?s.replace(/^wp-window-/,""):null}const Jt=6e3,Ge=120;function Je(i,e){const t=zt();if(_e.set(i,e),!t?.set)return;const s=a=>{if(te.get(i)!==n)return;const o=Gt(i);if(!o){Date.now()<a&&window.setTimeout(()=>s(a),Ge);return}try{t.set(o,e)}catch(l){Ke||(Ke=!0,console.error("[AllTerrain Forms] The shell refused a window identity.",l,e)),te.delete(i);return}if(!e||t.get?.(o)?.id===e.id||Date.now()>=a){te.delete(i);return}window.setTimeout(()=>s(a),Ge)},n=Symbol("atf-identity");te.set(i,n),s(Date.now()+Jt)}let Ke=!1;const te=new WeakMap,_e=new Map;function Kt(){for(const[i,e]of _e){if(!i.isConnected){_e.delete(i);continue}Je(i,e)}}if(typeof document<"u")for(const i of["os-window-content-loaded","os-window-opened"])document.addEventListener(i,()=>Kt());function Vt(i,e){return{type:Xt,id:i.id,label:i.title||"Untitled form",related:[{id:`allterrain-forms/entries-${i.id}`,label:"Entries for this form",url:`${e}admin.php?page=allterrain-forms-entries&form=${i.id}`,group:"allterrain-forms",groupLabel:"Forms",icon:"dashicons-list-view"}]}}const J="allterrain-forms/field",Qt=["openstation/file","desktop-mode/file","openstation/attachment"],Ve="allterrain-forms/logic-map-v2";function se(i,e){return i.dataset.atfbBind=e,i}const xe=[{value:"user:email",label:"Their email address",group:"About the person filling it in",tag:"{user:email}"},{value:"user:display_name",label:"Their name",group:"About the person filling it in",tag:"{user:display_name}"},{value:"user:first_name",label:"Their first name",group:"About the person filling it in"},{value:"user:last_name",label:"Their last name",group:"About the person filling it in"},{value:"user:login",label:"Their username",group:"About the person filling it in"},{value:"date:today",label:"Today’s date",group:"The date and time",tag:"{date}"},{value:"date:now",label:"The time right now",group:"The date and time",tag:"{time}"},{value:"site",label:"This site’s name",group:"About this site",tag:"{site}"},{value:"site:url",label:"This site’s address",group:"About this site",tag:"{site:url}"},{value:"site:admin_email",label:"The site administrator’s email",group:"About this site",tag:"{admin_email}"}],Zt=["About the person filling it in","The date and time","About this site"],ke=(i,e)=>q?.i18n?.[i]??e;class Qe{constructor(e){this.config=null,this.themes=[],this.forms=[],this.form=null,this.schema=null,this.selected=null,this.tab="build",this.logicMap=null,this.canvasTheme=r("style"),this.canvasThemeSignature="",this.openSections=new Map,this.logicMapOn=ht(Ve)!=="off",this.dirty=!1,this.teardowns=[],this.history=[],this.historyAt=-1,this.autosave=Ae(()=>{this.save(!0)},2500),this.renderInspector=dt(()=>{if($(this.inspector),!this.schema||(this.root.classList.toggle("atfb--build-only-panes",this.tab!=="build"),this.tab!=="build"))return;const t=this.schema.fields.find(o=>o.id===this.selected);if(!t){this.inspector.append(r("div",{class:"atfb-placeholder",children:[r("p",{text:"Select a field to change it."}),r("p",{class:"atfb-hint",text:"Drag a field from the palette, or press one to add it to the end."})]}));return}const s=this.config?.fieldTypes.find(o=>o.type===t.type),n=s?.supports??[],a=(o,c)=>{t[o]=c,this.markDirty(),this.renderCanvas()};this.inspector.append(r("h3",{class:"atfb-inspector__title",text:s?.label??t.type}),r("p",{class:"atfb-hint",text:`Reference this field as {field:${t.id}}`})),n.includes("label")&&this.inspector.append(m("Label",se(w(t.label,o=>a("label",o)),"label"))),n.includes("placeholder")&&this.inspector.append(m("Placeholder",se(w(t.placeholder,o=>a("placeholder",o)),"placeholder"))),n.includes("hint")&&this.inspector.append(m("Hint",w(t.hint,o=>a("hint",o)),"Shown under the field, and read out with it.")),n.includes("required")&&this.inspector.append(M("Required",t.required,o=>a("required",o))),n.includes("width")&&this.inspector.append(m("Width",D(t.width,[{value:"full",label:"Full width"},{value:"two-thirds",label:"Two thirds"},{value:"half",label:"Half"},{value:"third",label:"One third"},{value:"quarter",label:"One quarter"}],o=>a("width",o)))),s?.choices&&this.inspector.append(this.renderChoicesEditor(t,a)),(t.type==="total"||n.includes("formula"))&&this.inspector.append(m("Formula",w(String(t.formula??""),o=>a("formula",o)),"Reference fields with braces: {f1} * {f2} + 10. Functions: min, max, sum, avg, round, ceil, floor, abs, sqrt, pow."),m("Currency symbol",w(String(t.currency??""),o=>a("currency",o)))),this.inspector.append(this.renderValidationSection(t,n,a)),this.inspector.append(this.renderLogicSection(t,a)),n.includes("prefill")&&this.inspector.append(this.prefillControl(t,a)),n.includes("css")&&this.inspector.append(m("CSS class",w(t.cssClass,o=>a("cssClass",o))))}),this.root=e,this.bar=e.querySelector("[data-atfb-bar]")??r("div"),this.palette=e.querySelector("[data-atfb-palette]")??r("div"),this.canvas=e.querySelector("[data-atfb-canvas]")??r("div"),this.inspector=e.querySelector("[data-atfb-inspector]")??r("div")}async start(){try{const[s,n,a]=await Promise.all([L.config(),L.listThemes(),L.listForms()]);this.config=s,this.themes=n,this.forms=a}catch(s){this.fail(s);return}this.teardowns.push(at([J])),this.teardowns.push(Ht({current:()=>this.form?{id:this.form.id,title:this.form.title,previewUrl:this.form.previewUrl}:null,isDirty:()=>this.dirty,save:()=>this.save(!0)}));const e=s=>{this.dirty&&(s.preventDefault(),s.returnValue="")};window.addEventListener("beforeunload",e),this.teardowns.push(()=>window.removeEventListener("beforeunload",e));const t=s=>{!(s.metaKey||s.ctrlKey)||s.key.toLowerCase()!=="z"||s.target?.closest("input, textarea, [contenteditable]")||(s.preventDefault(),this.travel(s.shiftKey?1:-1))};this.root.addEventListener("keydown",t),this.teardowns.push(()=>this.root.removeEventListener("keydown",t)),this.renderBar(),this.renderPalette(),this.forms.length?await this.open(this.forms[0].id):this.renderFormsList()}destroy(){this.teardowns.forEach(e=>e()),this.teardowns=[]}fail(e){$(this.bar),this.bar.append(r("p",{class:"atfb-error",text:e instanceof Error?e.message:"Something went wrong loading your forms."}))}renderBar(){$(this.bar);const e=D(String(this.form?.id??""),[...this.forms.map(n=>({value:String(n.id),label:n.title||"(untitled)"}))],n=>void this.open(Number(n)));e.setAttribute("aria-label","Choose a form");const t=r("input",{class:"atfb-title",type:"text",value:this.form?.title??"",placeholder:"Untitled form",attrs:{"aria-label":"Form title"},on:{input:n=>{this.form&&(this.form.title=n.target.value,this.markDirty())}}}),s=r("div",{class:"atfb-tabs",attrs:{role:"tablist"},children:[["build","Build"],["theme","Theme"],["settings","Settings"],["notify","Notifications"],["confirm","Confirmations"]].map(([n,a])=>r("button",{class:`atfb-tab${this.tab===n?" is-active":""}`,type:"button",text:a,attrs:{role:"tab","aria-selected":this.tab===n},on:{click:()=>{this.tab=n,this.renderBar(),this.renderInspector(),this.renderCanvas()}}}))});this.bar.append(r("div",{class:"atfb-bar__left",children:[this.forms.length>1?e:null,t]}),s,r("div",{class:"atfb-bar__right",children:[this.historyButton("undo","Undo",-1),this.historyButton("redo","Redo",1),k("New",()=>void this.showTemplates(),"secondary","plus-alt2"),k("Export",()=>void this.exportForm(),"secondary","download"),k("Import",()=>void this.importForm(),"secondary","upload"),k("Preview",()=>void this.preview(),"secondary","visibility"),k("Entries",()=>this.openEntries(),"secondary","list-view"),this.logicMapButton(),this.saveButton()]}))}liveField(e){return this.schema?.fields.find(t=>t.id===e)}syncCanvas(e){const t=this.canvas.querySelector(`[data-atfb-card="${CSS.escape(e.id)}"]`);if(!t)return;const s=t.querySelector(".atf-label.atfb-editable");s&&s.textContent!==e.label&&(s.textContent=e.label);const n=t.querySelectorAll(".atf-choice__label.atfb-editable");(e.choices??[]).forEach((a,o)=>{const c=n[o];c&&c.textContent!==a.label&&(c.textContent=a.label)})}syncInspector(e){if(this.selected!==e.id)return;const t=(s,n)=>{const a=this.inspector.querySelector(`[data-atfb-bind="${CSS.escape(s)}"]`);a&&("value"in a?a.value=n:a.setAttribute("value",n))};t("label",e.label??""),t("placeholder",e.placeholder??""),(e.choices??[]).forEach((s,n)=>{t(`choice:${n}:label`,s.label??""),t(`choice:${n}:value`,s.value??"")})}rebindCanvas(){const e=document.activeElement;if(e instanceof HTMLElement&&this.canvas.contains(e)){e.addEventListener("blur",()=>this.rebindCanvas(),{once:!0});return}this.renderCanvas()}snapshot(){if(!this.schema)return;const e=JSON.stringify(this.schema);this.history[this.historyAt]!==e&&(this.history=this.history.slice(0,this.historyAt+1),this.history.push(e),this.history.length>60&&this.history.shift(),this.historyAt=this.history.length-1)}travel(e){const t=this.historyAt+e;!this.schema||t<0||t>=this.history.length||(this.historyAt=t,this.schema=JSON.parse(this.history[t]),this.schema.fields.some(s=>s.id===this.selected)||(this.selected=null),this.dirty=!0,this.autosave(),this.renderBar(),this.renderCanvas(),this.renderInspector())}historyButton(e,t,s){const n=this.historyAt+s,a=k(t,()=>this.travel(s),"secondary",e);return a.disabled=n<0||n>=this.history.length,a}exportForm(){if(!this.form||!this.schema)return;const e={plugin:"allterrain-forms",version:q?.version??"",title:this.form.title,schema:this.schema},t=new Blob([JSON.stringify(e,null,"	")],{type:"application/json"}),s=URL.createObjectURL(t),n=r("a",{href:s,attrs:{download:`${this.form.title.replace(/[^a-z0-9]+/gi,"-").toLowerCase()||"form"}.json`}});document.body.append(n),n.click(),n.remove(),window.setTimeout(()=>URL.revokeObjectURL(s),1e3)}async importForm(){const e=r("input",{type:"file",attrs:{accept:"application/json,.json"}});e.addEventListener("change",async()=>{const t=e.files?.[0];if(t)try{const s=JSON.parse(await t.text());if(!s.schema)throw new Error("That file does not contain a form.");const n=await L.createForm({title:s.title??t.name.replace(/\.json$/i,""),schema:s.schema});this.forms.unshift({id:n.id,title:n.title,status:n.status,modified:n.modified,fields:n.schema.fields.length,theme:n.schema.settings.theme,entries:0,unread:0,views:0,submissions:0,shortcode:n.shortcode}),this.form=n,this.schema=n.schema,this.selected=null,this.dirty=!1,this.history=[],this.historyAt=-1,this.snapshot(),this.renderBar(),this.renderCanvas(),this.renderInspector(),I("Form imported",n.title)}catch(s){I("Could not import that file",s instanceof Error?s.message:"","error")}}),e.click()}saveButton(){const e=k("Save",()=>void this.save(),"primary");return e.disabled=!this.dirty,e.setAttribute("data-atfb-save",""),e}markDirty(){this.dirty=!0;const e=this.bar.querySelector("[data-atfb-save]");e&&(e.disabled=!1),this.autosave()}async save(e=!1){if(!(!this.form||!this.schema))try{const t=await L.updateForm(this.form.id,{title:this.form.title,schema:this.schema});this.form=t,this.schema=t.schema,this.dirty=!1,this.rebindCanvas(),qt(t.id);const s=this.forms.find(a=>a.id===t.id);s&&(s.title=t.title);const n=this.bar.querySelector("[data-atfb-save]");n&&(n.disabled=!0),Yt(t.id,t.title,t.previewUrl),e||I("Form saved",t.title)}catch(t){I(ke("saveFailed","Could not save"),t instanceof Error?t.message:"","error")}}async open(e){if(!(this.dirty&&!await de("You have unsaved changes. Discard them?"))){try{this.form=await L.getForm(e),this.schema=this.form.schema,this.selected=null,this.dirty=!1,this.history=[],this.historyAt=-1,this.snapshot()}catch(t){this.fail(t);return}this.renderBar(),this.renderCanvas(),this.renderInspector(),this.announceIdentity()}}announceIdentity(){this.form&&Je(this.root,Vt(this.form,q?.adminUrl??""))}async showTemplates(){if(!this.config)return;const e=r("div",{class:"atfb-overlay"}),t=()=>e.remove(),s=r("div",{class:"atfb-templates",children:this.config.templates.map(n=>r("button",{class:"atfb-template",type:"button",on:{click:async()=>{t();try{const a=await L.createForm({template:n.slug});this.forms.unshift({id:a.id,title:a.title,status:a.status,modified:a.modified,fields:a.schema.fields.length,theme:a.schema.settings.theme,entries:0,unread:0,views:0,submissions:0,shortcode:a.shortcode}),this.form=a,this.schema=a.schema,this.selected=null,this.dirty=!1,this.renderBar(),this.renderCanvas(),this.renderInspector(),this.announceIdentity()}catch(a){I("Could not create the form",a instanceof Error?a.message:"","error")}}},children:[F(n.icon),r("strong",{text:n.label}),r("span",{text:n.description})]}))});e.append(r("div",{class:"atfb-modal",attrs:{role:"dialog","aria-label":"Start a new form"},children:[r("h2",{text:"Start a new form"}),s,r("div",{class:"atfb-modal__actions",children:[k("Cancel",t)]})]})),e.addEventListener("click",n=>{n.target===e&&t()}),document.addEventListener("keydown",n=>{n.key==="Escape"&&t()},{once:!0}),this.root.append(e),s.querySelector("button")?.focus()}renderFormsList(){$(this.canvas),this.canvas.append(r("div",{class:"atfb-empty",children:[r("h2",{text:"No forms yet"}),r("p",{text:"Start from a template, or build one from nothing."}),k("New form",()=>void this.showTemplates(),"primary","plus-alt2")]}))}openEntries(){const e=window.wp?.os;if(e?.openWindow){e.openWindow("allterrain-forms-entries");return}window.location.assign(`${q?.adminUrl??""}admin.php?page=allterrain-forms-entries`)}renderPalette(){if(!this.config)return;$(this.palette);const e=new Map;for(const s of this.config.fieldTypes){const n=e.get(s.group)??[];n.push(s),e.set(s.group,n)}const t=r("input",{class:"atfb-input atfb-palette__search",type:"search",placeholder:"Search fields",attrs:{"aria-label":"Search field types"},on:{input:s=>{const n=s.target.value.toLowerCase().trim();this.palette.querySelectorAll(".atfb-chip").forEach(a=>{const o=(a.textContent??"").toLowerCase();a.hidden=n!==""&&!o.includes(n)}),this.palette.querySelectorAll(".atfb-group").forEach(a=>{const o=Array.from(a.querySelectorAll(".atfb-chip")).some(c=>!c.hidden);a.hidden=!o})}}});this.palette.append(t);for(const[s,n]of Object.entries(this.config.groups)){const a=e.get(s);a?.length&&this.palette.append(r("div",{class:"atfb-group",children:[r("h3",{class:"atfb-group__title",text:n}),r("div",{class:"atfb-group__items",children:a.map(o=>this.paletteChip(o))})]}))}}paletteChip(e){const t=r("button",{class:"atfb-chip",type:"button",title:e.description,attrs:{"data-atf-type":e.type},children:[F(e.icon),r("span",{text:e.label})]});return t.addEventListener("pointerdown",s=>{const n=r("div",{class:"atfb-chip atfb-chip--ghost",children:[F(e.icon),r("span",{text:e.label})]});U().start({payload:Ce(J,t,{fieldType:e.type,isNew:!0},s,n),origin:s,onClickOnly:()=>this.addField(e.type)})}),t.addEventListener("click",s=>{U().recentlyEndedDrag()&&s.preventDefault()}),t}renderCanvas(){if($(this.canvas),!this.schema||!this.form){this.renderFormsList();return}if(this.tab!=="build"){this.canvas.append(this.renderTabCanvas());return}const e=r("div",{class:"atfb-canvas__list",attrs:{"data-atfb-list":""}});this.schema.fields.length||e.append(r("div",{class:"atfb-placeholder",text:ke("emptyCanvas","Drag a field from the left to begin.")})),this.schema.fields.forEach((s,n)=>{e.append(this.renderFieldCard(s,n))});const t=r("div",{class:"atfb-canvas__inner",children:[r("p",{class:"atfb-shortcode",text:this.form.shortcode,title:"Paste this anywhere to place the form"}),e]});this.canvas.append(t),this.registerCanvasTarget(e),this.paintLogicMap(t),this.paintCanvasTheme()}prefillControl(e,t){const s=e.prefill.startsWith("query:"),n=xe.some(v=>v.value===e.prefill),a=s?"query":n&&e.prefill||(e.prefill?"custom":""),o=r("div",{class:"atfb-prefill__detail"}),c=r("p",{class:"atfb-row__hint atfb-prefill__preview"}),l=v=>{if(o.replaceChildren(),c.replaceChildren(),v==="query"){const f=e.prefill.startsWith("query:")?e.prefill.slice(6):"";o.append(w(f,y=>{const S=y.trim();t("prefill",S?`query:${S}`:""),d(`query:${S}`)},"utm_source"),r("p",{class:"atfb-row__hint",text:"The name of the parameter in the link people arrive on."}))}v==="custom"&&o.append(w(e.prefill,f=>{t("prefill",f),d(f)},"myplugin:something"),r("p",{class:"atfb-row__hint",text:"For a source another plugin has added through atf_resolve_prefill."})),d(e.prefill)},d=v=>{if(c.replaceChildren(),!v)return;if(v.startsWith("query:")){const y=v.slice(6);y&&(c.textContent=`A visit to …/your-page/?${y}=abc opens the form with “abc” in it.`);return}const f=xe.find(y=>y.value===v)?.tag;f&&fe(this.form?.id??0).then(y=>{for(const S of y)for(const E of S.items)if(E.tag===f){const N=v.startsWith("user:");if(!E.sample){c.textContent="Empty unless the visitor is signed in.";return}c.textContent=N?`Opens with “${E.sample}” for you — empty for a visitor who is not signed in.`:`Opens with “${E.sample}”.`;return}})};l(a);const u=r("select",{class:"atfb-input atfb-select",on:{change:v=>{const f=v.target.value;t("prefill",f==="query"||f==="custom"?"":f),l(f)}}});u.append(r("option",{value:"",text:"Nothing — leave it empty",attrs:{selected:a===""}}));for(const v of Zt){const f=document.createElement("optgroup");f.label=v;for(const y of xe.filter(S=>S.group===v))f.append(r("option",{value:y.value,text:y.label,attrs:{selected:y.value===a}}));u.append(f)}const C=document.createElement("optgroup");return C.label="From the link they arrived on",C.append(r("option",{value:"query",text:"A parameter in the web address",attrs:{selected:a==="query"}})),u.append(C,r("option",{value:"custom",text:"Something else (advanced)",attrs:{selected:a==="custom"}})),m("Pre-fill this with",r("div",{class:"atfb-prefill",children:[u,o,c]}),"What the box already contains when the form opens. They can still change it.")}renderCondition(e){const t=e.some(s=>s.kind==="field"&&s.missing);return r("span",{class:`atfb-cond${t?" is-broken":""}`,attrs:{"aria-label":Pe(e)},children:[F("randomize"),...e.map(s=>this.renderConditionToken(s))]})}renderConditionToken(e){return e.kind==="field"&&!e.missing?r("button",{class:"atfb-cond__chip atfb-cond__chip--field",type:"button",text:e.text,title:"Go to this question",on:{click:n=>{n.stopPropagation(),this.selectField(e.fieldId),this.canvas.querySelector(`[data-atfb-card="${CSS.escape(e.fieldId)}"]`)?.scrollIntoView({block:"nearest",behavior:"smooth"})}}}):r("span",{class:{verb:"atfb-cond__verb",field:"atfb-cond__chip atfb-cond__chip--missing",operator:"atfb-cond__op",value:"atfb-cond__chip atfb-cond__chip--value",join:"atfb-cond__join"}[e.kind],text:e.text})}section(e,t,s,n=!1){const a=r("details",{class:"atfb-section",attrs:{open:this.openSections.get(e)??n},children:[r("summary",{text:t}),...s]});return a.addEventListener("toggle",()=>this.openSections.set(e,a.open)),a}logicMapButton(){const e=he(this.schema?.fields??[]).length>0,t=k(this.logicMapOn?"Hide logic":"Show logic",()=>{this.logicMapOn=!this.logicMapOn,ut(Ve,this.logicMapOn?"on":"off"),this.renderBar(),this.renderCanvas()},this.logicMapOn?"primary":"secondary","randomize");return t.title="Draw a line from each question to the ones it decides.",t.hidden=!e,t}paintLogicMap(e){this.logicMap?.destroy(),this.logicMap=null;const t=this.schema?.fields??[],s=he(t);if(!s.length||!this.logicMapOn)return;e.classList.add("has-logicmap");const n=new Et(e);n.setEdges(s),n.highlight(this.selected??""),this.logicMap=n,e.addEventListener("pointerover",a=>{const o=a.target.closest("[data-atfb-card]");n.highlight(o?.dataset.atfbCard??this.selected??"")}),e.addEventListener("pointerleave",()=>n.highlight(this.selected??""))}renderFieldCard(e,t){const s=this.config?.fieldTypes.find(d=>d.type===e.type),n=this.selected===e.id,a=this.schema?.fields??[],o=xt(e,a),c=St(a).get(e.id)??0,l=r("div",{class:`atfb-card${n?" is-selected":""}`,attrs:{"data-atfb-card":e.id,"data-index":t,tabindex:"0",role:"button","aria-pressed":n,"aria-label":`${e.label||s?.label||e.type}, ${t+1} of ${this.schema?.fields.length??0}`},children:[r("div",{class:"atfb-card__grip",attrs:{"aria-hidden":"true"},children:[F("menu")]}),r("div",{class:"atfb-card__body",children:[r("div",{class:"atfb-card__head",children:[F(s?.icon??"dashicons-forms"),r("span",{class:"atfb-card__type",text:s?.label??e.type}),this.requiredToggle(e),c?r("span",{class:"atfb-badge atfb-badge--controls",text:c===1?"controls 1 field":`controls ${c} fields`,title:"Other questions appear or disappear based on this answer."}):null]}),$t(e,s,{edit:d=>{const u=this.liveField(e.id);u&&(d(u),this.markDirty(),this.syncInspector(u))},restructure:d=>{const u=this.liveField(e.id);u&&(this.snapshot(),d(u),this.markDirty(),this.renderCanvas(),this.renderInspector())}}),o.length?this.renderCondition(o):null]}),r("div",{class:"atfb-card__actions",children:[this.cardAction("admin-page","Duplicate",()=>this.duplicateField(e.id)),this.cardAction("trash","Delete",()=>void this.deleteField(e.id))]})]});return l.addEventListener("click",d=>{d.target.closest(".atfb-card__actions")||U().recentlyEndedDrag()||this.selectField(e.id)}),l.addEventListener("keydown",d=>{if(d.key==="Enter"||d.key===" "){d.preventDefault(),this.selectField(e.id);return}d.altKey&&(d.key==="ArrowUp"||d.key==="ArrowDown")&&(d.preventDefault(),this.moveField(e.id,d.key==="ArrowUp"?t-1:t+1),window.requestAnimationFrame(()=>{this.canvas.querySelector(`[data-atfb-card="${CSS.escape(e.id)}"]`)?.focus()})),(d.key==="Delete"||d.key==="Backspace")&&(d.preventDefault(),this.deleteField(e.id))}),l.addEventListener("pointerdown",d=>{d.target.closest(".atfb-card__actions")||U().start({payload:Ce(J,l,{fieldId:e.id,field:e,isNew:!1},d),origin:d})}),l}requiredToggle(e){return r("button",{class:`atfb-req${e.required?" is-on":""}`,type:"button",text:e.required?"Required":"Optional",title:e.required?"This must be answered. Click to make it optional.":"Click to make this required.",attrs:{"aria-pressed":e.required?"true":"false"},on:{pointerdown:s=>s.stopPropagation(),click:s=>{s.stopPropagation(),e.required=!e.required,this.markDirty(),this.renderCanvas(),this.renderInspector()}}})}cardAction(e,t,s){return r("button",{class:"atfb-card__action",type:"button",title:t,attrs:{"aria-label":t},on:{click:n=>{n.stopPropagation(),s()}},children:[F(e)]})}registerCanvasTarget(e){const t=r("div",{class:"atfb-marker",attrs:{"aria-hidden":"true"}}),s=U().registerDropTarget({id:`atfb-canvas-${this.form?.id??0}`,element:e,accept:a=>a.type===J,onEnter:()=>e.classList.add("is-dropping"),onLeave:()=>{e.classList.remove("is-dropping"),t.remove()},onDrop:(a,o)=>{e.classList.remove("is-dropping"),t.remove();const c=a.payload.data,l=c.fieldId?this.canvas.querySelector(`[data-atfb-card="${CSS.escape(c.fieldId)}"]`):null,d=Le(e,".atfb-card",o.clientY,l??void 0);if(c.isNew&&c.fieldType){this.addField(c.fieldType,d);return}if(c.fieldId&&this.schema?.fields.some(u=>u.id===c.fieldId)){this.moveField(c.fieldId,d);return}c.field&&this.insertField({...c.field,id:""},d)}});this.teardowns.push(s);const n=a=>{const o=a.detail;if(o?.payload?.type!==J||!e.classList.contains("is-dropping"))return;const c=o.clientY??0,l=Le(e,".atfb-card",c),d=e.querySelectorAll(".atfb-card");l>=d.length?e.append(t):d[l].before(t)};document.addEventListener("os.drag.move",n),this.teardowns.push(()=>document.removeEventListener("os.drag.move",n))}addField(e,t){const s=this.config?.fieldTypes.find(a=>a.type===e);if(!s||!this.schema)return;const n={id:this.nextFieldId(),type:e,label:s.input?s.label:"",placeholder:"",hint:"",required:!1,width:"full",cssClass:"",default:"",choices:s.choices?[{label:"First choice",value:"first"},{label:"Second choice",value:"second"}]:[],logic:{enabled:!1,action:"show",match:"all",rules:[]},messages:{},prefill:"",...s.settings};this.insertField(n,t)}insertField(e,t){if(!this.schema)return;e.id||(e.id=this.nextFieldId()),this.snapshot();const s=t===void 0?this.schema.fields.length:Math.max(0,Math.min(t,this.schema.fields.length));this.schema.fields.splice(s,0,e),this.selected=e.id,this.markDirty(),this.renderCanvas(),this.renderInspector(),window.requestAnimationFrame(()=>{this.canvas.querySelector(`[data-atfb-card="${CSS.escape(e.id)}"]`)?.focus()})}moveField(e,t){if(!this.schema)return;const s=this.schema.fields.findIndex(o=>o.id===e);if(s<0)return;const n=Math.max(0,Math.min(t,this.schema.fields.length-1));if(s===n)return;this.snapshot();const[a]=this.schema.fields.splice(s,1);this.schema.fields.splice(n>s?n-1:n,0,a),this.markDirty(),this.renderCanvas()}duplicateField(e){if(!this.schema)return;const t=this.schema.fields.findIndex(n=>n.id===e);if(t<0)return;const s=JSON.parse(JSON.stringify(this.schema.fields[t]));s.id=this.nextFieldId(),this.insertField(s,t+1)}async deleteField(e){if(!this.schema)return;const t=this.schema.fields.filter(n=>n.logic?.rules?.some(a=>a.field===e)),s=t.length?`Delete this field? ${t.length} other field${t.length===1?"":"s"} use it in a condition, and those conditions will stop working.`:ke("confirmDelete","Delete this? It cannot be undone.");await de(s,"Delete field")&&(this.snapshot(),this.schema.fields=this.schema.fields.filter(n=>n.id!==e),this.selected===e&&(this.selected=null),this.markDirty(),this.renderCanvas(),this.renderInspector())}selectField(e){this.selected=e;for(const t of this.canvas.querySelectorAll("[data-atfb-card]")){const s=t.dataset.atfbCard===e;t.classList.toggle("is-selected",s),t.setAttribute("aria-pressed",s?"true":"false")}this.logicMap?.highlight(e),this.renderInspector()}nextFieldId(){const e=new Set((this.schema?.fields??[]).map(s=>s.id));let t=e.size+1;for(;e.has(`f${t}`);)t++;return`f${t}`}renderChoicesEditor(e,t){const s=e.choices??[],n=r("div",{class:"atfb-choices"});return s.forEach((a,o)=>{const c=r("div",{class:"atfb-choice-row",children:[e.type==="image_choice"?this.choiceImageWell(a,o,e):null,se(w(a.label,l=>{const d=!a.value||a.value===a.label;a.label=l,d&&(a.value=l),this.markDirty(),this.syncCanvas(e)}),`choice:${o}:label`),se(w(a.value,l=>{a.value=l,this.markDirty()},"value"),`choice:${o}:value`),e.type==="quiz"||a.points!==void 0?R(String(a.points??""),l=>{a.points=l===""?void 0:Number(l),this.markDirty()}):R(String(a.price??""),l=>{a.price=l===""?void 0:Number(l),this.markDirty()}),r("button",{class:"atfb-card__action",type:"button",attrs:{"aria-label":`Remove ${a.label}`},on:{click:()=>{s.splice(o,1),t("choices",s),this.renderInspector()}},children:[F("trash")]})]});n.append(c)}),r("div",{class:"atfb-section",children:[r("h4",{text:"Choices"}),r("p",{class:"atfb-hint",text:e.type==="quiz"?"Label, value, points.":"Label, value, and a price for calculations."}),n,k("Add choice",()=>{s.push({label:"",value:""}),t("choices",s),this.renderInspector()},"ghost","plus-alt2"),e.type==="quiz"?m("Correct answer",D(String(e.correct??""),[{value:"",label:"—"},...s.map(a=>({value:a.value,label:a.label}))],a=>t("correct",a))):null]})}choiceImageWell(e,t,s){const n=r("div",{class:`atfb-well${e.image?" has-image":""}`,attrs:{"data-choice":t,"aria-label":`Image for ${e.label||`choice ${t+1}`}`},children:[e.image?r("span",{class:"atfb-well__id",text:`#${e.image}`}):F("format-image")]}),a=U().registerDropTarget({id:`atfb-well-${s.id}-${t}`,element:n,accept:o=>Qt.includes(o.type),onEnter:()=>n.classList.add("is-dropping"),onLeave:()=>n.classList.remove("is-dropping"),onDrop:o=>{n.classList.remove("is-dropping");const c=o.payload.data,l=Number(c.attachmentId??c.id??c.file?.id??0);if(!l){I("That is not an image this field can use","","error");return}e.image=l,this.markDirty(),this.renderInspector()}});return this.teardowns.push(a),n.addEventListener("click",()=>{e.image&&(e.image=void 0,this.markDirty(),this.renderInspector())}),n}renderValidationSection(e,t,s){const n=[],a=[];t.includes("minlength")&&a.push(["minlength","Minimum characters"],["maxlength","Maximum characters"]),t.includes("min")&&a.push(["min","Minimum"],["max","Maximum"]),t.includes("mindate")&&a.push(["minDate","Earliest date"],["maxDate","Latest date"]);for(const[c,l]of a)n.push(m(l,w(String(e[c]??""),d=>s(c,d))));t.includes("pattern")&&n.push(m("Pattern",w(String(e.pattern??""),c=>s("pattern",c)),"A regular expression, without slashes.")),t.includes("unique")&&n.push(M("No two people may submit the same value",!!e.unique,c=>s("unique",c)));const o=e.messages??{};return n.push(m("Message when required",w(o.required??"",c=>{o.required=c,s("messages",o)}),"Leave empty for the default wording.")),this.section(`validation:${e.id}`,"Validation",n)}renderLogicSection(e,t){const s=e.logic,n=(this.schema?.fields??[]).filter(o=>o.id!==e.id&&o.type!=="page_break"),a=r("div",{class:"atfb-rules"});return s.rules.forEach((o,c)=>{a.append(r("div",{class:"atfb-rule",children:[D(o.field,n.map(l=>({value:l.id,label:l.label||l.id})),l=>{o.field=l,this.markDirty()}),D(o.operator,Object.entries(this.config?.operators??{}).map(([l,d])=>({value:l,label:d})),l=>{o.operator=l,this.markDirty()}),w(o.value,l=>{o.value=l,this.markDirty()}),r("button",{class:"atfb-card__action",type:"button",attrs:{"aria-label":"Remove this rule"},on:{click:()=>{s.rules.splice(c,1),t("logic",s),this.renderInspector()}},children:[F("trash")]})]}))}),this.section(`logic:${e.id}`,"Conditional logic",[M("Only show this field sometimes",s.enabled,o=>{s.enabled=o,t("logic",s),this.renderInspector()}),s.enabled?r("div",{children:[r("div",{class:"atfb-rule-head",children:[D(s.action,[{value:"show",label:"Show"},{value:"hide",label:"Hide"}],o=>{s.action=o,t("logic",s)}),r("span",{text:"this field when"}),D(s.match,[{value:"all",label:"all"},{value:"any",label:"any"}],o=>{s.match=o,t("logic",s)}),r("span",{text:"of these match:"})]}),a,k("Add rule",()=>{s.rules.push({field:n[0]?.id??"",operator:"is",value:""}),t("logic",s),this.renderInspector()},"ghost","plus-alt2")]}):null],s.enabled)}renderTabCanvas(){return this.schema?this.tab==="theme"?He({themes:this.themes,tokens:this.config?.tokens??[],activeSlug:this.schema.settings.theme,overrides:this.schema.settings.themeOverrides,onTheme:e=>{this.schema.settings.theme=e,this.markDirty()},onOverride:(e,t)=>{t===""?delete this.schema.settings.themeOverrides[e]:this.schema.settings.themeOverrides[e]=t,this.markDirty()},previewFor:(e,t)=>this.previewHtml(e,t),onThemesChanged:e=>{this.themes=e}}):this.tab==="settings"?this.renderSettingsPane():this.tab==="notify"?this.renderNotificationsPane():this.renderConfirmationsPane():r("div")}async paintCanvasTheme(){if(!this.form||!this.schema)return;const e=this.schema.settings.theme,t=JSON.stringify([e,this.schema.settings.themeOverrides]);if(t!==this.canvasThemeSignature){this.canvasThemeSignature=t;try{const s=await this.previewHtml(e,this.schema.settings.themeOverrides??{}),n=/<style>([\s\S]*?)<\/style>/.exec(s);if(!n)return;const a=n[1].replace(/#atf-[\d-]+\s+\.atf-form/g,".atfb .atfb-preview");this.canvasTheme.textContent=a,this.canvasTheme.isConnected||this.root.append(this.canvasTheme)}catch{}}}async previewHtml(e,t){if(!this.form||!this.schema)return"";const s=JSON.parse(JSON.stringify(this.schema));s.settings.theme=e,s.settings.themeOverrides=t;const{html:n}=await L.preview(this.form.id,{schema:s,theme:e});return n}renderSettingsPane(){const e=this.schema.settings,t=(s,n)=>{const a=s.split(".");let o=e;for(let c=0;c<a.length-1;c++)o=o[a[c]];o[a[a.length-1]]=n,this.markDirty()};return r("div",{class:"atfb-pane",children:[r("h2",{text:"Settings"}),r("section",{children:[r("h3",{text:"Submitting"}),m("Button label",w(e.submitLabel,s=>t("submitLabel",s))),M("Submit without reloading the page",e.ajax,s=>t("ajax",s)),m("Progress indicator",D(e.progressBar,[{value:"steps",label:"Numbered steps"},{value:"bar",label:"A bar"},{value:"none",label:"None"}],s=>t("progressBar",s)),"Only shown on forms with a page break.")]}),r("section",{children:[r("h3",{text:"Who can fill this in"}),M("Only logged-in users",e.requireLogin,s=>t("requireLogin",s)),m("Message for everyone else",w(e.loginMessage,s=>t("loginMessage",s))),m("Open from",r("input",{class:"atfb-input",type:"datetime-local",value:e.schedule.start,on:{input:s=>t("schedule.start",s.target.value)}})),m("Closes",r("input",{class:"atfb-input",type:"datetime-local",value:e.schedule.end,on:{input:s=>t("schedule.end",s.target.value)}})),m("Message when closed",w(e.schedule.message,s=>t("schedule.message",s))),m("Stop after this many submissions",R(String(e.limit.total||""),s=>t("limit.total",Number(s)||0)),"0 means no limit."),m("Submissions per logged-in user",R(String(e.limit.perUser||""),s=>t("limit.perUser",Number(s)||0)))]}),r("section",{children:[r("h3",{text:"Spam"}),r("p",{class:"atfb-hint",text:"No captcha. Nothing here asks the visitor to prove anything."}),M("Honeypot field",e.spam.honeypot,s=>t("spam.honeypot",s)),m("Reject submissions faster than (seconds)",R(String(e.spam.timeTrap),s=>t("spam.timeTrap",Number(s)||0)),"A human cannot fill in a form in under a second. A script can."),m("Submissions allowed per hour, per address",R(String(e.spam.rateLimit),s=>t("spam.rateLimit",Number(s)||0))),m("Blocked words",$e(e.spam.blocklist,s=>t("spam.blocklist",s),4),"One per line."),M("Use Akismet when it is installed",e.spam.akismet,s=>t("spam.akismet",s)),M("Ask a simple sum before sending",e.spam.challenge,s=>t("spam.challenge",s)),r("p",{class:"atfb-hint",text:"Only for a form under sustained attack — it is the one check here that asks the visitor to do something. Still kinder than an image captcha: it is answerable by a screen reader, and it hands no data to anyone."})]}),r("section",{children:[r("h3",{text:"Storage and privacy"}),M("Keep entries",e.storage.entries,s=>t("storage.entries",s)),M("Record IP addresses",e.storage.ip,s=>t("storage.ip",s)),M("Anonymise recorded IP addresses",e.storage.anonymise,s=>t("storage.anonymise",s)),m("Delete entries after (days)",R(String(e.storage.retention||""),s=>t("storage.retention",Number(s)||0)),"0 keeps them forever. Anything else deletes automatically, every day.")]}),r("section",{children:[r("h3",{text:"Save and continue later"}),M("Let people save a half-finished form",e.resume.enabled,s=>t("resume.enabled",s)),m("Keep a saved form for (days)",R(String(e.resume.days),s=>t("resume.days",Math.max(1,Number(s)||30)))),r("p",{class:"atfb-hint",text:"The link this creates is the only key to those answers — anyone holding it can read them. For genuinely sensitive questions, require login instead."})]})]})}taggableInput(e,t,s=""){return Be(w(e,t,s),{formId:this.form.id})}taggableArea(e,t,s=6){return Be($e(e,t,s),{formId:this.form.id})}recipientControl(e){const t=this.schema.fields.filter(l=>l.type==="email"),s=l=>{if(l.trim()==="{admin_email}")return"admin";const d=l.trim().match(/^\{field:([a-z0-9_-]+)\}$/i);return d&&t.some(u=>u.id===d[1])?`field:${d[1]}`:/\{/.test(l)?"custom":"address"},n=[{value:"admin",label:"Whoever runs this site"},...t.map(l=>({value:`field:${l.id}`,label:`The person who filled it in — ${l.label||"their email answer"}`})),{value:"address",label:"A specific email address"},{value:"custom",label:"Something else (advanced)"}],a=s(e.to),o=r("div",{class:"atfb-recipient__detail"}),c=l=>{if(o.replaceChildren(),l==="address"){o.append(w(/\{/.test(e.to)?"":e.to,d=>{e.to=d,this.markDirty()},"name@example.com"));return}l==="custom"&&o.append(this.taggableInput(e.to,d=>{e.to=d,this.markDirty()},"{admin_email}, sales@example.com"),r("p",{class:"atfb-row__hint",text:"Separate several addresses with commas."}))};return c(a),m("Send it to",r("div",{class:"atfb-recipient",children:[D(a,n,l=>{l==="admin"?e.to="{admin_email}":l.startsWith("field:")?e.to=`{${l}}`:l==="address"&&(e.to=/\{/.test(e.to)?"":e.to),this.markDirty(),c(l)}),o]}),t.length?void 0:"Add an Email question on the Build tab to reply straight back to the visitor.")}renderNotificationsPane(){const e=this.schema.notifications,t=r("div",{class:"atfb-list"});return e.length||t.append(r("p",{class:"atfb-hint",text:"With none set up, one email goes to the site administrator with every answer in it."})),e.forEach((s,n)=>{t.append(this.section(`notification:${s.id}`,s.name||`Notification ${n+1}`,[m("Name",w(s.name,a=>{s.name=a,this.markDirty()})),this.recipientControl(s),m("Reply to",this.taggableInput(s.replyTo,a=>{s.replyTo=a,this.markDirty()},"Leave empty to reply to you"),"Set this to the visitor’s email address and hitting Reply answers them directly."),m("Subject",this.taggableInput(s.subject,a=>{s.subject=a,this.markDirty()})),m("Message",this.taggableArea(s.message,a=>{s.message=a,this.markDirty()},8)),M("Attach uploaded files",s.attachFiles,a=>{s.attachFiles=a,this.markDirty()}),k("Delete this notification",()=>{e.splice(n,1),this.markDirty(),this.renderCanvas()},"danger")]))}),r("div",{class:"atfb-pane",children:[r("h2",{text:"Notifications"}),t,k("Add a notification",()=>{e.push({id:`n${e.length+1}`,enabled:!0,name:"Notification",to:"{admin_email}",cc:"",bcc:"",replyTo:"",fromName:"",fromEmail:"",subject:"New submission",message:"{all_fields}",attachFiles:!1,logic:{enabled:!1,action:"show",match:"all",rules:[]}}),this.markDirty(),this.renderCanvas()},"primary","plus-alt2")]})}confirmationDetail(e){if(e.type==="message")return m("Message",this.taggableArea(e.message,a=>{e.message=a,this.markDirty()},5),"Insert an answer to greet them by name, or show back what they sent.");const t=m("Extra query parameters",this.taggableInput(e.query,a=>{e.query=a,this.markDirty()},"ref={entry:id}&name={field:f1}"),"Added to the address, so the page they land on can read them. Leave empty for none.");if(e.type==="redirect")return r("div",{children:[m("Web address",this.taggableInput(e.url,a=>{e.url=a,this.markDirty()},"https://example.com/thank-you"),"A full address, starting with https://."),t]});const s=r("div",{class:"atfb-pagepicker"}),n=a=>{s.replaceChildren(D(String(e.pageId||0),a,o=>{e.pageId=Number(o)||0,this.markDirty()}))};return n([{value:"0",label:"Loading pages…"}]),L.pages().then(a=>{n([{value:"0",label:"Choose a page…"},...a.map(o=>({value:String(o.id),label:o.title}))])}).catch(()=>{n([{value:"0",label:"Could not load the pages"}])}),m("Page",s,"They are sent to this page after submitting. Its own content is shown, not the form’s message.")}renderConfirmationsPane(){const e=this.schema.confirmations,t=r("div",{class:"atfb-list"});return e.length||t.append(r("p",{class:"atfb-hint",text:"With none set up, the form says thank you and stops."})),e.forEach((s,n)=>{const a=r("div",{class:"atfb-confirm__detail"}),o=()=>{a.replaceChildren(this.confirmationDetail(s))};o(),t.append(this.section(`confirmation:${s.id}`,s.name||`Confirmation ${n+1}`,[m("Name",w(s.name,c=>{s.name=c,this.markDirty()})),m("What happens",D(s.type,[{value:"message",label:"Show a message"},{value:"redirect",label:"Send them to a URL"},{value:"page",label:"Send them to a page"}],c=>{s.type=c,this.markDirty(),o()})),a,k("Delete this confirmation",()=>{e.splice(n,1),this.markDirty(),this.renderCanvas()},"danger")]))}),r("div",{class:"atfb-pane",children:[r("h2",{text:"Confirmations"}),r("p",{class:"atfb-hint",text:"The first one whose conditions match is the one they see."}),t,k("Add a confirmation",()=>{e.push({id:`c${e.length+1}`,enabled:!0,name:"Confirmation",type:"message",message:"Thank you. Your submission has been received.",url:"",pageId:0,query:"",logic:{enabled:!1,action:"show",match:"all",rules:[]}}),this.markDirty(),this.renderCanvas()},"primary","plus-alt2")]})}async preview(){await Xe({current:()=>this.form?{id:this.form.id,title:this.form.title,previewUrl:this.form.previewUrl}:null,isDirty:()=>this.dirty,save:()=>this.save(!0)})}}let K=null,Se=null;function Ee(){if(Se?.isConnected)return;K&&(K.destroy(),K=null,Se=null);const i=document.querySelector("[data-atfb-root]:not([data-atfb-mounted])");i&&(i.dataset.atfbMounted="1",Se=i,ct().then(()=>{i.isConnected&&(K=new Qe(i),K.start())}))}function Ze(){Ee(),bt()}return vt(),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",Ze):Ze(),document.addEventListener("os-window-content-loaded",Ee),Q.Builder=Qe,Q.mountBuilder=Ee,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"}),Q}({});
+var allTerrainFormsBuilder=function(W){"use strict";class ot{constructor(){this.targets=[],this.active=null,this.lastEndMs=0}start(e){if(this.active||e.origin.button!==0)return null;const{payload:t,origin:s}=e,i=s.clientX,a=s.clientY;let o=!1,l=!1,c=null,d=null,u=0,L=0;const w=()=>{document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",R),document.removeEventListener("pointercancel",X),document.removeEventListener("keydown",ie),window.removeEventListener("blur",X),c?.remove(),c=null,t.source.classList.remove("atf-is-dragging"),d?.onLeave?.(m),d=null,this.active=null,this.lastEndMs=Date.now()},m={payload:t,isFinished:()=>l,cancel:(_="caller")=>{l||(l=!0,w(),e.onCancel?.(_))}},y=_=>{o=!0,t.source.classList.add("atf-is-dragging");const A=t.source.getBoundingClientRect();u=t.ghost?.offsetX??i-A.left,L=t.ghost?.offsetY??a-A.top,c=t.ghost?.element??t.source.cloneNode(!0),c.classList.add("atf-drag-ghost"),c.style.width=`${A.width}px`,document.body.appendChild(c),S(_)},S=_=>{c&&(c.style.transform=`translate3d(${_.clientX-u}px, ${_.clientY-L}px, 0)`)},E=_=>{if(l)return;if(!o){if(Math.hypot(_.clientX-i,_.clientY-a)<4)return;y(_)}S(_);const A=this.hitTest(_.clientX,_.clientY);A!==d&&(d?.onLeave?.(m),d=A,d?.onEnter?.(m))},R=_=>{if(l)return;if(!o){l=!0,w(),e.onClickOnly?.();return}const A=d;if(l=!0,w(),A&&A.accept(t)){e.onCommit?.(A),A.onDrop(m,{clientX:_.clientX,clientY:_.clientY});return}e.onCancel?.(A?"rejected":"no-target")},X=()=>m.cancel("pointercancel"),ie=_=>{_.key==="Escape"&&m.cancel("escape")};return document.addEventListener("pointermove",E),document.addEventListener("pointerup",R),document.addEventListener("pointercancel",X),document.addEventListener("keydown",ie),window.addEventListener("blur",X),this.active=m,m}registerDropTarget(e){return this.targets=this.targets.filter(t=>t.id!==e.id),this.targets.push(e),()=>{this.targets=this.targets.filter(t=>t.id!==e.id)}}isDragging(){return this.active!==null}recentlyEndedDrag(e=500){return Date.now()-this.lastEndMs<e}hitTest(e,t){let s=null,i=-1;for(const a of this.targets){const o=a.element.getBoundingClientRect();if(e<o.left||e>o.right||t<o.top||t>o.bottom)continue;const l=lt(a.element);if(l>i){s=a,i=l;continue}l===i&&s&&ct(a.element,s.element)&&(s=a)}return s}}function lt(n){let e=0,t=n;for(;t;)e++,t=t.parentElement;return e}function ct(n,e){return(e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING)!==0}function oe(){return window.wp?.os??null}let le=null;function U(){const n=oe();return n?.dragManager?n.dragManager:(le||(le=new ot),le)}function dt(n){const e=i=>{const a=i.detail?.payload;return a&&n.includes(a.type)?a.source:null},t=i=>e(i)?.classList.add("atf-is-dragging"),s=i=>e(i)?.classList.remove("atf-is-dragging");return document.addEventListener("os.drag.start",t),document.addEventListener("os.drag.end",s),()=>{document.removeEventListener("os.drag.start",t),document.removeEventListener("os.drag.end",s)}}function Te(n,e,t,s,i){const a=e.getBoundingClientRect();return i&&(i.style.width=`${Math.round(a.width)}px`,i.style.maxWidth=`${Math.round(a.width)}px`,i.style.boxSizing="border-box"),{type:n,source:e,data:t,ghost:{element:i,offsetX:s.clientX-a.left,offsetY:s.clientY-a.top,hint:{neutral:"",accept:"",reject:"",hidden:!0}}}}function $e(n,e,t,s){const i=Array.from(n.querySelectorAll(e)).filter(a=>a!==s&&!a.classList.contains("atf-drag-ghost"));for(let a=0;a<i.length;a++){const o=i[a].getBoundingClientRect();if(t<o.top+o.height/2)return a}return i.length}const O=window.allTerrainForms;class ee extends Error{constructor(e,t,s=""){super(e),this.name="ApiError",this.status=t,this.code=s}}async function ce(n,e={}){if(!O?.restUrl)throw new ee("AllTerrain Forms is not configured on this page.",0);const t=`${O.restUrl}${n}`,s={"Content-Type":"application/json",...e.headers??{}};O.nonce&&(s["X-WP-Nonce"]=O.nonce);const i=oe(),o=await(i?.fetch?(l,c)=>i.fetch(l,c,{source:"allterrain-forms"}):(l,c)=>fetch(l,c))(t,{credentials:"same-origin",...e,headers:s});if(!o.ok){let l=`Request failed with status ${o.status}.`,c="";try{const d=await o.json();l=d.message??l,c=d.code??""}catch{}throw new ee(l,o.status,c)}if(o.status!==204)return await o.json()}const P=n=>ce(n);async function ht(n){if(!O?.wpRestUrl)throw new ee("AllTerrain Forms is not configured on this page.",0);const e=O.nonce?{"X-WP-Nonce":O.nonce}:{},t=oe(),s=`${O.wpRestUrl}${n}`,i=t?.fetch?await t.fetch(s,{credentials:"same-origin",headers:e},{source:"allterrain-forms"}):await fetch(s,{credentials:"same-origin",headers:e});if(!i.ok)throw new ee(`Request failed with status ${i.status}.`,i.status);return await i.json()}function ut(n){if(!n||!n.includes("&"))return n;const e=document.createElement("textarea");return e.innerHTML=n,e.value}const Y=(n,e)=>ce(n,{method:"POST",body:JSON.stringify(e)}),de=n=>ce(n,{method:"DELETE"});function Ae(n){const e=new URLSearchParams;for(const[s,i]of Object.entries(n))i===void 0||i===""||i===!1||e.set(s,String(i));const t=e.toString();return t?`?${t}`:""}const C={config:()=>P("/config"),listForms:()=>P("/forms"),getForm:n=>P(`/forms/${n}`),createForm:n=>Y("/forms",n),updateForm:(n,e)=>Y(`/forms/${n}`,e),duplicateForm:n=>Y(`/forms/${n}/duplicate`,{}),deleteForm:n=>de(`/forms/${n}`),preview:(n,e)=>Y(`/forms/${n}/preview`,e),pages:()=>ht("wp/v2/pages?per_page=100&status=publish&orderby=title&order=asc&_fields=id,title").then(n=>n.map(e=>({id:e.id,title:ut(e.title?.rendered??"")||`#${e.id}`}))),mergeTags:n=>P(`/forms/${n}/merge-tags`).then(e=>e.groups),analytics:n=>P(`/forms/${n}/analytics`),listEntries:n=>P(`/entries${Ae(n)}`),getEntry:n=>P(`/entries/${n}`),updateEntry:(n,e)=>Y(`/entries/${n}`,e),deleteEntry:n=>de(`/entries/${n}`),exportEntries:n=>P(`/entries/export${Ae(n)}`),listThemes:()=>P("/themes"),saveTheme:n=>Y("/themes",n),deleteTheme:n=>de(`/themes/${n}`)};function r(n,e={}){const t=document.createElement(n);e.class&&(t.className=e.class),e.text!==void 0&&(t.textContent=e.text),e.html!==void 0&&(t.innerHTML=e.html),e.title&&(t.title=e.title),e.type&&"type"in t&&(t.type=e.type),e.value!==void 0&&"value"in t&&(t.value=e.value),e.placeholder!==void 0&&"placeholder"in t&&(t.placeholder=e.placeholder),e.href&&"href"in t&&(t.href=e.href);for(const[s,i]of Object.entries(e.attrs??{}))i===void 0||i===!1||t.setAttribute(s,i===!0?"":String(i));Object.assign(t.style,e.style??{});for(const[s,i]of Object.entries(e.on??{}))t.addEventListener(s,i);for(const s of e.children??[])s==null||s===!1||t.append(s);return t}function D(n){n.replaceChildren()}function F(n){return r("span",{class:`dashicons ${n.startsWith("dashicons-")?n:`dashicons-${n}`}`,attrs:{"aria-hidden":"true"}})}function p(n,e,t){const s=e.id||`atf-c-${Math.random().toString(36).slice(2,9)}`;return e.id=s,r("div",{class:"atfb-row",children:[r("label",{class:"atfb-row__label",text:n,attrs:{for:s}}),e,t?r("p",{class:"atfb-row__hint",text:t}):null]})}function v(n,e,t=""){return r("input",{class:"atfb-input",type:"text",value:n,placeholder:t,on:{input:s=>e(s.target.value)}})}function N(n,e){if(J("os-number-field")){const t=document.createElement("os-number-field");return t.setAttribute("value",n),t.classList.add("atfb-field"),t.addEventListener("os-input-change",s=>{e(String(s.detail?.value??""))}),t}return r("input",{class:"atfb-input",type:"number",value:n,on:{input:t=>e(t.target.value)}})}function te(n,e,t=4){const s=r("textarea",{class:"atfb-input atfb-input--area",attrs:{rows:t},on:{input:i=>e(i.target.value)}});return s.value=n,s}function $(n,e,t){if(J("os-select")&&J("os-option")){const s=document.createElement("os-select");s.setAttribute("value",n),s.classList.add("atfb-field");for(const i of e){const a=document.createElement("os-option");a.setAttribute("value",i.value),a.textContent=i.label,s.append(a)}return s.addEventListener("os-pick",i=>{t(String(i.detail?.value??""))}),s}return r("select",{class:"atfb-input atfb-select",on:{change:s=>t(s.target.value)},children:e.map(s=>r("option",{value:s.value,text:s.label,attrs:{selected:s.value===n}}))})}function T(n,e,t){if(J("os-checkbox-label")){const i=document.createElement("os-checkbox-label");return i.setAttribute("label",n),i.classList.add("atfb-check"),e&&i.setAttribute("checked",""),i.addEventListener("os-checkbox-change",a=>{t(!!a.detail?.checked)}),i}const s=r("input",{type:"checkbox",on:{change:i=>t(i.target.checked)}});return s.checked=e,r("label",{class:"atfb-check",children:[s,r("span",{text:n})]})}function k(n,e,t="secondary",s){const i=[s?F(s):null,r("span",{text:n})];if(J("os-button")){const a=document.createElement("os-button");a.setAttribute("variant",t),a.setAttribute("type","button"),a.classList.add("atfb-button",`atfb-button--${t}`),a.addEventListener("click",e);for(const o of i)o&&a.append(o);return a}return r("button",{class:`atfb-button atfb-button--${t}`,type:"button",on:{click:e},children:i})}function J(n){return typeof customElements<"u"&&!!customElements.get(n)}const pt=["os-button","os-checkbox-label","os-number-field","os-select","os-option","os-segmented","os-segment","os-color-field","os-empty-state"];let se=null;function ft(){if(se)return se;const n=window.wp?.os;return se=n?.loadComponents?n.loadComponents(pt).catch(()=>{}):Promise.resolve(),se}async function he(n,e=""){const t=window.wp?.os;return t?.confirm?t.confirm({title:e,message:n,danger:!0}):window.confirm(n)}function I(n,e="",t="info"){const s=window.wp?.os;if(s?.notify){s.notify({title:n,body:e,type:t});return}console.info(`[AllTerrain Forms] ${n}${e?`: ${e}`:""}`)}function mt(n){let e=0,t;return(...s)=>{t=s,!e&&(e=window.requestAnimationFrame(()=>{e=0,n(...t)}))}}function De(n,e){let t=0;return(...s)=>{window.clearTimeout(t),t=window.setTimeout(()=>n(...s),e)}}function bt(n){try{return window.localStorage.getItem(n)??""}catch{return""}}function gt(n,e){try{window.localStorage.setItem(n,e)}catch{}}function Me(){const n=[window];try{window.parent&&window.parent!==window&&n.push(window.parent)}catch{}return n}function vt(n){const e=n.wp?.os?.windowManager?.getAll?.()??[];for(const t of e){const s=t.iframe??t.element?.querySelector?.("iframe");if(s&&s.contentWindow===window)return t}return null}const wt=4e3,yt=100;function xt(n,e){const t=Date.now()+wt,s=()=>{const i=vt(n);if(i&&i.id!==e){typeof i.close=="function"?i.close():n.wp?.os?.windowManager?.remove?.(i.id);return}!i&&Date.now()<t&&window.setTimeout(s,yt)};s()}function _t(){const n=document.querySelector("[data-atf-handoff]");if(!n)return;const e=n.getAttribute("data-atf-handoff")??"";if(!e)return;const t=Number(new URLSearchParams(window.location.search).get("form"))||0,s=t>0?{form:t}:void 0;t>0&&Et(t);for(const i of Me())if(i.wp?.os?.openWindow?.(e,{source:"handoff",params:s})){window.setTimeout(()=>xt(i,e),0);return}}function kt(){document.addEventListener("click",n=>{const e=n.target?.closest?.("[data-atf-open-window]");if(!e)return;n.preventDefault();const t=e.getAttribute("data-atf-open-window")??"";for(const s of Me())if(s.wp?.os?.openWindow?.(t,{source:"handoff"}))return})}const St="allterrain-forms/requested-form";function Et(n){try{window.sessionStorage.setItem(St,String(n))}catch{}}const Oe={is:"is",is_not:"is not",contains:"contains",not_contains:"does not contain",starts_with:"starts with",ends_with:"ends with",greater:"is more than",less:"is less than",greater_equal:"is at least",less_equal:"is at most",empty:"is empty",not_empty:"has any answer"},Fe=["empty","not_empty"];function qe(n,e){const t=n.find(s=>s.id===e);return t?t.label||"an untitled question":null}function Ie(n,e,t){return n.find(a=>a.id===e)?.choices?.find(a=>a.value===t)?.label||t}function Lt(n,e){const t=Oe[n.operator]??String(n.operator);if(Fe.includes(n.operator))return t;const s=Ie(e,n.field,n.value);return`${n.operator==="is"?"":`${t} `}${s!==""?s:"(nothing)"}`}function Ne(n,e){const t=qe(e,n.field),s=Oe[n.operator]??String(n.operator);if(t===null)return[{kind:"field",text:"a question that no longer exists",fieldId:n.field,missing:!0}];const i=[{kind:"field",text:t,fieldId:n.field,missing:!1},{kind:"operator",text:s}];if(Fe.includes(n.operator))return i;const a=Ie(e,n.field,n.value);return i.push({kind:"value",text:a!==""?a:"(nothing)"}),i}function Ct(n,e){const t=n.logic;if(!t?.enabled||!t.rules.length)return[];const s=[{kind:"verb",text:t.action==="hide"?"Hidden when":"Shown when"}];return t.rules.forEach((i,a)=>{a>0&&s.push({kind:"join",text:t.match==="all"?"and":"or"}),s.push(...Ne(i,e))}),s}function Pe(n){return n.map(e=>e.text).join(" ")}function Tt(n,e){return Pe(Ne(n,e))}function ue(n){const e=[];for(const t of n){const s=t.logic;if(s?.enabled)for(const i of s.rules)!i.field||i.field===t.id||e.push({from:i.field,to:t.id,label:Tt(i,n),short:Lt(i,n),action:s.action,broken:qe(n,i.field)===null})}return e}function $t(n){const e=new Map,t=new Set;for(const s of ue(n)){const i=`${s.from}->${s.to}`;s.broken||t.has(i)||(t.add(i),e.set(s.from,(e.get(s.from)??0)+1))}return e}const Be=10,Re=22,z="http://www.w3.org/2000/svg";class At{constructor(e){this.edges=[],this.teardowns=[],this.frame=0,this.host=e,this.svg=document.createElementNS(z,"svg"),this.svg.setAttribute("class","atfb-logicmap"),this.svg.setAttribute("aria-hidden","true"),this.svg.setAttribute("focusable","false"),e.append(this.svg);const t=()=>this.schedule();window.addEventListener("resize",t),this.teardowns.push(()=>window.removeEventListener("resize",t));const s=e.closest(".atfb__canvas")??e;if(s.addEventListener("scroll",t,{passive:!0}),this.teardowns.push(()=>s.removeEventListener("scroll",t)),typeof ResizeObserver<"u"){const i=new ResizeObserver(t);i.observe(e),this.teardowns.push(()=>i.disconnect())}}setEdges(e){this.edges=e,this.schedule()}highlight(e){this.svg.classList.toggle("is-focused",!!e),this.svg.querySelectorAll("[data-from]").forEach(t=>{const s=e&&(t.dataset.from===e||t.dataset.to===e);t.classList.toggle("is-lit",!!s)})}destroy(){this.teardowns.forEach(e=>e()),this.teardowns=[],this.svg.remove(),this.frame&&cancelAnimationFrame(this.frame)}schedule(){this.frame||(this.frame=requestAnimationFrame(()=>{this.frame=0,this.draw()}))}draw(){this.svg.replaceChildren();const e=this.host.getBoundingClientRect();this.svg.setAttribute("viewBox",`0 0 ${e.width} ${e.height}`),this.svg.setAttribute("width",String(e.width)),this.svg.setAttribute("height",String(e.height));const t=new Map;for(const s of this.edges){const i=this.cardRect(s.from),a=this.cardRect(s.to);if(!i||!a)continue;const o=t.get(s.from)??0;t.set(s.from,o+1),this.drawEdge(s,i,a,e,o)}}cardRect(e){const t=this.host.querySelector(`[data-atfb-card="${CSS.escape(e)}"]`);return t?t.getBoundingClientRect():null}drawEdge(e,t,s,i,a){const o=t.right-i.left,l=t.top+t.height/2-i.top,c=s.right-i.left,d=s.top+s.height/2-i.top,u=Math.max(0,i.width-Be-Math.max(o,c)),L=22+a*11+Math.min(22,Math.abs(d-l)/8),w=Math.max(12,Math.min(L,u*.4)),m=document.createElementNS(z,"path");m.setAttribute("d",`M ${o} ${l} C ${o+w} ${l}, ${c+w} ${d}, ${c} ${d}`),m.setAttribute("class",`atfb-logicmap__path is-${e.action}${e.broken?" is-broken":""}`),m.dataset.from=e.from,m.dataset.to=e.to;const y=document.createElementNS(z,"title");y.textContent=e.label,m.append(y);const S=document.createElementNS(z,"circle");S.setAttribute("cx",String(c)),S.setAttribute("cy",String(d)),S.setAttribute("r","3.5"),S.setAttribute("class",`atfb-logicmap__dot is-${e.action}${e.broken?" is-broken":""}`),S.dataset.from=e.from,S.dataset.to=e.to,this.svg.append(m,S);const E=document.createElementNS(z,"text");E.setAttribute("x",String(i.width-Be)),E.setAttribute("y",String(d+3)),E.setAttribute("text-anchor","end"),E.setAttribute("class","atfb-logicmap__label"),E.dataset.from=e.from,E.dataset.to=e.to,E.textContent=e.short.length>Re?`${e.short.slice(0,Re-1)}…`:e.short;const R=document.createElementNS(z,"title");R.textContent=e.label,E.append(R),this.svg.append(E)}}const Dt={text:"text",email:"text",url:"text",tel:"text",number:"text",password:"text",date:"text",time:"text",datetime:"text",date_range:"composite",textarea:"textarea",select:"select",country:"select",multiselect:"options",radio:"options",checkboxes:"options",image_choice:"options",quiz:"options",switch:"toggle",consent:"toggle",file:"file",range:"range",rating:"summary",scale:"summary",likert:"summary",signature:"summary",repeater:"summary",color:"text",name:"composite",address:"composite",total:"text",hidden:"static",heading:"static",html:"static",divider:"static",spacer:"static",page_break:"static"};function Mt(n){return Dt[n]??"text"}function He(n,e){const t=/^choice:(\d+):(label|value)$/.exec(e);return String(t?n.choices?.[Number(t[1])]?.[t[2]]??"":n[e]??"")}function H(n){const{value:e,onInput:t,onCommit:s}=n,i=r("span",{class:`${n.class} atfb-editable`,text:e,attrs:{contenteditable:"plaintext-only",role:"textbox",spellcheck:"false","data-placeholder":n.placeholder}});return n.bind&&(i.dataset.atfbBind=n.bind),i.addEventListener("pointerdown",a=>a.stopPropagation()),i.addEventListener("input",()=>t(i.textContent??"")),i.addEventListener("keydown",a=>{a.key==="Enter"&&(a.preventDefault(),i.blur()),a.key==="Escape"&&(i.textContent=e,i.blur()),a.stopPropagation()}),i.addEventListener("blur",()=>s?.()),i}function Ot(n){const e=r("input",{class:"atf-choice__input",type:n==="checkboxes"||n==="multiselect"?"checkbox":"radio"});return e.disabled=!0,e}function Ft(n,e,t){const s=Mt(n.type),i=H({value:n.label,placeholder:"Write the question…",class:"atf-label",bind:"label",onInput:o=>t.edit(l=>{l.label=o}),onCommit:()=>t.restructure(()=>{})}),a=[s==="static"||s==="toggle"?null:i,It(n,e,s,t),qt(n,e,t)];return r("div",{class:"atfb-preview atf-form",children:[r("div",{class:`atf-field atf-field--${n.type}`,children:a})]})}function qt(n,e,t){if(!e?.supports.includes("hint"))return null;const s=H({value:n.hint??"",placeholder:"Add a hint…",class:"atf-hint",bind:"hint",onInput:i=>t.edit(a=>{a.hint=i})});return s.setAttribute("aria-label","Hint"),r("p",{class:"atfb-preview__hint",children:[s]})}function It(n,e,t,s){switch(t){case"text":return pe(n,"atf-input",s);case"textarea":return pe(n,"atf-input atf-textarea",s,!0);case"select":return r("div",{class:"atfb-preview__select",children:[pe(n,"atf-input atf-select",s)]});case"options":return Pt(n,s);case"toggle":return r("div",{class:n.type==="switch"?"atf-toggle atf-toggle--switch":"atf-toggle",children:[(()=>{const i=r("input",{class:"atf-toggle__input",type:"checkbox"});return i.disabled=!0,i})(),H({value:n.label||"",placeholder:n.type==="consent"?"What are they agreeing to?…":"What does this turn on?…",class:"atf-toggle__label",bind:"label",onInput:i=>s.edit(a=>{a.label=i}),onCommit:()=>s.restructure(()=>{})})]});case"file":return r("div",{class:"atf-file",children:[r("input",{class:"atf-file__input",type:"file"})]});case"range":return r("input",{class:"atf-range__input",type:"range"});case"composite":return r("div",{class:"atf-composite__parts",children:[r("span",{class:"atf-input atfb-preview__ghost",text:""}),r("span",{class:"atf-input atfb-preview__ghost",text:""})]});case"static":return Bt(n,e,s);default:return r("div",{class:"atfb-preview__stack",children:[r("p",{class:"atfb-preview__summary",text:`${e?.label??n.type} — set this up in the panel on the right.`}),n.type==="repeater"?Nt(n,s):null]})}}function pe(n,e,t,s=!1){const i=H({value:n.placeholder??"",placeholder:n.type==="select"||n.type==="country"?"Choose…":"Placeholder…",class:`${e} atfb-preview__box${s?" atfb-preview__box--tall":""}`,bind:"placeholder",onInput:a=>t.edit(o=>{o.placeholder=a})});return i.setAttribute("aria-label","Placeholder"),i}function fe(n,e,t,s,i,a){return r("span",{class:`atf-button ${t} atfb-preview__button`,children:[H({value:n,placeholder:e,class:"atfb-preview__button-text",bind:s,onInput:o=>i.edit(l=>a(l,o))})]})}function Nt(n,e){return fe(String(n.addLabel??""),"Add another","atf-button--secondary","addLabel",e,(t,s)=>{t.addLabel=s})}function Pt(n,e){const t=r("div",{class:"atf-choices__list"});return(n.choices??[]).forEach((s,i)=>{t.append(r("div",{class:"atf-choice atfb-preview__option",children:[Ot(n.type),H({value:s.label,placeholder:"Option…",class:"atf-choice__label",bind:`choice:${i}:label`,onInput:a=>{e.edit(o=>{const l=o.choices?.[i];if(!l)return;const c=!l.value||l.value===l.label;l.label=a,c&&(l.value=a)})}}),r("button",{class:"atfb-preview__remove",type:"button",title:"Remove this option",attrs:{"aria-label":`Remove ${s.label||"this option"}`},on:{pointerdown:a=>a.stopPropagation(),click:a=>{a.stopPropagation(),e.restructure(o=>{o.choices.splice(i,1)})}},children:[r("span",{text:"×"})]})]}))}),t.append(r("button",{class:"atfb-preview__add",type:"button",on:{pointerdown:s=>s.stopPropagation(),click:s=>{s.stopPropagation(),e.restructure(i=>{const a=i.choices.length+1;i.choices.push({label:`Option ${a}`,value:`Option ${a}`})})}},children:[r("span",{text:"+ Add option"})]})),r("fieldset",{class:"atf-choices",children:[t]})}function Bt(n,e,t){return n.type==="heading"?H({value:n.label,placeholder:"Section heading…",class:"atf-heading",bind:"label",onInput:s=>t.edit(i=>{i.label=s}),onCommit:()=>t.restructure(()=>{})}):n.type==="divider"?r("hr",{class:"atf-divider"}):n.type==="page_break"?r("div",{class:"atfb-preview__stack",children:[r("p",{class:"atfb-progress-name",children:[H({value:n.label,placeholder:"Name this step…",class:"atf-progress__label",bind:"label",onInput:s=>t.edit(i=>{i.label=s}),onCommit:()=>t.restructure(()=>{})})]}),r("p",{class:"atfb-preview__summary",text:"Everything after this is a new page."}),r("div",{class:"atf-nav atfb-preview__nav",children:[fe(String(n.prevLabel??""),"Back","atf-button--secondary","prevLabel",t,(s,i)=>{s.prevLabel=i}),fe(String(n.nextLabel??""),"Next","","nextLabel",t,(s,i)=>{s.nextLabel=i})]})]}):r("p",{class:"atfb-preview__summary",text:`${e?.label??n.type} — nothing is shown to the visitor here.`})}const me=new Map;function be(n){let e=me.get(n);return e||(e=C.mergeTags(n).catch(()=>[]),me.set(n,e)),e}function Rt(n){me.delete(n)}function Ht(n){const e=new Map;for(const t of n)for(const s of t.items)e.set(s.tag,s);return e}function jt(n,e){const t=Ht(e);return n.replace(/\{[a-z_]+(?::[^}]*)?\}/gi,s=>{const i=t.get(s.toLowerCase());return i?i.sample:s})}function Wt(n){return/\{[a-z_]+(?::[^}]*)?\}/i.test(n)}let j=null;function K(){j?.remove(),j=null}typeof document<"u"&&(document.addEventListener("pointerdown",n=>{j&&!j.contains(n.target)&&K()}),document.addEventListener("keydown",n=>{n.key==="Escape"&&j&&(K(),n.stopPropagation())}));function Ut(n,e){const t=n.selectionStart??n.value.length,s=n.selectionEnd??n.value.length;n.value=n.value.slice(0,t)+e+n.value.slice(s);const i=t+e.length;n.setSelectionRange(i,i),n.focus(),n.dispatchEvent(new Event("input",{bubbles:!0}))}function Yt(n){let e=n.parentElement;for(;e&&e!==document.body;){const t=getComputedStyle(e).overflowY;if(t==="auto"||t==="scroll"||t==="hidden")return e.getBoundingClientRect().bottom;e=e.parentElement}return window.innerHeight}function zt(n,e){const t=r("input",{class:"atfb-input atfb-tagpick__search",type:"search",placeholder:"Search values…",attrs:{"aria-label":"Search values"}}),s=r("div",{class:"atfb-tagpick__list"}),i=a=>{s.replaceChildren();const o=a.trim().toLowerCase();let l=0;for(const c of n){const d=c.items.filter(u=>!o||u.label.toLowerCase().includes(o)||u.tag.toLowerCase().includes(o));if(!d.length){c.empty&&!o&&!c.items.length&&s.append(r("p",{class:"atfb-tagpick__group",text:c.label}),r("p",{class:"atfb-tagpick__empty",text:c.empty}));continue}s.append(r("p",{class:"atfb-tagpick__group",text:c.label}));for(const u of d)l+=1,s.append(r("button",{class:"atfb-tagpick__item",type:"button",on:{click:()=>{e(u.tag),K()}},children:[r("span",{class:"atfb-tagpick__item-main",children:[r("span",{class:"atfb-tagpick__label",text:u.label}),r("code",{class:"atfb-tagpick__tag",text:u.tag})]}),u.hint||u.sample?r("span",{class:"atfb-tagpick__meta",text:u.sample?`e.g. ${u.sample}`:u.hint}):null]}))}!l&&o&&s.append(r("p",{class:"atfb-tagpick__empty",text:`Nothing matches “${a}”.`}))};return i(""),t.addEventListener("input",()=>i(t.value)),r("div",{class:"atfb-tagpick",attrs:{role:"dialog","aria-label":"Insert a value"},children:[r("p",{class:"atfb-tagpick__intro",text:"Pick something to drop in. It is filled in when the form is submitted."}),t,s]})}function je(n,e){const t=r("button",{class:"atfb-button atfb-button--ghost atfb-tagpick__open",type:"button",title:"Insert a value from the submission",children:[F("shortcode"),r("span",{text:"Insert a value"})]}),s=r("div",{class:"atfb-taggable",children:[n,r("div",{class:"atfb-taggable__tools",children:[t]})]}),i=e.preview===!1?null:r("p",{class:"atfb-taggable__preview"});i&&s.append(i);const a=()=>{if(i){if(!Wt(n.value)){i.textContent="",i.hidden=!0;return}be(e.formId).then(o=>{i.hidden=!1,i.replaceChildren(r("span",{class:"atfb-taggable__preview-label",text:"Reads as"}),r("span",{text:jt(n.value,o)}))})}};return n.addEventListener("input",a),a(),t.addEventListener("click",o=>{if(o.stopPropagation(),j&&s.contains(j)){K();return}K(),be(e.formId).then(l=>{const c=zt(l,d=>{Ut(n,d),a()});s.append(c),j=c,(window.innerHeight-c.getBoundingClientRect().top<c.offsetHeight||c.getBoundingClientRect().bottom>Yt(s))&&c.classList.add("atfb-tagpick--above"),c.querySelector(".atfb-tagpick__search")?.focus()})}),s}function We(n,e){const t=parseFloat(String(n??""));return Number.isFinite(t)?t:e}function Ue(n,e){let t=e[0];for(const s of e)Math.abs(s.at-n)<Math.abs(t.at-n)&&(t=s);return t.value}const ge=[{value:"square",label:"Square",at:0},{value:"soft",label:"Soft",at:4},{value:"rounded",label:"Rounded",at:10},{value:"pill",label:"Pill",at:999}],ve=[{value:"compact",label:"Compact",at:7},{value:"cosy",label:"Cosy",at:9},{value:"roomy",label:"Roomy",at:13}],Xt=[{value:"none",label:"None"},{value:"subtle",label:"Subtle"},{value:"lifted",label:"Lifted"},{value:"hard",label:"Hard"}],Gt=[{value:"outline",label:"Outlined"},{value:"filled",label:"Filled"},{value:"underline",label:"Underline"},{value:"none",label:"Bare"}],Jt=[{value:"top",label:"Above"},{value:"floating",label:"Floating"},{value:"left",label:"In the margin"},{value:"hidden",label:"Hidden"}];function Ye(){return[{id:"accent",label:"Accent",hint:"The colour of buttons, focus rings and anything selected.",kind:"colour",owns:["accent","accent-soft","border-focus","focus-ring-color","button-bg","button-bg-hover"],read:n=>n.accent??"#2271b1",apply:n=>({accent:n,"accent-soft":`color-mix( in srgb, ${n} 12%, transparent )`,"border-focus":n,"focus-ring-color":n,"button-bg":n,"button-bg-hover":`color-mix( in srgb, ${n} 88%, #000 )`})},{id:"roundness",label:"Roundness",hint:"Corners, everywhere at once.",kind:"scale",steps:ge.map(({value:n,label:e})=>({value:n,label:e})),owns:["radius-field","radius-button","radius-card","radius-check"],read:n=>Ue(We(n["radius-field"],4),ge),apply:n=>{const e=ge.find(t=>t.value===n)?.at??4;return{"radius-field":`${e}px`,"radius-button":`${e}px`,"radius-card":`${Math.min(e*2,28)}px`,"radius-check":`${Math.min(e,6)}px`}}},{id:"density",label:"Density",hint:"How much air the form has.",kind:"scale",steps:ve.map(({value:n,label:e})=>({value:n,label:e})),owns:["pad-field-x","pad-field-y","gap-fields","gap-label","button-pad-x","button-pad-y"],read:n=>Ue(We(n["pad-field-y"],9),ve),apply:n=>{const e=ve.find(t=>t.value===n)?.at??9;return{"pad-field-y":`${e}px`,"pad-field-x":`${Math.round(e*1.4)}px`,"gap-fields":`${Math.round(e*2.2)}px`,"gap-label":`${Math.max(4,Math.round(e*.7))}px`,"button-pad-y":`${e+2}px`,"button-pad-x":`${Math.round(e*2.2)}px`}}},{id:"shadow",label:"Depth",hint:"How far the form sits off the page.",kind:"scale",steps:Xt,owns:["shadow-field","shadow-field-focus","shadow-button","shadow-button-hover","shadow-card"],read:n=>{const e=n["shadow-card"]??"none";return e==="none"||e.trim()===""?n["shadow-field"]&&n["shadow-field"]!=="none"?"hard":"none":e.includes("0 1px")||e.includes("2px")?"subtle":"lifted"},apply:n=>{switch(n){case"subtle":return{"shadow-field":"none","shadow-field-focus":"none","shadow-button":"0 1px 2px rgba( 0, 0, 0, 0.12 )","shadow-button-hover":"0 2px 4px rgba( 0, 0, 0, 0.16 )","shadow-card":"0 1px 3px rgba( 0, 0, 0, 0.1 )"};case"lifted":return{"shadow-field":"none","shadow-field-focus":"0 4px 12px rgba( 0, 0, 0, 0.12 )","shadow-button":"0 4px 10px rgba( 0, 0, 0, 0.16 )","shadow-button-hover":"0 8px 20px rgba( 0, 0, 0, 0.2 )","shadow-card":"0 10px 30px rgba( 0, 0, 0, 0.14 )"};case"hard":return{"shadow-field":"3px 3px 0 currentColor","shadow-field-focus":"5px 5px 0 currentColor","shadow-button":"4px 4px 0 currentColor","shadow-button-hover":"2px 2px 0 currentColor","shadow-card":"none"};default:return{"shadow-field":"none","shadow-field-focus":"none","shadow-button":"none","shadow-button-hover":"none","shadow-card":"none"}}}},{id:"field-style",label:"Fields",hint:"How an input is drawn.",kind:"choice",steps:Gt,owns:["field-style"],read:n=>n["field-style"]??"outline",apply:n=>({"field-style":n})},{id:"labels",label:"Labels",hint:"Where the question sits relative to the answer.",kind:"choice",steps:Jt,owns:["label-position"],read:n=>n["label-position"]??"top",apply:n=>({"label-position":n})}]}function Kt(n){return Ye().find(e=>e.owns.includes(n))??null}function ze(n){let e=n.activeSlug,t={...n.overrides},s=n.themes;const i=r("div",{class:"atfs-preview__frame"}),a=r("div",{class:"atfs-controls__body"}),o=r("div",{class:"atfs-quick"}),l=r("div",{class:"atfs-themes"}),c=De(async()=>{try{const h=await n.previewFor(e,t);i.innerHTML=h,document.dispatchEvent(new CustomEvent("atf-refresh"))}catch(h){D(i),i.append(r("p",{class:"atfb-error",text:h instanceof Error?h.message:"Preview failed."}))}},180),d=h=>t[h.token]!==void 0?t[h.token]:s.find(b=>b.slug===e)?.resolved?.[h.token]??h.default,u=()=>{D(l);for(const h of s){const f=r("button",{class:`atfs-theme${h.slug===e?" is-active":""}`,type:"button",attrs:{"aria-pressed":h.slug===e,title:h.description},children:[r("span",{class:"atfs-theme__chip",style:{background:h.resolved.surface??"#fff",borderColor:h.resolved.border??"#ccc",borderRadius:h.resolved["radius-field"]??"4px",boxShadow:h.resolved["shadow-card"]??"none"},children:[r("span",{class:"atfs-theme__accent",style:{background:h.resolved.accent??"#2271b1",borderRadius:h.resolved["radius-button"]??"4px"}})]}),r("span",{class:"atfs-theme__name",text:h.label}),h.custom?r("span",{class:"atfb-badge",text:"yours"}):null],on:{click:()=>{e=h.slug,t={},n.onTheme(e),u(),m(),y(),c(),A()}}});l.append(f)}},L=()=>{const f={...s.find(b=>b.slug===e)?.resolved??{}};for(const[b,g]of Object.entries(t))f[b]=g;return f},w=(h,f)=>{const b=h.apply(f,L());for(const[g,x]of Object.entries(b))t[g]=x,n.onOverride(g,x);m(),y(),c()},m=()=>{D(o);const h=L();for(const f of Ye()){const b=f.read(h);let g;if(f.kind==="colour"){const x=r("input",{class:"atfs-color",type:"color",value:ye(b),attrs:{"aria-label":f.label},on:{input:q=>w(f,q.target.value)}});g=r("div",{class:"atfs-color-row",children:[x,v(b,q=>w(f,q))]})}else g=r("div",{class:`atfs-segmented atfs-segmented--${f.kind}`,attrs:{role:"group","aria-label":f.label},children:(f.steps??[]).map(x=>r("button",{class:`atfs-segment${x.value===b?" is-on":""}`,type:"button",text:x.label,attrs:{"aria-pressed":x.value===b},on:{click:()=>w(f,x.value)}}))});o.append(r("div",{class:"atfs-dial",children:[r("div",{class:"atfs-dial__head",children:[r("span",{class:"atfs-dial__label",text:f.label}),r("span",{class:"atfs-dial__hint",text:f.hint})]}),g]}))}},y=()=>{D(a);const h=new Map;for(const b of n.tokens){const g=h.get(b.group)??[];g.push(b),h.set(b.group,g)}const f={colour:"Colour",shape:"Corners and borders",shadow:"Shadows",fields:"Field style",space:"Spacing",type:"Type",labels:"Labels",button:"Buttons",focus:"Focus ring",motion:"Motion"};for(const[b,g]of h)a.append(r("details",{class:"atfs-group",attrs:{open:b==="colour"},children:[r("summary",{text:f[b]??b}),...g.map(x=>S(x))]}))},S=h=>{const f=d(h),b=M=>{M===""?delete t[h.token]:t[h.token]=M,n.onOverride(h.token,M),c()};let g;if(h.control==="color"){const M=r("input",{class:"atfs-color",type:"color",value:ye(f),attrs:{"aria-label":`${h.label} colour`},on:{input:G=>{const Z=G.target.value;ae.value=Z,b(Z)}}}),ae=v(f,G=>{M.value=ye(G),b(G)});g=r("div",{class:"atfs-color-row",children:[M,ae]})}else if(h.control==="select")g=$(f,(h.options??[]).map(M=>({value:M,label:M})),b);else if(h.control==="length"){const M=parseFloat(f)||0,ae=h.unit??"px",G=h.token.includes("radius")?60:80,Z=r("input",{class:"atfs-range",type:"range",value:String(M),attrs:{min:"0",max:String(G),step:"1","aria-label":h.label},on:{input:re=>{const rt=`${re.target.value}${ae}`;at.value=rt,b(rt)}}}),at=v(f,re=>{Z.value=String(parseFloat(re)||0),b(re)});g=r("div",{class:"atfs-length-row",children:[Z,at]})}else g=v(f,b);const x=p(h.label,g),q=Kt(h.token);return q&&(x.classList.add("is-dialled"),x.append(r("span",{class:"atfs-owned",text:q.label}))),t[h.token]!==void 0&&(x.classList.add("is-overridden"),x.append(r("button",{class:"atfs-reset",type:"button",text:"Reset",attrs:{"aria-label":`Reset ${h.label} to the theme's value`},on:{click:()=>{b(""),y()}}}))),x},E=async()=>{const h=s.find(g=>g.slug===e),f=h?`${h.label} (mine)`:"My theme",b=window.prompt("Name this theme",f);if(b)try{const g={};for(const q of n.tokens){const M=d(q);M!==q.default&&(g[q.token]=M)}const x=await C.saveTheme({label:b,tokens:g});s=[...s.filter(q=>q.slug!==x.slug),x],n.onThemesChanged(s),e=x.slug,t={},n.onTheme(e),u(),y(),c(),I("Theme saved",x.label)}catch(g){I("Could not save the theme",g instanceof Error?g.message:"","error")}},R=async()=>{const h=s.find(f=>f.slug===e);if(h?.custom&&await he(`Delete “${h.label}”? Forms using it fall back to Clean.`,"Delete theme"))try{await C.deleteTheme(h.id),s=s.filter(f=>f.slug!==h.slug),n.onThemesChanged(s),e="clean",t={},n.onTheme(e),u(),y(),c()}catch(f){I("Could not delete the theme",f instanceof Error?f.message:"","error")}},X=async()=>{const h=s.find(g=>g.slug===e),f={label:h?.label??e,tokens:{...h?.tokens??{},...t}},b=JSON.stringify(f,null,"	");try{await navigator.clipboard.writeText(b),I("Theme copied","Paste it into another site to import it.")}catch{window.prompt("Copy this theme",b)}},ie=()=>{const h=window.prompt("Paste a theme");if(h)try{const f=JSON.parse(h);if(!f.tokens||typeof f.tokens!="object")throw new Error("That does not look like a theme.");for(const[b,g]of Object.entries(f.tokens))t[b]=String(g),n.onOverride(b,String(g));y(),c()}catch(f){I("Could not read that theme",f instanceof Error?f.message:"","error")}},_=k("Delete",()=>void R(),"danger"),A=()=>{const h=s.find(f=>f.slug===e);_.hidden=!h?.custom};return u(),m(),y(),c(),A(),r("div",{class:"atf-studio",children:[r("div",{class:"atf-studio__top",children:[r("div",{class:"atf-studio__picker",children:[r("h2",{class:"atf-studio__heading",text:"Theme"}),l]}),r("div",{class:"atfs__actions",children:[k("Save as a theme",()=>void E(),"primary"),k("Export",()=>void X()),k("Import",ie),_]})]}),r("div",{class:"atf-studio__panes",children:[r("aside",{class:"atf-studio__controls",children:[r("p",{class:"atfb-hint",text:"Changes apply to this form only, until you save them as a theme."}),o,r("details",{class:"atfs-advanced",children:[r("summary",{text:"Every setting"}),r("p",{class:"atfb-hint",text:"The full token list. The dials above write into it."}),a]})]}),r("main",{class:"atf-studio__preview",children:[r("h2",{class:"screen-reader-text",text:"Live preview"}),i]})]})]})}async function we(){const n=document.querySelector("[data-atfs-root]");if(!n||n.dataset.atfsMounted)return;n.dataset.atfsMounted="1";const e=n.querySelector("[data-atfs-bar]"),t=n.querySelector(".atfs__body")??n;try{const[s,i,a]=await Promise.all([C.config(),C.listThemes(),C.listForms()]);if(!a.length){D(t),t.append(r("div",{class:"atfb-empty",children:[r("h2",{text:"No forms to preview"}),r("p",{text:"Make a form first — a theme needs something to dress."})]}));return}let o=a[0],l={},c=o.theme;const d=()=>{D(t),t.append(ze({themes:i,tokens:s.tokens,activeSlug:c,overrides:l,standalone:!0,onTheme:u=>{c=u},onOverride:(u,L)=>{L===""?delete l[u]:l[u]=L},previewFor:async(u,L)=>{const w=await C.getForm(o.id);w.schema.settings.theme=u,w.schema.settings.themeOverrides=L;const{html:m}=await C.preview(o.id,{schema:w.schema,theme:u});return m},onThemesChanged:u=>{i.length=0,i.push(...u)}}))};e&&(D(e),e.append(r("span",{class:"atfs__label",text:"Preview against"}),$(String(o.id),a.map(u=>({value:String(u.id),label:u.title||"(untitled)"})),u=>{o=a.find(L=>String(L.id)===u)??a[0],l={},d()}))),d()}catch(s){D(t),t.append(r("p",{class:"atfb-error",text:s instanceof Error?s.message:"Could not load themes."}))}}typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>void we()):we(),document.addEventListener("os-window-content-loaded",()=>void we()));function ye(n){const e=n.trim();return/^#[0-9a-f]{6}$/i.test(e)?e:/^#[0-9a-f]{3}$/i.test(e)?`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`:"#888888"}function xe(){return window.wp?.os??null}const Xe="allterrain-forms/preview",_e="allterrain-forms-preview";function Vt(n){const e=xe();if(!e?.registerTitleBarButton)return()=>{};const t=()=>{try{e.registerTitleBarButton({id:Xe,label:"Preview this form",icon:"dashicons-visibility",placement:"right",order:90,match:s=>{const i=s?.id??s?.config?.id??"";return i==="allterrain-forms"||i.startsWith("allterrain-forms#")},onClick:()=>void Ge(n),owner:"allterrain-forms-builder"})}catch{}};return e.ready?e.ready(t):t(),()=>{try{e.unregisterTitleBarButton?.(Xe)}catch{}}}async function Ge(n){n.isDirty()&&await n.save();const e=n.current();e&&Je(e.id,e.title,e.previewUrl)}function Je(n,e,t){const s=xe();if(!s?.windowManager?.open){window.open(t,"_blank","noopener");return}s.windowManager.open({id:`${_e}-${n}`,baseId:_e,url:t,title:`Preview: ${e}`,icon:"dashicons-visibility"})}function Qt(n,e,t){if(!xe()?.windowManager?.open||!document.querySelector(`[data-window-id^="${_e}-${n}"]`))return;const a=t.includes("?")?"&":"?";Je(n,e,`${t}${a}atf_r=${Date.now()}`)}const Zt="allterrain-forms/form";function es(){return window.wp?.os?.relations??null}function ts(n){const e=n.closest("[data-window-id], .os-window");if(!e)return null;const t=e.getAttribute("data-window-id");if(t)return t;const s=e.id??"";return s?s.replace(/^wp-window-/,""):null}const ss=6e3,Ke=120;function Ve(n,e){const t=es();if(ke.set(n,e),!t?.set)return;const s=a=>{if(ne.get(n)!==i)return;const o=ts(n);if(!o){Date.now()<a&&window.setTimeout(()=>s(a),Ke);return}try{t.set(o,e)}catch(c){Qe||(Qe=!0,console.error("[AllTerrain Forms] The shell refused a window identity.",c,e)),ne.delete(n);return}if(!e||t.get?.(o)?.id===e.id||Date.now()>=a){ne.delete(n);return}window.setTimeout(()=>s(a),Ke)},i=Symbol("atf-identity");ne.set(n,i),s(Date.now()+ss)}let Qe=!1;const ne=new WeakMap,ke=new Map;function ns(){for(const[n,e]of ke){if(!n.isConnected){ke.delete(n);continue}Ve(n,e)}}if(typeof document<"u")for(const n of["os-window-content-loaded","os-window-opened"])document.addEventListener(n,()=>ns());function is(n,e){return{type:Zt,id:n.id,label:n.title||"Untitled form",related:[{id:`allterrain-forms/entries-${n.id}`,label:"Entries for this form",url:`${e}admin.php?page=allterrain-forms-entries&form=${n.id}`,group:"allterrain-forms",groupLabel:"Forms",icon:"dashicons-list-view"}]}}const V="allterrain-forms/field",as=["openstation/file","desktop-mode/file","openstation/attachment"],Ze="allterrain-forms/logic-map-v2";function B(n,e){return n.dataset.atfbBind=e,n}const et={level:{key:"level",label:"Heading level",control:"select",hint:"Headings should step down one at a time.",options:[{value:"2",label:"Heading 2"},{value:"3",label:"Heading 3"},{value:"4",label:"Heading 4"},{value:"5",label:"Heading 5"},{value:"6",label:"Heading 6"}]},content:{key:"content",label:"HTML",control:"textarea",hint:"Shown as written. Scripts are stripped when the form is saved."},consenttext:{key:"consentText",label:"What they are agreeing to",control:"textarea",hint:"Shown beside the tick box. Links are allowed."},height:{key:"height",label:"Height",control:"number",hint:"In pixels."},columns:{key:"columns",label:"Columns",control:"number",hint:"How many pictures sit side by side."},multiple:{key:"multiple",label:"Let them choose more than one",control:"checkbox"},inline:{key:"inline",label:"Lay the options out in a row",control:"checkbox"},other:{key:"other",label:"Offer an “Other” box",control:"checkbox",hint:"Adds a final option with a box to type in."},filetypes:{key:"filetypes",label:"Accepted file types",control:"commas",hint:"Extensions, separated by commas. Empty accepts anything the site allows."},maxsize:{key:"maxsize",label:"Largest file",control:"number",hint:"In megabytes."},maxfiles:{key:"maxfiles",label:"How many files",control:"number"},minrows:{key:"minRows",label:"Fewest rows",control:"number",also:{key:"maxRows",label:"Most rows"}},endlabels:{key:"minLabel",label:"Label at the low end",control:"text",also:{key:"maxLabel",label:"Label at the high end"}},points:{key:"points",label:"Points if correct",control:"number"},minchoices:{key:"minChoices",label:"Fewest they may pick",control:"number",also:{key:"maxChoices",label:"Most they may pick"}}},rs={label:"the canvas edits it in place, and the inspector mirrors it",placeholder:"edited by typing into the control on the canvas",hint:"edited under the control on the canvas",nextlabel:"edited on the page break’s own Next button",prevlabel:"edited on the page break’s own Back button",addlabel:"edited on the repeater’s own Add button",choices:"the choices editor, and the option list on the canvas",required:"the toggle on the card",width:"its own row",css:"its own row",prefill:"its own section",logic:"the conditional logic section",formula:"its own row, with the currency that goes with it",currency:"rendered with the formula",correct:"the choices editor marks the right answer",default:"its own row, typed to match what the field stores",rows:"a row count on a textarea; the statement list on a Likert matrix",parts:"a tick box per part, listed by the server",min:"the validation section, paired with max",max:"the validation section, paired with min",step:"the validation section",minlength:"the validation section, paired with maxlength",maxlength:"the validation section, paired with minlength",mindate:"the validation section, paired with maxdate",maxdate:"the validation section, paired with mindate",mintime:"the validation section, paired with maxtime",maxtime:"the validation section, paired with mintime",pattern:"the validation section",unique:"the validation section",maxchoices:"rendered with minchoices",maxrows:"rendered with minrows"};function tt(n,e,t){const s=n[e.key],i=a=>t(e.key,a);if(e.control==="checkbox")return T(e.label,!!s,i);if(e.control==="commas"){const a=Array.isArray(s)?s:[];return p(e.label,v(a.join(", "),o=>{i(o.split(",").map(l=>l.trim().replace(/^\./,"").toLowerCase()).filter(Boolean))}),e.hint)}return e.control==="select"?p(e.label,$(String(s??""),e.options??[],i),e.hint):e.control==="textarea"?p(e.label,te(String(s??""),i),e.hint):e.control==="number"?p(e.label,N(String(s??""),i),e.hint):p(e.label,B(v(String(s??""),i),e.key),e.hint)}function st(n,e){const t=new Set(n.map(i=>i.key).filter(Boolean));let s=n.length+1;return e.split(`
+`).map(i=>i.trim()).filter(Boolean).map((i,a)=>{const o=n[a]?.key;if(o)return{key:o,label:i};for(;t.has(`r${s}`);)s+=1;return t.add(`r${s}`),{key:`r${s}`,label:i}})}const Se=[{value:"user:email",label:"Their email address",group:"About the person filling it in",tag:"{user:email}"},{value:"user:display_name",label:"Their name",group:"About the person filling it in",tag:"{user:display_name}"},{value:"user:first_name",label:"Their first name",group:"About the person filling it in"},{value:"user:last_name",label:"Their last name",group:"About the person filling it in"},{value:"user:login",label:"Their username",group:"About the person filling it in"},{value:"date:today",label:"Today’s date",group:"The date and time",tag:"{date}"},{value:"date:now",label:"The time right now",group:"The date and time",tag:"{time}"},{value:"site",label:"This site’s name",group:"About this site",tag:"{site}"},{value:"site:url",label:"This site’s address",group:"About this site",tag:"{site:url}"},{value:"site:admin_email",label:"The site administrator’s email",group:"About this site",tag:"{admin_email}"}],os=["About the person filling it in","The date and time","About this site"],Ee=(n,e)=>O?.i18n?.[n]??e;class nt{constructor(e){this.config=null,this.themes=[],this.forms=[],this.form=null,this.schema=null,this.selected=null,this.tab="build",this.logicMap=null,this.canvasTheme=r("style"),this.canvasThemeSignature="",this.openSections=new Map,this.logicMapOn=bt(Ze)!=="off",this.dirty=!1,this.teardowns=[],this.history=[],this.historyAt=-1,this.autosave=De(()=>{this.save(!0)},2500),this.renderInspector=mt(()=>{if(D(this.inspector),!this.schema||(this.root.classList.toggle("atfb--build-only-panes",this.tab!=="build"),this.tab!=="build"))return;const t=this.schema.fields.find(o=>o.id===this.selected);if(!t){this.inspector.append(r("div",{class:"atfb-placeholder",children:[r("p",{text:"Select a field to change it."}),r("p",{class:"atfb-hint",text:"Drag a field from the palette, or press one to add it to the end."})]}));return}const s=this.config?.fieldTypes.find(o=>o.type===t.type),i=s?.supports??[],a=(o,l)=>{t[o]=l,this.markDirty(),this.renderCanvas()};this.inspector.append(r("h3",{class:"atfb-inspector__title",text:s?.label??t.type}),r("p",{class:"atfb-hint",text:`Reference this field as {field:${t.id}}`})),i.includes("label")&&this.inspector.append(p("Label",B(v(t.label,o=>a("label",o)),"label"))),i.includes("placeholder")&&this.inspector.append(p("Placeholder",B(v(t.placeholder,o=>a("placeholder",o)),"placeholder"))),i.includes("hint")&&this.inspector.append(p("Hint",B(v(t.hint,o=>a("hint",o)),"hint"),"Shown under the field, and read out with it.")),i.includes("nextlabel")&&this.inspector.append(p("Next button",B(v(String(t.nextLabel??""),o=>a("nextLabel",o)),"nextLabel"),"Leave empty for “Next”.")),i.includes("prevlabel")&&this.inspector.append(p("Back button",B(v(String(t.prevLabel??""),o=>a("prevLabel",o)),"prevLabel"),"Leave empty for “Back”.")),i.includes("addlabel")&&this.inspector.append(p("Add button",B(v(String(t.addLabel??""),o=>a("addLabel",o)),"addLabel"),"Leave empty for “Add another”.")),i.includes("required")&&this.inspector.append(T("Required",t.required,o=>a("required",o))),i.includes("width")&&this.inspector.append(p("Width",$(t.width,[{value:"full",label:"Full width"},{value:"two-thirds",label:"Two thirds"},{value:"half",label:"Half"},{value:"third",label:"One third"},{value:"quarter",label:"One quarter"}],o=>a("width",o)))),s?.choices&&this.inspector.append(this.renderChoicesEditor(t,a)),this.renderTypeSettings(t,s,i,a),(t.type==="total"||i.includes("formula"))&&this.inspector.append(p("Formula",v(String(t.formula??""),o=>a("formula",o)),"Reference fields with braces: {f1} * {f2} + 10. Functions: min, max, sum, avg, round, ceil, floor, abs, sqrt, pow."),p("Currency symbol",v(String(t.currency??""),o=>a("currency",o)))),this.inspector.append(this.renderValidationSection(t,i,a)),this.inspector.append(this.renderLogicSection(t,a)),i.includes("prefill")&&this.inspector.append(this.prefillControl(t,a)),i.includes("css")&&this.inspector.append(p("CSS class",v(t.cssClass,o=>a("cssClass",o))))}),this.root=e,this.bar=e.querySelector("[data-atfb-bar]")??r("div"),this.palette=e.querySelector("[data-atfb-palette]")??r("div"),this.canvas=e.querySelector("[data-atfb-canvas]")??r("div"),this.inspector=e.querySelector("[data-atfb-inspector]")??r("div")}async start(){try{const[s,i,a]=await Promise.all([C.config(),C.listThemes(),C.listForms()]);this.config=s,this.themes=i,this.forms=a}catch(s){this.fail(s);return}this.teardowns.push(dt([V])),this.teardowns.push(Vt({current:()=>this.form?{id:this.form.id,title:this.form.title,previewUrl:this.form.previewUrl}:null,isDirty:()=>this.dirty,save:()=>this.save(!0)}));const e=s=>{this.dirty&&(s.preventDefault(),s.returnValue="")};window.addEventListener("beforeunload",e),this.teardowns.push(()=>window.removeEventListener("beforeunload",e));const t=s=>{!(s.metaKey||s.ctrlKey)||s.key.toLowerCase()!=="z"||s.target?.closest("input, textarea, [contenteditable]")||(s.preventDefault(),this.travel(s.shiftKey?1:-1))};this.root.addEventListener("keydown",t),this.teardowns.push(()=>this.root.removeEventListener("keydown",t)),this.renderBar(),this.renderPalette(),this.forms.length?await this.open(this.forms[0].id):this.renderFormsList()}destroy(){this.teardowns.forEach(e=>e()),this.teardowns=[]}fail(e){D(this.bar),this.bar.append(r("p",{class:"atfb-error",text:e instanceof Error?e.message:"Something went wrong loading your forms."}))}renderBar(){D(this.bar);const e=$(String(this.form?.id??""),[...this.forms.map(i=>({value:String(i.id),label:i.title||"(untitled)"}))],i=>void this.open(Number(i)));e.setAttribute("aria-label","Choose a form");const t=r("input",{class:"atfb-title",type:"text",value:this.form?.title??"",placeholder:"Untitled form",attrs:{"aria-label":"Form title"},on:{input:i=>{this.form&&(this.form.title=i.target.value,this.markDirty())}}}),s=r("div",{class:"atfb-tabs",attrs:{role:"tablist"},children:[["build","Build"],["theme","Theme"],["settings","Settings"],["notify","Notifications"],["confirm","Confirmations"]].map(([i,a])=>r("button",{class:`atfb-tab${this.tab===i?" is-active":""}`,type:"button",text:a,attrs:{role:"tab","aria-selected":this.tab===i},on:{click:()=>{this.tab=i,this.renderBar(),this.renderInspector(),this.renderCanvas()}}}))});this.bar.append(r("div",{class:"atfb-bar__left",children:[this.forms.length>1?e:null,t]}),s,r("div",{class:"atfb-bar__right",children:[this.historyButton("undo","Undo",-1),this.historyButton("redo","Redo",1),k("New",()=>void this.showTemplates(),"secondary","plus-alt2"),k("Export",()=>void this.exportForm(),"secondary","download"),k("Import",()=>void this.importForm(),"secondary","upload"),k("Preview",()=>void this.preview(),"secondary","visibility"),k("Entries",()=>this.openEntries(),"secondary","list-view"),this.logicMapButton(),this.saveButton()]}))}liveField(e){return this.schema?.fields.find(t=>t.id===e)}syncCanvas(e){const t=this.canvas.querySelector(`[data-atfb-card="${CSS.escape(e.id)}"]`);if(t)for(const s of t.querySelectorAll(".atfb-editable[data-atfb-bind]")){const i=He(e,s.dataset.atfbBind??"");s.textContent!==i&&(s.textContent=i)}}syncInspector(e){if(this.selected===e.id)for(const t of this.inspector.querySelectorAll("[data-atfb-bind]")){const s=He(e,t.dataset.atfbBind??"");t.value!==s&&("value"in t?t.value=s:t.setAttribute("value",s))}}rebindCanvas(){const e=document.activeElement;if(e instanceof HTMLElement&&this.canvas.contains(e)){e.addEventListener("blur",()=>this.rebindCanvas(),{once:!0});return}this.renderCanvas()}snapshot(){if(!this.schema)return;const e=JSON.stringify(this.schema);this.history[this.historyAt]!==e&&(this.history=this.history.slice(0,this.historyAt+1),this.history.push(e),this.history.length>60&&this.history.shift(),this.historyAt=this.history.length-1)}travel(e){const t=this.historyAt+e;!this.schema||t<0||t>=this.history.length||(this.historyAt=t,this.schema=JSON.parse(this.history[t]),this.schema.fields.some(s=>s.id===this.selected)||(this.selected=null),this.dirty=!0,this.autosave(),this.renderBar(),this.renderCanvas(),this.renderInspector())}historyButton(e,t,s){const i=this.historyAt+s,a=k(t,()=>this.travel(s),"secondary",e);return a.disabled=i<0||i>=this.history.length,a}exportForm(){if(!this.form||!this.schema)return;const e={plugin:"allterrain-forms",version:O?.version??"",title:this.form.title,schema:this.schema},t=new Blob([JSON.stringify(e,null,"	")],{type:"application/json"}),s=URL.createObjectURL(t),i=r("a",{href:s,attrs:{download:`${this.form.title.replace(/[^a-z0-9]+/gi,"-").toLowerCase()||"form"}.json`}});document.body.append(i),i.click(),i.remove(),window.setTimeout(()=>URL.revokeObjectURL(s),1e3)}async importForm(){const e=r("input",{type:"file",attrs:{accept:"application/json,.json"}});e.addEventListener("change",async()=>{const t=e.files?.[0];if(t)try{const s=JSON.parse(await t.text());if(!s.schema)throw new Error("That file does not contain a form.");const i=await C.createForm({title:s.title??t.name.replace(/\.json$/i,""),schema:s.schema});this.forms.unshift({id:i.id,title:i.title,status:i.status,modified:i.modified,fields:i.schema.fields.length,theme:i.schema.settings.theme,entries:0,unread:0,views:0,submissions:0,shortcode:i.shortcode}),this.form=i,this.schema=i.schema,this.selected=null,this.dirty=!1,this.history=[],this.historyAt=-1,this.snapshot(),this.renderBar(),this.renderCanvas(),this.renderInspector(),I("Form imported",i.title)}catch(s){I("Could not import that file",s instanceof Error?s.message:"","error")}}),e.click()}saveButton(){const e=k("Save",()=>void this.save(),"primary");return e.disabled=!this.dirty,e.setAttribute("data-atfb-save",""),e}markDirty(){this.dirty=!0;const e=this.bar.querySelector("[data-atfb-save]");e&&(e.disabled=!1),this.autosave()}async save(e=!1){if(!(!this.form||!this.schema))try{const t=await C.updateForm(this.form.id,{title:this.form.title,schema:this.schema});this.form=t,this.schema=t.schema,this.dirty=!1,this.rebindCanvas(),Rt(t.id);const s=this.forms.find(a=>a.id===t.id);s&&(s.title=t.title);const i=this.bar.querySelector("[data-atfb-save]");i&&(i.disabled=!0),Qt(t.id,t.title,t.previewUrl),e||I("Form saved",t.title)}catch(t){I(Ee("saveFailed","Could not save"),t instanceof Error?t.message:"","error")}}async open(e){if(!(this.dirty&&!await he("You have unsaved changes. Discard them?"))){try{this.form=await C.getForm(e),this.schema=this.form.schema,this.selected=null,this.dirty=!1,this.history=[],this.historyAt=-1,this.snapshot()}catch(t){this.fail(t);return}this.renderBar(),this.renderCanvas(),this.renderInspector(),this.announceIdentity()}}announceIdentity(){this.form&&Ve(this.root,is(this.form,O?.adminUrl??""))}async showTemplates(){if(!this.config)return;const e=r("div",{class:"atfb-overlay"}),t=()=>e.remove(),s=r("div",{class:"atfb-templates",children:this.config.templates.map(i=>r("button",{class:"atfb-template",type:"button",on:{click:async()=>{t();try{const a=await C.createForm({template:i.slug});this.forms.unshift({id:a.id,title:a.title,status:a.status,modified:a.modified,fields:a.schema.fields.length,theme:a.schema.settings.theme,entries:0,unread:0,views:0,submissions:0,shortcode:a.shortcode}),this.form=a,this.schema=a.schema,this.selected=null,this.dirty=!1,this.renderBar(),this.renderCanvas(),this.renderInspector(),this.announceIdentity()}catch(a){I("Could not create the form",a instanceof Error?a.message:"","error")}}},children:[F(i.icon),r("strong",{text:i.label}),r("span",{text:i.description})]}))});e.append(r("div",{class:"atfb-modal",attrs:{role:"dialog","aria-label":"Start a new form"},children:[r("h2",{text:"Start a new form"}),s,r("div",{class:"atfb-modal__actions",children:[k("Cancel",t)]})]})),e.addEventListener("click",i=>{i.target===e&&t()}),document.addEventListener("keydown",i=>{i.key==="Escape"&&t()},{once:!0}),this.root.append(e),s.querySelector("button")?.focus()}renderFormsList(){D(this.canvas),this.canvas.append(r("div",{class:"atfb-empty",children:[r("h2",{text:"No forms yet"}),r("p",{text:"Start from a template, or build one from nothing."}),k("New form",()=>void this.showTemplates(),"primary","plus-alt2")]}))}openEntries(){const e=window.wp?.os;if(e?.openWindow){e.openWindow("allterrain-forms-entries");return}window.location.assign(`${O?.adminUrl??""}admin.php?page=allterrain-forms-entries`)}renderPalette(){if(!this.config)return;D(this.palette);const e=new Map;for(const s of this.config.fieldTypes){const i=e.get(s.group)??[];i.push(s),e.set(s.group,i)}const t=r("input",{class:"atfb-input atfb-palette__search",type:"search",placeholder:"Search fields",attrs:{"aria-label":"Search field types"},on:{input:s=>{const i=s.target.value.toLowerCase().trim();this.palette.querySelectorAll(".atfb-chip").forEach(a=>{const o=(a.textContent??"").toLowerCase();a.hidden=i!==""&&!o.includes(i)}),this.palette.querySelectorAll(".atfb-group").forEach(a=>{const o=Array.from(a.querySelectorAll(".atfb-chip")).some(l=>!l.hidden);a.hidden=!o})}}});this.palette.append(t);for(const[s,i]of Object.entries(this.config.groups)){const a=e.get(s);a?.length&&this.palette.append(r("div",{class:"atfb-group",children:[r("h3",{class:"atfb-group__title",text:i}),r("div",{class:"atfb-group__items",children:a.map(o=>this.paletteChip(o))})]}))}}paletteChip(e){const t=r("button",{class:"atfb-chip",type:"button",title:e.description,attrs:{"data-atf-type":e.type},children:[F(e.icon),r("span",{text:e.label})]});return t.addEventListener("pointerdown",s=>{const i=r("div",{class:"atfb-chip atfb-chip--ghost",children:[F(e.icon),r("span",{text:e.label})]});U().start({payload:Te(V,t,{fieldType:e.type,isNew:!0},s,i),origin:s,onClickOnly:()=>this.addField(e.type)})}),t.addEventListener("click",s=>{U().recentlyEndedDrag()&&s.preventDefault()}),t}renderCanvas(){if(D(this.canvas),!this.schema||!this.form){this.renderFormsList();return}if(this.tab!=="build"){this.canvas.append(this.renderTabCanvas());return}const e=r("div",{class:"atfb-canvas__list",attrs:{"data-atfb-list":""}});this.schema.fields.length||e.append(r("div",{class:"atfb-placeholder",text:Ee("emptyCanvas","Drag a field from the left to begin.")})),this.schema.fields.forEach((s,i)=>{e.append(this.renderFieldCard(s,i))});const t=r("div",{class:"atfb-canvas__inner",children:[r("p",{class:"atfb-shortcode",text:this.form.shortcode,title:"Paste this anywhere to place the form"}),e]});this.canvas.append(t),this.registerCanvasTarget(e),this.paintLogicMap(t),this.paintCanvasTheme()}prefillControl(e,t){const s=e.prefill.startsWith("query:"),i=Se.some(w=>w.value===e.prefill),a=s?"query":i&&e.prefill||(e.prefill?"custom":""),o=r("div",{class:"atfb-prefill__detail"}),l=r("p",{class:"atfb-row__hint atfb-prefill__preview"}),c=w=>{if(o.replaceChildren(),l.replaceChildren(),w==="query"){const m=e.prefill.startsWith("query:")?e.prefill.slice(6):"";o.append(v(m,y=>{const S=y.trim();t("prefill",S?`query:${S}`:""),d(`query:${S}`)},"utm_source"),r("p",{class:"atfb-row__hint",text:"The name of the parameter in the link people arrive on."}))}w==="custom"&&o.append(v(e.prefill,m=>{t("prefill",m),d(m)},"myplugin:something"),r("p",{class:"atfb-row__hint",text:"For a source another plugin has added through atf_resolve_prefill."})),d(e.prefill)},d=w=>{if(l.replaceChildren(),!w)return;if(w.startsWith("query:")){const y=w.slice(6);y&&(l.textContent=`A visit to …/your-page/?${y}=abc opens the form with “abc” in it.`);return}const m=Se.find(y=>y.value===w)?.tag;m&&be(this.form?.id??0).then(y=>{for(const S of y)for(const E of S.items)if(E.tag===m){const R=w.startsWith("user:");if(!E.sample){l.textContent="Empty unless the visitor is signed in.";return}l.textContent=R?`Opens with “${E.sample}” for you — empty for a visitor who is not signed in.`:`Opens with “${E.sample}”.`;return}})};c(a);const u=r("select",{class:"atfb-input atfb-select",on:{change:w=>{const m=w.target.value;t("prefill",m==="query"||m==="custom"?"":m),c(m)}}});u.append(r("option",{value:"",text:"Nothing — leave it empty",attrs:{selected:a===""}}));for(const w of os){const m=document.createElement("optgroup");m.label=w;for(const y of Se.filter(S=>S.group===w))m.append(r("option",{value:y.value,text:y.label,attrs:{selected:y.value===a}}));u.append(m)}const L=document.createElement("optgroup");return L.label="From the link they arrived on",L.append(r("option",{value:"query",text:"A parameter in the web address",attrs:{selected:a==="query"}})),u.append(L,r("option",{value:"custom",text:"Something else (advanced)",attrs:{selected:a==="custom"}})),p("Pre-fill this with",r("div",{class:"atfb-prefill",children:[u,o,l]}),"What the box already contains when the form opens. They can still change it.")}renderCondition(e){const t=e.some(s=>s.kind==="field"&&s.missing);return r("span",{class:`atfb-cond${t?" is-broken":""}`,attrs:{"aria-label":Pe(e)},children:[F("randomize"),...e.map(s=>this.renderConditionToken(s))]})}renderConditionToken(e){return e.kind==="field"&&!e.missing?r("button",{class:"atfb-cond__chip atfb-cond__chip--field",type:"button",text:e.text,title:"Go to this question",on:{click:i=>{i.stopPropagation(),this.selectField(e.fieldId),this.canvas.querySelector(`[data-atfb-card="${CSS.escape(e.fieldId)}"]`)?.scrollIntoView({block:"nearest",behavior:"smooth"})}}}):r("span",{class:{verb:"atfb-cond__verb",field:"atfb-cond__chip atfb-cond__chip--missing",operator:"atfb-cond__op",value:"atfb-cond__chip atfb-cond__chip--value",join:"atfb-cond__join"}[e.kind],text:e.text})}section(e,t,s,i=!1){const a=r("details",{class:"atfb-section",attrs:{open:this.openSections.get(e)??i},children:[r("summary",{text:t}),...s]});return a.addEventListener("toggle",()=>this.openSections.set(e,a.open)),a}logicMapButton(){const e=ue(this.schema?.fields??[]).length>0,t=k(this.logicMapOn?"Hide logic":"Show logic",()=>{this.logicMapOn=!this.logicMapOn,gt(Ze,this.logicMapOn?"on":"off"),this.renderBar(),this.renderCanvas()},this.logicMapOn?"primary":"secondary","randomize");return t.title="Draw a line from each question to the ones it decides.",t.hidden=!e,t}paintLogicMap(e){this.logicMap?.destroy(),this.logicMap=null;const t=this.schema?.fields??[],s=ue(t);if(!s.length||!this.logicMapOn)return;e.classList.add("has-logicmap");const i=new At(e);i.setEdges(s),i.highlight(this.selected??""),this.logicMap=i,e.addEventListener("pointerover",a=>{const o=a.target.closest("[data-atfb-card]");i.highlight(o?.dataset.atfbCard??this.selected??"")}),e.addEventListener("pointerleave",()=>i.highlight(this.selected??""))}renderFieldCard(e,t){const s=this.config?.fieldTypes.find(d=>d.type===e.type),i=this.selected===e.id,a=this.schema?.fields??[],o=Ct(e,a),l=$t(a).get(e.id)??0,c=r("div",{class:`atfb-card${i?" is-selected":""}`,attrs:{"data-atfb-card":e.id,"data-index":t,tabindex:"0",role:"button","aria-pressed":i,"aria-label":`${e.label||s?.label||e.type}, ${t+1} of ${this.schema?.fields.length??0}`},children:[r("div",{class:"atfb-card__grip",attrs:{"aria-hidden":"true"},children:[F("menu")]}),r("div",{class:"atfb-card__body",children:[r("div",{class:"atfb-card__head",children:[F(s?.icon??"dashicons-forms"),r("span",{class:"atfb-card__type",text:s?.label??e.type}),this.requiredToggle(e),l?r("span",{class:"atfb-badge atfb-badge--controls",text:l===1?"controls 1 field":`controls ${l} fields`,title:"Other questions appear or disappear based on this answer."}):null]}),Ft(e,s,{edit:d=>{const u=this.liveField(e.id);u&&(d(u),this.markDirty(),this.syncInspector(u))},restructure:d=>{const u=this.liveField(e.id);u&&(this.snapshot(),d(u),this.markDirty(),this.renderCanvas(),this.renderInspector())}}),o.length?this.renderCondition(o):null]}),r("div",{class:"atfb-card__actions",children:[this.cardAction("admin-page","Duplicate",()=>this.duplicateField(e.id)),this.cardAction("trash","Delete",()=>void this.deleteField(e.id))]})]});return c.addEventListener("click",d=>{d.target.closest(".atfb-card__actions")||U().recentlyEndedDrag()||this.selectField(e.id)}),c.addEventListener("keydown",d=>{if(d.key==="Enter"||d.key===" "){d.preventDefault(),this.selectField(e.id);return}d.altKey&&(d.key==="ArrowUp"||d.key==="ArrowDown")&&(d.preventDefault(),this.moveField(e.id,d.key==="ArrowUp"?t-1:t+1),window.requestAnimationFrame(()=>{this.canvas.querySelector(`[data-atfb-card="${CSS.escape(e.id)}"]`)?.focus()})),(d.key==="Delete"||d.key==="Backspace")&&(d.preventDefault(),this.deleteField(e.id))}),c.addEventListener("pointerdown",d=>{d.target.closest(".atfb-card__actions")||U().start({payload:Te(V,c,{fieldId:e.id,field:e,isNew:!1},d),origin:d})}),c}requiredToggle(e){return r("button",{class:`atfb-req${e.required?" is-on":""}`,type:"button",text:e.required?"Required":"Optional",title:e.required?"This must be answered. Click to make it optional.":"Click to make this required.",attrs:{"aria-pressed":e.required?"true":"false"},on:{pointerdown:s=>s.stopPropagation(),click:s=>{s.stopPropagation(),e.required=!e.required,this.markDirty(),this.renderCanvas(),this.renderInspector()}}})}cardAction(e,t,s){return r("button",{class:"atfb-card__action",type:"button",title:t,attrs:{"aria-label":t},on:{click:i=>{i.stopPropagation(),s()}},children:[F(e)]})}registerCanvasTarget(e){const t=r("div",{class:"atfb-marker",attrs:{"aria-hidden":"true"}}),s=U().registerDropTarget({id:`atfb-canvas-${this.form?.id??0}`,element:e,accept:a=>a.type===V,onEnter:()=>e.classList.add("is-dropping"),onLeave:()=>{e.classList.remove("is-dropping"),t.remove()},onDrop:(a,o)=>{e.classList.remove("is-dropping"),t.remove();const l=a.payload.data,c=l.fieldId?this.canvas.querySelector(`[data-atfb-card="${CSS.escape(l.fieldId)}"]`):null,d=$e(e,".atfb-card",o.clientY,c??void 0);if(l.isNew&&l.fieldType){this.addField(l.fieldType,d);return}if(l.fieldId&&this.schema?.fields.some(u=>u.id===l.fieldId)){this.moveField(l.fieldId,d);return}l.field&&this.insertField({...l.field,id:""},d)}});this.teardowns.push(s);const i=a=>{const o=a.detail;if(o?.payload?.type!==V||!e.classList.contains("is-dropping"))return;const l=o.clientY??0,c=$e(e,".atfb-card",l),d=e.querySelectorAll(".atfb-card");c>=d.length?e.append(t):d[c].before(t)};document.addEventListener("os.drag.move",i),this.teardowns.push(()=>document.removeEventListener("os.drag.move",i))}addField(e,t){const s=this.config?.fieldTypes.find(a=>a.type===e);if(!s||!this.schema)return;const i={id:this.nextFieldId(),type:e,label:s.input?s.label:"",placeholder:"",hint:"",required:!1,width:"full",cssClass:"",default:"",choices:s.choices?[{label:"First choice",value:"first"},{label:"Second choice",value:"second"}]:[],logic:{enabled:!1,action:"show",match:"all",rules:[]},messages:{},prefill:"",...s.settings};this.insertField(i,t)}insertField(e,t){if(!this.schema)return;e.id||(e.id=this.nextFieldId()),this.snapshot();const s=t===void 0?this.schema.fields.length:Math.max(0,Math.min(t,this.schema.fields.length));this.schema.fields.splice(s,0,e),this.selected=e.id,this.markDirty(),this.renderCanvas(),this.renderInspector(),window.requestAnimationFrame(()=>{this.canvas.querySelector(`[data-atfb-card="${CSS.escape(e.id)}"]`)?.focus()})}moveField(e,t){if(!this.schema)return;const s=this.schema.fields.findIndex(o=>o.id===e);if(s<0)return;const i=Math.max(0,Math.min(t,this.schema.fields.length-1));if(s===i)return;this.snapshot();const[a]=this.schema.fields.splice(s,1);this.schema.fields.splice(i>s?i-1:i,0,a),this.markDirty(),this.renderCanvas()}duplicateField(e){if(!this.schema)return;const t=this.schema.fields.findIndex(i=>i.id===e);if(t<0)return;const s=JSON.parse(JSON.stringify(this.schema.fields[t]));s.id=this.nextFieldId(),this.insertField(s,t+1)}async deleteField(e){if(!this.schema)return;const t=this.schema.fields.filter(i=>i.logic?.rules?.some(a=>a.field===e)),s=t.length?`Delete this field? ${t.length} other field${t.length===1?"":"s"} use it in a condition, and those conditions will stop working.`:Ee("confirmDelete","Delete this? It cannot be undone.");await he(s,"Delete field")&&(this.snapshot(),this.schema.fields=this.schema.fields.filter(i=>i.id!==e),this.selected===e&&(this.selected=null),this.markDirty(),this.renderCanvas(),this.renderInspector())}selectField(e){this.selected=e;for(const t of this.canvas.querySelectorAll("[data-atfb-card]")){const s=t.dataset.atfbCard===e;t.classList.toggle("is-selected",s),t.setAttribute("aria-pressed",s?"true":"false")}this.logicMap?.highlight(e),this.renderInspector()}nextFieldId(){const e=new Set((this.schema?.fields??[]).map(s=>s.id));let t=e.size+1;for(;e.has(`f${t}`);)t++;return`f${t}`}renderTypeSettings(e,t,s,i){for(const a of s){const o=et[a];o&&(this.inspector.append(tt(e,o,i)),o.also&&this.inspector.append(tt(e,{...o,key:o.also.key,label:o.also.label,hint:o.also.hint},i)))}s.includes("rows")&&e.type!=="likert"&&this.inspector.append(p("Lines tall",N(String(e.rows??""),a=>i("rows",a)))),s.includes("rows")&&e.type==="likert"&&this.inspector.append(this.renderStatementList(e,i)),s.includes("parts")&&this.inspector.append(this.renderPartsEditor(e,t,i)),s.includes("default")&&!["files","object"].includes(t?.value??"")&&this.inspector.append(this.renderDefaultControl(e,t,i))}renderStatementList(e,t){const s=Array.isArray(e.rows)?e.rows:[];return p("Statements",te(s.map(i=>i.label??"").join(`
+`),i=>t("rows",st(s,i)),5),"One per line. Each becomes a row of the matrix.")}renderPartsEditor(e,t,s){const i=t?.parts??[],a=Array.isArray(e.parts)?e.parts:i.map(l=>l.key),o=i.map(l=>T(l.label,a.includes(l.key),c=>{const d=i.map(u=>u.key).filter(u=>u===l.key?c:a.includes(u));s("parts",d.length?d:[l.key])}));return r("div",{class:"atfb-section",children:[r("h4",{class:"atfb-section__title",text:"Parts to ask for"}),...o]})}renderDefaultControl(e,t,s){const i="Filled in before they start. They can change it.";return e.type==="switch"||e.type==="consent"?T("On by default",!!e.default,a=>s("default",a)):t?.choices&&(e.choices??[]).length?p("Default answer",$(String(e.default??""),[{value:"",label:"Nothing chosen"},...(e.choices??[]).map(a=>({value:String(a.value),label:a.label||String(a.value)}))],a=>s("default",a)),i):p("Default answer",v(String(e.default??""),a=>s("default",a)),i)}renderChoicesEditor(e,t){const s=e.choices??[],i=r("div",{class:"atfb-choices"});return s.forEach((a,o)=>{const l=r("div",{class:"atfb-choice-row",children:[e.type==="image_choice"?this.choiceImageWell(a,o,e):null,B(v(a.label,c=>{const d=!a.value||a.value===a.label;a.label=c,d&&(a.value=c),this.markDirty(),this.syncCanvas(e)}),`choice:${o}:label`),B(v(a.value,c=>{a.value=c,this.markDirty()},"value"),`choice:${o}:value`),e.type==="quiz"||a.points!==void 0?N(String(a.points??""),c=>{a.points=c===""?void 0:Number(c),this.markDirty()}):N(String(a.price??""),c=>{a.price=c===""?void 0:Number(c),this.markDirty()}),r("button",{class:"atfb-card__action",type:"button",attrs:{"aria-label":`Remove ${a.label}`},on:{click:()=>{s.splice(o,1),t("choices",s),this.renderInspector()}},children:[F("trash")]})]});i.append(l)}),r("div",{class:"atfb-section",children:[r("h4",{text:"Choices"}),r("p",{class:"atfb-hint",text:e.type==="quiz"?"Label, value, points.":"Label, value, and a price for calculations."}),i,k("Add choice",()=>{s.push({label:"",value:""}),t("choices",s),this.renderInspector()},"ghost","plus-alt2"),e.type==="quiz"?p("Correct answer",$(String(e.correct??""),[{value:"",label:"—"},...s.map(a=>({value:a.value,label:a.label}))],a=>t("correct",a))):null]})}choiceImageWell(e,t,s){const i=r("div",{class:`atfb-well${e.image?" has-image":""}`,attrs:{"data-choice":t,"aria-label":`Image for ${e.label||`choice ${t+1}`}`},children:[e.image?r("span",{class:"atfb-well__id",text:`#${e.image}`}):F("format-image")]}),a=U().registerDropTarget({id:`atfb-well-${s.id}-${t}`,element:i,accept:o=>as.includes(o.type),onEnter:()=>i.classList.add("is-dropping"),onLeave:()=>i.classList.remove("is-dropping"),onDrop:o=>{i.classList.remove("is-dropping");const l=o.payload.data,c=Number(l.attachmentId??l.id??l.file?.id??0);if(!c){I("That is not an image this field can use","","error");return}e.image=c,this.markDirty(),this.renderInspector()}});return this.teardowns.push(a),i.addEventListener("click",()=>{e.image&&(e.image=void 0,this.markDirty(),this.renderInspector())}),i}renderValidationSection(e,t,s){const i=[],a=[];t.includes("minlength")&&a.push(["minlength","Minimum characters"],["maxlength","Maximum characters"]),t.includes("min")?a.push(["min","Minimum"],["max","Maximum"]):t.includes("max")&&a.push(["max","Highest"]),t.includes("step")&&a.push(["step","Steps of"]),t.includes("mindate")&&a.push(["minDate","Earliest date"],["maxDate","Latest date"]),t.includes("mintime")&&a.push(["minTime","Earliest time"],["maxTime","Latest time"]);for(const[l,c]of a)i.push(p(c,v(String(e[l]??""),d=>s(l,d))));t.includes("pattern")&&i.push(p("Pattern",v(String(e.pattern??""),l=>s("pattern",l)),"A regular expression, without slashes.")),t.includes("unique")&&i.push(T("No two people may submit the same value",!!e.unique,l=>s("unique",l)));const o=e.messages??{};return t.includes("required")&&i.push(p("Message when required",v(o.required??"",l=>{o.required=l,s("messages",o)}),"Leave empty for the default wording.")),i.length?this.section(`validation:${e.id}`,"Validation",i):r("div",{class:"atfb-section is-empty"})}renderLogicSection(e,t){const s=e.logic,i=(this.schema?.fields??[]).filter(o=>o.id!==e.id&&o.type!=="page_break"),a=r("div",{class:"atfb-rules"});return s.rules.forEach((o,l)=>{a.append(r("div",{class:"atfb-rule",children:[$(o.field,i.map(c=>({value:c.id,label:c.label||c.id})),c=>{o.field=c,this.markDirty()}),$(o.operator,Object.entries(this.config?.operators??{}).map(([c,d])=>({value:c,label:d})),c=>{o.operator=c,this.markDirty()}),v(o.value,c=>{o.value=c,this.markDirty()}),r("button",{class:"atfb-card__action",type:"button",attrs:{"aria-label":"Remove this rule"},on:{click:()=>{s.rules.splice(l,1),t("logic",s),this.renderInspector()}},children:[F("trash")]})]}))}),this.section(`logic:${e.id}`,"Conditional logic",[T("Only show this field sometimes",s.enabled,o=>{s.enabled=o,t("logic",s),this.renderInspector()}),s.enabled?r("div",{children:[r("div",{class:"atfb-rule-head",children:[$(s.action,[{value:"show",label:"Show"},{value:"hide",label:"Hide"}],o=>{s.action=o,t("logic",s)}),r("span",{text:"this field when"}),$(s.match,[{value:"all",label:"all"},{value:"any",label:"any"}],o=>{s.match=o,t("logic",s)}),r("span",{text:"of these match:"})]}),a,k("Add rule",()=>{s.rules.push({field:i[0]?.id??"",operator:"is",value:""}),t("logic",s),this.renderInspector()},"ghost","plus-alt2")]}):null],s.enabled)}renderTabCanvas(){return this.schema?this.tab==="theme"?ze({themes:this.themes,tokens:this.config?.tokens??[],activeSlug:this.schema.settings.theme,overrides:this.schema.settings.themeOverrides,onTheme:e=>{this.schema.settings.theme=e,this.markDirty()},onOverride:(e,t)=>{t===""?delete this.schema.settings.themeOverrides[e]:this.schema.settings.themeOverrides[e]=t,this.markDirty()},previewFor:(e,t)=>this.previewHtml(e,t),onThemesChanged:e=>{this.themes=e}}):this.tab==="settings"?this.renderSettingsPane():this.tab==="notify"?this.renderNotificationsPane():this.renderConfirmationsPane():r("div")}async paintCanvasTheme(){if(!this.form||!this.schema)return;const e=this.schema.settings.theme,t=JSON.stringify([e,this.schema.settings.themeOverrides]);if(t!==this.canvasThemeSignature){this.canvasThemeSignature=t;try{const s=await this.previewHtml(e,this.schema.settings.themeOverrides??{}),i=/<style>([\s\S]*?)<\/style>/.exec(s);if(!i)return;const a=i[1].replace(/#atf-[\d-]+/g,".atfb .atfb-preview");this.canvasTheme.textContent=a,this.canvasTheme.isConnected||this.root.append(this.canvasTheme)}catch{}}}async previewHtml(e,t){if(!this.form||!this.schema)return"";const s=JSON.parse(JSON.stringify(this.schema));s.settings.theme=e,s.settings.themeOverrides=t;const{html:i}=await C.preview(this.form.id,{schema:s,theme:e});return i}renderSettingsPane(){const e=this.schema.settings,t=(s,i)=>{const a=s.split(".");let o=e;for(let l=0;l<a.length-1;l++)o=o[a[l]];o[a[a.length-1]]=i,this.markDirty()};return r("div",{class:"atfb-pane",children:[r("h2",{text:"Settings"}),r("section",{children:[r("h3",{text:"Submitting"}),p("Button label",v(e.submitLabel,s=>t("submitLabel",s))),T("Submit without reloading the page",e.ajax,s=>t("ajax",s)),p("Progress indicator",$(e.progressBar,[{value:"steps",label:"Numbered steps"},{value:"bar",label:"A bar"},{value:"none",label:"None"}],s=>t("progressBar",s)),"Only shown on forms with a page break.")]}),r("section",{children:[r("h3",{text:"Who can fill this in"}),T("Only logged-in users",e.requireLogin,s=>t("requireLogin",s)),p("Message for everyone else",v(e.loginMessage,s=>t("loginMessage",s))),p("Open from",r("input",{class:"atfb-input",type:"datetime-local",value:e.schedule.start,on:{input:s=>t("schedule.start",s.target.value)}})),p("Closes",r("input",{class:"atfb-input",type:"datetime-local",value:e.schedule.end,on:{input:s=>t("schedule.end",s.target.value)}})),p("Message when closed",v(e.schedule.message,s=>t("schedule.message",s))),p("Stop after this many submissions",N(String(e.limit.total||""),s=>t("limit.total",Number(s)||0)),"0 means no limit."),p("Submissions per logged-in user",N(String(e.limit.perUser||""),s=>t("limit.perUser",Number(s)||0)))]}),r("section",{children:[r("h3",{text:"Spam"}),r("p",{class:"atfb-hint",text:"No captcha. Nothing here asks the visitor to prove anything."}),T("Honeypot field",e.spam.honeypot,s=>t("spam.honeypot",s)),p("Reject submissions faster than (seconds)",N(String(e.spam.timeTrap),s=>t("spam.timeTrap",Number(s)||0)),"A human cannot fill in a form in under a second. A script can."),p("Submissions allowed per hour, per address",N(String(e.spam.rateLimit),s=>t("spam.rateLimit",Number(s)||0))),p("Blocked words",te(e.spam.blocklist,s=>t("spam.blocklist",s),4),"One per line."),T("Use Akismet when it is installed",e.spam.akismet,s=>t("spam.akismet",s)),T("Ask a simple sum before sending",e.spam.challenge,s=>t("spam.challenge",s)),r("p",{class:"atfb-hint",text:"Only for a form under sustained attack — it is the one check here that asks the visitor to do something. Still kinder than an image captcha: it is answerable by a screen reader, and it hands no data to anyone."})]}),r("section",{children:[r("h3",{text:"Storage and privacy"}),T("Keep entries",e.storage.entries,s=>t("storage.entries",s)),T("Record IP addresses",e.storage.ip,s=>t("storage.ip",s)),T("Anonymise recorded IP addresses",e.storage.anonymise,s=>t("storage.anonymise",s)),p("Delete entries after (days)",N(String(e.storage.retention||""),s=>t("storage.retention",Number(s)||0)),"0 keeps them forever. Anything else deletes automatically, every day.")]}),r("section",{children:[r("h3",{text:"Save and continue later"}),T("Let people save a half-finished form",e.resume.enabled,s=>t("resume.enabled",s)),p("Keep a saved form for (days)",N(String(e.resume.days),s=>t("resume.days",Math.max(1,Number(s)||30)))),r("p",{class:"atfb-hint",text:"The link this creates is the only key to those answers — anyone holding it can read them. For genuinely sensitive questions, require login instead."})]})]})}taggableInput(e,t,s=""){return je(v(e,t,s),{formId:this.form.id})}taggableArea(e,t,s=6){return je(te(e,t,s),{formId:this.form.id})}recipientControl(e){const t=this.schema.fields.filter(c=>c.type==="email"),s=c=>{if(c.trim()==="{admin_email}")return"admin";const d=c.trim().match(/^\{field:([a-z0-9_-]+)\}$/i);return d&&t.some(u=>u.id===d[1])?`field:${d[1]}`:/\{/.test(c)?"custom":"address"},i=[{value:"admin",label:"Whoever runs this site"},...t.map(c=>({value:`field:${c.id}`,label:`The person who filled it in — ${c.label||"their email answer"}`})),{value:"address",label:"A specific email address"},{value:"custom",label:"Something else (advanced)"}],a=s(e.to),o=r("div",{class:"atfb-recipient__detail"}),l=c=>{if(o.replaceChildren(),c==="address"){o.append(v(/\{/.test(e.to)?"":e.to,d=>{e.to=d,this.markDirty()},"name@example.com"));return}c==="custom"&&o.append(this.taggableInput(e.to,d=>{e.to=d,this.markDirty()},"{admin_email}, sales@example.com"),r("p",{class:"atfb-row__hint",text:"Separate several addresses with commas."}))};return l(a),p("Send it to",r("div",{class:"atfb-recipient",children:[$(a,i,c=>{c==="admin"?e.to="{admin_email}":c.startsWith("field:")?e.to=`{${c}}`:c==="address"&&(e.to=/\{/.test(e.to)?"":e.to),this.markDirty(),l(c)}),o]}),t.length?void 0:"Add an Email question on the Build tab to reply straight back to the visitor.")}renderNotificationsPane(){const e=this.schema.notifications,t=r("div",{class:"atfb-list"});return e.length||t.append(r("p",{class:"atfb-hint",text:"With none set up, one email goes to the site administrator with every answer in it."})),e.forEach((s,i)=>{t.append(this.section(`notification:${s.id}`,s.name||`Notification ${i+1}`,[p("Name",v(s.name,a=>{s.name=a,this.markDirty()})),this.recipientControl(s),p("Reply to",this.taggableInput(s.replyTo,a=>{s.replyTo=a,this.markDirty()},"Leave empty to reply to you"),"Set this to the visitor’s email address and hitting Reply answers them directly."),p("Subject",this.taggableInput(s.subject,a=>{s.subject=a,this.markDirty()})),p("Message",this.taggableArea(s.message,a=>{s.message=a,this.markDirty()},8)),T("Attach uploaded files",s.attachFiles,a=>{s.attachFiles=a,this.markDirty()}),k("Delete this notification",()=>{e.splice(i,1),this.markDirty(),this.renderCanvas()},"danger")]))}),r("div",{class:"atfb-pane",children:[r("h2",{text:"Notifications"}),t,k("Add a notification",()=>{e.push({id:`n${e.length+1}`,enabled:!0,name:"Notification",to:"{admin_email}",cc:"",bcc:"",replyTo:"",fromName:"",fromEmail:"",subject:"New submission",message:"{all_fields}",attachFiles:!1,logic:{enabled:!1,action:"show",match:"all",rules:[]}}),this.markDirty(),this.renderCanvas()},"primary","plus-alt2")]})}confirmationDetail(e){if(e.type==="message")return p("Message",this.taggableArea(e.message,a=>{e.message=a,this.markDirty()},5),"Insert an answer to greet them by name, or show back what they sent.");const t=p("Extra query parameters",this.taggableInput(e.query,a=>{e.query=a,this.markDirty()},"ref={entry:id}&name={field:f1}"),"Added to the address, so the page they land on can read them. Leave empty for none.");if(e.type==="redirect")return r("div",{children:[p("Web address",this.taggableInput(e.url,a=>{e.url=a,this.markDirty()},"https://example.com/thank-you"),"A full address, starting with https://."),t]});const s=r("div",{class:"atfb-pagepicker"}),i=a=>{s.replaceChildren($(String(e.pageId||0),a,o=>{e.pageId=Number(o)||0,this.markDirty()}))};return i([{value:"0",label:"Loading pages…"}]),C.pages().then(a=>{i([{value:"0",label:"Choose a page…"},...a.map(o=>({value:String(o.id),label:o.title}))])}).catch(()=>{i([{value:"0",label:"Could not load the pages"}])}),p("Page",s,"They are sent to this page after submitting. Its own content is shown, not the form’s message.")}renderConfirmationsPane(){const e=this.schema.confirmations,t=r("div",{class:"atfb-list"});return e.length||t.append(r("p",{class:"atfb-hint",text:"With none set up, the form says thank you and stops."})),e.forEach((s,i)=>{const a=r("div",{class:"atfb-confirm__detail"}),o=()=>{a.replaceChildren(this.confirmationDetail(s))};o(),t.append(this.section(`confirmation:${s.id}`,s.name||`Confirmation ${i+1}`,[p("Name",v(s.name,l=>{s.name=l,this.markDirty()})),p("What happens",$(s.type,[{value:"message",label:"Show a message"},{value:"redirect",label:"Send them to a URL"},{value:"page",label:"Send them to a page"}],l=>{s.type=l,this.markDirty(),o()})),a,k("Delete this confirmation",()=>{e.splice(i,1),this.markDirty(),this.renderCanvas()},"danger")]))}),r("div",{class:"atfb-pane",children:[r("h2",{text:"Confirmations"}),r("p",{class:"atfb-hint",text:"The first one whose conditions match is the one they see."}),t,k("Add a confirmation",()=>{e.push({id:`c${e.length+1}`,enabled:!0,name:"Confirmation",type:"message",message:"Thank you. Your submission has been received.",url:"",pageId:0,query:"",logic:{enabled:!1,action:"show",match:"all",rules:[]}}),this.markDirty(),this.renderCanvas()},"primary","plus-alt2")]})}async preview(){await Ge({current:()=>this.form?{id:this.form.id,title:this.form.title,previewUrl:this.form.previewUrl}:null,isDirty:()=>this.dirty,save:()=>this.save(!0)})}}let Q=null,Le=null;function Ce(){if(Le?.isConnected)return;Q&&(Q.destroy(),Q=null,Le=null);const n=document.querySelector("[data-atfb-root]:not([data-atfb-mounted])");n&&(n.dataset.atfbMounted="1",Le=n,ft().then(()=>{n.isConnected&&(Q=new nt(n),Q.start())}))}function it(){Ce(),_t()}return kt(),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",it):it(),document.addEventListener("os-window-content-loaded",Ce),W.Builder=nt,W.SETTINGS_HANDLED_ELSEWHERE=rs,W.SETTING_CONTROLS=et,W.mountBuilder=Ce,W.restatement=st,Object.defineProperty(W,Symbol.toStringTag,{value:"Module"}),W}({});
diff --git a/composer.lock b/composer.lock
new file mode 100644
index 0000000..8d76678
--- /dev/null
+++ b/composer.lock
@@ -0,0 +1,2496 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "39f979192d0bca191c9bd213b3fa5c46",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "dealerdirect/phpcodesniffer-composer-installer",
+            "version": "v1.2.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCSStandards/composer-installer.git",
+                "reference": "963f0c67bffde0eac41b56be71ac0e8ba132f0bd"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCSStandards/composer-installer/zipball/963f0c67bffde0eac41b56be71ac0e8ba132f0bd",
+                "reference": "963f0c67bffde0eac41b56be71ac0e8ba132f0bd",
+                "shasum": ""
+            },
+            "require": {
+                "composer-plugin-api": "^2.2",
+                "php": ">=5.4",
+                "squizlabs/php_codesniffer": "^3.1.0 || ^4.0"
+            },
+            "require-dev": {
+                "composer/composer": "^2.2",
+                "ext-json": "*",
+                "ext-zip": "*",
+                "php-parallel-lint/php-parallel-lint": "^1.4.0",
+                "phpcompatibility/php-compatibility": "^9.0 || ^10.0.0@dev",
+                "yoast/phpunit-polyfills": "^1.0"
+            },
+            "type": "composer-plugin",
+            "extra": {
+                "class": "PHPCSStandards\\Composer\\Plugin\\Installers\\PHPCodeSniffer\\Plugin"
+            },
+            "autoload": {
+                "psr-4": {
+                    "PHPCSStandards\\Composer\\Plugin\\Installers\\PHPCodeSniffer\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Franck Nijhof",
+                    "email": "opensource@frenck.dev",
+                    "homepage": "https://frenck.dev",
+                    "role": "Open source developer"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCSStandards/composer-installer/graphs/contributors"
+                }
+            ],
+            "description": "PHP_CodeSniffer Standards Composer Installer Plugin",
+            "keywords": [
+                "PHPCodeSniffer",
+                "PHP_CodeSniffer",
+                "code quality",
+                "codesniffer",
+                "composer",
+                "installer",
+                "phpcbf",
+                "phpcs",
+                "plugin",
+                "qa",
+                "quality",
+                "standard",
+                "standards",
+                "style guide",
+                "stylecheck",
+                "tests"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCSStandards/composer-installer/issues",
+                "security": "https://github.com/PHPCSStandards/composer-installer/security/policy",
+                "source": "https://github.com/PHPCSStandards/composer-installer"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCSStandards",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/phpcsstandards",
+                    "type": "thanks_dev"
+                }
+            ],
+            "time": "2026-05-06T08:26:05+00:00"
+        },
+        {
+            "name": "doctrine/instantiator",
+            "version": "1.5.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/doctrine/instantiator.git",
+                "reference": "0a0fa9780f5d4e507415a065172d26a98d02047b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/doctrine/instantiator/zipball/0a0fa9780f5d4e507415a065172d26a98d02047b",
+                "reference": "0a0fa9780f5d4e507415a065172d26a98d02047b",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.1 || ^8.0"
+            },
+            "require-dev": {
+                "doctrine/coding-standard": "^9 || ^11",
+                "ext-pdo": "*",
+                "ext-phar": "*",
+                "phpbench/phpbench": "^0.16 || ^1",
+                "phpstan/phpstan": "^1.4",
+                "phpstan/phpstan-phpunit": "^1",
+                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.5",
+                "vimeo/psalm": "^4.30 || ^5.4"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Doctrine\\Instantiator\\": "src/Doctrine/Instantiator/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Marco Pivetta",
+                    "email": "ocramius@gmail.com",
+                    "homepage": "https://ocramius.github.io/"
+                }
+            ],
+            "description": "A small, lightweight utility to instantiate objects in PHP without invoking their constructors",
+            "homepage": "https://www.doctrine-project.org/projects/instantiator.html",
+            "keywords": [
+                "constructor",
+                "instantiate"
+            ],
+            "support": {
+                "issues": "https://github.com/doctrine/instantiator/issues",
+                "source": "https://github.com/doctrine/instantiator/tree/1.5.0"
+            },
+            "funding": [
+                {
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Finstantiator",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-12-30T00:15:36+00:00"
+        },
+        {
+            "name": "myclabs/deep-copy",
+            "version": "1.13.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/myclabs/DeepCopy.git",
+                "reference": "07d290f0c47959fd5eed98c95ee5602db07e0b6a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/07d290f0c47959fd5eed98c95ee5602db07e0b6a",
+                "reference": "07d290f0c47959fd5eed98c95ee5602db07e0b6a",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.1 || ^8.0"
+            },
+            "conflict": {
+                "doctrine/collections": "<1.6.8",
+                "doctrine/common": "<2.13.3 || >=3 <3.2.2"
+            },
+            "require-dev": {
+                "doctrine/collections": "^1.6.8",
+                "doctrine/common": "^2.13.3 || ^3.2.2",
+                "phpspec/prophecy": "^1.10",
+                "phpunit/phpunit": "^7.5.20 || ^8.5.23 || ^9.5.13"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/DeepCopy/deep_copy.php"
+                ],
+                "psr-4": {
+                    "DeepCopy\\": "src/DeepCopy/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "Create deep copies (clones) of your objects",
+            "keywords": [
+                "clone",
+                "copy",
+                "duplicate",
+                "object",
+                "object graph"
+            ],
+            "support": {
+                "issues": "https://github.com/myclabs/DeepCopy/issues",
+                "source": "https://github.com/myclabs/DeepCopy/tree/1.13.4"
+            },
+            "funding": [
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/myclabs/deep-copy",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-01T08:46:24+00:00"
+        },
+        {
+            "name": "nikic/php-parser",
+            "version": "v5.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/nikic/PHP-Parser.git",
+                "reference": "044a6a392ff8ad0d61f14370a5fbbd0a0107152f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/044a6a392ff8ad0d61f14370a5fbbd0a0107152f",
+                "reference": "044a6a392ff8ad0d61f14370a5fbbd0a0107152f",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "ext-tokenizer": "*",
+                "php": ">=7.4"
+            },
+            "require-dev": {
+                "ircmaxell/php-yacc": "^0.0.7",
+                "phpunit/phpunit": "^9.0"
+            },
+            "bin": [
+                "bin/php-parse"
+            ],
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "5.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "PhpParser\\": "lib/PhpParser"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Nikita Popov"
+                }
+            ],
+            "description": "A PHP parser written in PHP",
+            "keywords": [
+                "parser",
+                "php"
+            ],
+            "support": {
+                "issues": "https://github.com/nikic/PHP-Parser/issues",
+                "source": "https://github.com/nikic/PHP-Parser/tree/v5.8.0"
+            },
+            "time": "2026-07-04T14:30:18+00:00"
+        },
+        {
+            "name": "phar-io/manifest",
+            "version": "2.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/phar-io/manifest.git",
+                "reference": "54750ef60c58e43759730615a392c31c80e23176"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phar-io/manifest/zipball/54750ef60c58e43759730615a392c31c80e23176",
+                "reference": "54750ef60c58e43759730615a392c31c80e23176",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-libxml": "*",
+                "ext-phar": "*",
+                "ext-xmlwriter": "*",
+                "phar-io/version": "^3.0.1",
+                "php": "^7.2 || ^8.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0.x-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Arne Blankerts",
+                    "email": "arne@blankerts.de",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Sebastian Heuer",
+                    "email": "sebastian@phpeople.de",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Component for reading phar.io manifest information from a PHP Archive (PHAR)",
+            "support": {
+                "issues": "https://github.com/phar-io/manifest/issues",
+                "source": "https://github.com/phar-io/manifest/tree/2.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/theseer",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-03-03T12:33:53+00:00"
+        },
+        {
+            "name": "phar-io/version",
+            "version": "3.2.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/phar-io/version.git",
+                "reference": "4f7fd7836c6f332bb2933569e566a0d6c4cbed74"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phar-io/version/zipball/4f7fd7836c6f332bb2933569e566a0d6c4cbed74",
+                "reference": "4f7fd7836c6f332bb2933569e566a0d6c4cbed74",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2 || ^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Arne Blankerts",
+                    "email": "arne@blankerts.de",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Sebastian Heuer",
+                    "email": "sebastian@phpeople.de",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Library for handling version information and constraints",
+            "support": {
+                "issues": "https://github.com/phar-io/version/issues",
+                "source": "https://github.com/phar-io/version/tree/3.2.1"
+            },
+            "time": "2022-02-21T01:04:05+00:00"
+        },
+        {
+            "name": "phpcompatibility/php-compatibility",
+            "version": "9.3.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCompatibility/PHPCompatibility.git",
+                "reference": "9fb324479acf6f39452e0655d2429cc0d3914243"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCompatibility/PHPCompatibility/zipball/9fb324479acf6f39452e0655d2429cc0d3914243",
+                "reference": "9fb324479acf6f39452e0655d2429cc0d3914243",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.3",
+                "squizlabs/php_codesniffer": "^2.3 || ^3.0.2"
+            },
+            "conflict": {
+                "squizlabs/php_codesniffer": "2.6.2"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "~4.5 || ^5.0 || ^6.0 || ^7.0"
+            },
+            "suggest": {
+                "dealerdirect/phpcodesniffer-composer-installer": "^0.5 || This Composer plugin will sort out the PHPCS 'installed_paths' automatically.",
+                "roave/security-advisories": "dev-master || Helps prevent installing dependencies with known security issues."
+            },
+            "type": "phpcodesniffer-standard",
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Wim Godden",
+                    "homepage": "https://github.com/wimg",
+                    "role": "lead"
+                },
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "homepage": "https://github.com/jrfnl",
+                    "role": "lead"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCompatibility/PHPCompatibility/graphs/contributors"
+                }
+            ],
+            "description": "A set of sniffs for PHP_CodeSniffer that checks for PHP cross-version compatibility.",
+            "homepage": "http://techblog.wimgodden.be/tag/codesniffer/",
+            "keywords": [
+                "compatibility",
+                "phpcs",
+                "standards"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCompatibility/PHPCompatibility/issues",
+                "source": "https://github.com/PHPCompatibility/PHPCompatibility"
+            },
+            "time": "2019-12-27T09:44:58+00:00"
+        },
+        {
+            "name": "phpcompatibility/phpcompatibility-paragonie",
+            "version": "1.3.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCompatibility/PHPCompatibilityParagonie.git",
+                "reference": "244d7b04fc4bc2117c15f5abe23eb933b5f02bbf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCompatibility/PHPCompatibilityParagonie/zipball/244d7b04fc4bc2117c15f5abe23eb933b5f02bbf",
+                "reference": "244d7b04fc4bc2117c15f5abe23eb933b5f02bbf",
+                "shasum": ""
+            },
+            "require": {
+                "phpcompatibility/php-compatibility": "^9.0"
+            },
+            "require-dev": {
+                "dealerdirect/phpcodesniffer-composer-installer": "^1.0",
+                "paragonie/random_compat": "dev-master",
+                "paragonie/sodium_compat": "dev-master"
+            },
+            "suggest": {
+                "dealerdirect/phpcodesniffer-composer-installer": "^1.0 || This Composer plugin will sort out the PHP_CodeSniffer 'installed_paths' automatically.",
+                "roave/security-advisories": "dev-master || Helps prevent installing dependencies with known security issues."
+            },
+            "type": "phpcodesniffer-standard",
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Wim Godden",
+                    "role": "lead"
+                },
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "role": "lead"
+                }
+            ],
+            "description": "A set of rulesets for PHP_CodeSniffer to check for PHP cross-version compatibility issues in projects, while accounting for polyfills provided by the Paragonie polyfill libraries.",
+            "homepage": "http://phpcompatibility.com/",
+            "keywords": [
+                "compatibility",
+                "paragonie",
+                "phpcs",
+                "polyfill",
+                "standards",
+                "static analysis"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCompatibility/PHPCompatibilityParagonie/issues",
+                "security": "https://github.com/PHPCompatibility/PHPCompatibilityParagonie/security/policy",
+                "source": "https://github.com/PHPCompatibility/PHPCompatibilityParagonie"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCompatibility",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/phpcompatibility",
+                    "type": "thanks_dev"
+                }
+            ],
+            "time": "2025-09-19T17:43:28+00:00"
+        },
+        {
+            "name": "phpcompatibility/phpcompatibility-wp",
+            "version": "2.1.8",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCompatibility/PHPCompatibilityWP.git",
+                "reference": "7c8d18b4d90dac9e86b0869a608fa09158e168fa"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCompatibility/PHPCompatibilityWP/zipball/7c8d18b4d90dac9e86b0869a608fa09158e168fa",
+                "reference": "7c8d18b4d90dac9e86b0869a608fa09158e168fa",
+                "shasum": ""
+            },
+            "require": {
+                "phpcompatibility/php-compatibility": "^9.0",
+                "phpcompatibility/phpcompatibility-paragonie": "^1.0",
+                "squizlabs/php_codesniffer": "^3.3"
+            },
+            "require-dev": {
+                "dealerdirect/phpcodesniffer-composer-installer": "^1.0"
+            },
+            "suggest": {
+                "dealerdirect/phpcodesniffer-composer-installer": "^1.0 || This Composer plugin will sort out the PHP_CodeSniffer 'installed_paths' automatically.",
+                "roave/security-advisories": "dev-master || Helps prevent installing dependencies with known security issues."
+            },
+            "type": "phpcodesniffer-standard",
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Wim Godden",
+                    "role": "lead"
+                },
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "role": "lead"
+                }
+            ],
+            "description": "A ruleset for PHP_CodeSniffer to check for PHP cross-version compatibility issues in projects, while accounting for polyfills provided by WordPress.",
+            "homepage": "http://phpcompatibility.com/",
+            "keywords": [
+                "compatibility",
+                "phpcs",
+                "standards",
+                "static analysis",
+                "wordpress"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCompatibility/PHPCompatibilityWP/issues",
+                "security": "https://github.com/PHPCompatibility/PHPCompatibilityWP/security/policy",
+                "source": "https://github.com/PHPCompatibility/PHPCompatibilityWP"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCompatibility",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/phpcompatibility",
+                    "type": "thanks_dev"
+                }
+            ],
+            "time": "2025-10-18T00:05:59+00:00"
+        },
+        {
+            "name": "phpcsstandards/phpcsextra",
+            "version": "1.5.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCSStandards/PHPCSExtra.git",
+                "reference": "39467533fdb742446d68c1d10ac33d625ee0311c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCSStandards/PHPCSExtra/zipball/39467533fdb742446d68c1d10ac33d625ee0311c",
+                "reference": "39467533fdb742446d68c1d10ac33d625ee0311c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.4",
+                "phpcsstandards/phpcsutils": "^1.2.3",
+                "squizlabs/php_codesniffer": "^3.13.5 || ^4.0.1"
+            },
+            "require-dev": {
+                "php-parallel-lint/php-console-highlighter": "^1.0",
+                "php-parallel-lint/php-parallel-lint": "^1.4.0",
+                "phpcsstandards/phpcsdevcs": "^1.2.0",
+                "phpcsstandards/phpcsdevtools": "^1.2.1",
+                "phpunit/phpunit": "^4.5 || ^5.0 || ^6.0 || ^7.0 || ^8.0 || ^9.3.4"
+            },
+            "type": "phpcodesniffer-standard",
+            "extra": {
+                "branch-alias": {
+                    "dev-stable": "1.x-dev",
+                    "dev-develop": "1.x-dev"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "homepage": "https://github.com/jrfnl",
+                    "role": "lead"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCSStandards/PHPCSExtra/graphs/contributors"
+                }
+            ],
+            "description": "A collection of sniffs and standards for use with PHP_CodeSniffer.",
+            "keywords": [
+                "PHP_CodeSniffer",
+                "phpcbf",
+                "phpcodesniffer-standard",
+                "phpcs",
+                "standards",
+                "static analysis"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCSStandards/PHPCSExtra/issues",
+                "security": "https://github.com/PHPCSStandards/PHPCSExtra/security/policy",
+                "source": "https://github.com/PHPCSStandards/PHPCSExtra"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCSStandards",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/phpcsstandards",
+                    "type": "thanks_dev"
+                }
+            ],
+            "time": "2026-07-27T11:13:17+00:00"
+        },
+        {
+            "name": "phpcsstandards/phpcsutils",
+            "version": "1.2.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCSStandards/PHPCSUtils.git",
+                "reference": "5f35d9408c54d7b529501f3c688b6eae562aea1f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCSStandards/PHPCSUtils/zipball/5f35d9408c54d7b529501f3c688b6eae562aea1f",
+                "reference": "5f35d9408c54d7b529501f3c688b6eae562aea1f",
+                "shasum": ""
+            },
+            "require": {
+                "dealerdirect/phpcodesniffer-composer-installer": "^0.4.1 || ^0.5 || ^0.6.2 || ^0.7 || ^1.0",
+                "php": ">=5.4",
+                "squizlabs/php_codesniffer": "^3.13.5 || ^4.0.1"
+            },
+            "require-dev": {
+                "ext-filter": "*",
+                "php-parallel-lint/php-console-highlighter": "^1.0",
+                "php-parallel-lint/php-parallel-lint": "^1.4.0",
+                "phpcsstandards/phpcsdevcs": "^1.2.0",
+                "yoast/phpunit-polyfills": "^1.1.0 || ^2.0.0 || ^3.0.0"
+            },
+            "type": "phpcodesniffer-standard",
+            "extra": {
+                "branch-alias": {
+                    "dev-stable": "1.x-dev",
+                    "dev-develop": "1.x-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "PHPCSUtils/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "homepage": "https://github.com/jrfnl",
+                    "role": "lead"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCSStandards/PHPCSUtils/graphs/contributors"
+                }
+            ],
+            "description": "A suite of utility functions for use with PHP_CodeSniffer",
+            "homepage": "https://phpcsutils.com/",
+            "keywords": [
+                "PHP_CodeSniffer",
+                "phpcbf",
+                "phpcodesniffer-standard",
+                "phpcs",
+                "phpcs3",
+                "phpcs4",
+                "standards",
+                "static analysis",
+                "tokens",
+                "utility"
+            ],
+            "support": {
+                "docs": "https://phpcsutils.com/",
+                "issues": "https://github.com/PHPCSStandards/PHPCSUtils/issues",
+                "security": "https://github.com/PHPCSStandards/PHPCSUtils/security/policy",
+                "source": "https://github.com/PHPCSStandards/PHPCSUtils"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCSStandards",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/phpcsstandards",
+                    "type": "thanks_dev"
+                }
+            ],
+            "time": "2026-07-27T10:28:41+00:00"
+        },
+        {
+            "name": "phpunit/php-code-coverage",
+            "version": "9.2.32",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
+                "reference": "85402a822d1ecf1db1096959413d35e1c37cf1a5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/85402a822d1ecf1db1096959413d35e1c37cf1a5",
+                "reference": "85402a822d1ecf1db1096959413d35e1c37cf1a5",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-libxml": "*",
+                "ext-xmlwriter": "*",
+                "nikic/php-parser": "^4.19.1 || ^5.1.0",
+                "php": ">=7.3",
+                "phpunit/php-file-iterator": "^3.0.6",
+                "phpunit/php-text-template": "^2.0.4",
+                "sebastian/code-unit-reverse-lookup": "^2.0.3",
+                "sebastian/complexity": "^2.0.3",
+                "sebastian/environment": "^5.1.5",
+                "sebastian/lines-of-code": "^1.0.4",
+                "sebastian/version": "^3.0.2",
+                "theseer/tokenizer": "^1.2.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.6"
+            },
+            "suggest": {
+                "ext-pcov": "PHP extension that provides line coverage",
+                "ext-xdebug": "PHP extension that provides line coverage as well as branch and path coverage"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "9.2.x-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library that provides collection, processing, and rendering functionality for PHP code coverage information.",
+            "homepage": "https://github.com/sebastianbergmann/php-code-coverage",
+            "keywords": [
+                "coverage",
+                "testing",
+                "xunit"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
+                "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/9.2.32"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-08-22T04:23:01+00:00"
+        },
+        {
+            "name": "phpunit/php-file-iterator",
+            "version": "3.0.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
+                "reference": "cf1c2e7c203ac650e352f4cc675a7021e7d1b3cf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/cf1c2e7c203ac650e352f4cc675a7021e7d1b3cf",
+                "reference": "cf1c2e7c203ac650e352f4cc675a7021e7d1b3cf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "FilterIterator implementation that filters files based on a list of suffixes.",
+            "homepage": "https://github.com/sebastianbergmann/php-file-iterator/",
+            "keywords": [
+                "filesystem",
+                "iterator"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-file-iterator/issues",
+                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/3.0.6"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2021-12-02T12:48:52+00:00"
+        },
+        {
+            "name": "phpunit/php-invoker",
+            "version": "3.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-invoker.git",
+                "reference": "5a10147d0aaf65b58940a0b72f71c9ac0423cc67"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-invoker/zipball/5a10147d0aaf65b58940a0b72f71c9ac0423cc67",
+                "reference": "5a10147d0aaf65b58940a0b72f71c9ac0423cc67",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "ext-pcntl": "*",
+                "phpunit/phpunit": "^9.3"
+            },
+            "suggest": {
+                "ext-pcntl": "*"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.1-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Invoke callables with a timeout",
+            "homepage": "https://github.com/sebastianbergmann/php-invoker/",
+            "keywords": [
+                "process"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-invoker/issues",
+                "source": "https://github.com/sebastianbergmann/php-invoker/tree/3.1.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-09-28T05:58:55+00:00"
+        },
+        {
+            "name": "phpunit/php-text-template",
+            "version": "2.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-text-template.git",
+                "reference": "5da5f67fc95621df9ff4c4e5a84d6a8a2acf7c28"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/5da5f67fc95621df9ff4c4e5a84d6a8a2acf7c28",
+                "reference": "5da5f67fc95621df9ff4c4e5a84d6a8a2acf7c28",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Simple template engine.",
+            "homepage": "https://github.com/sebastianbergmann/php-text-template/",
+            "keywords": [
+                "template"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-text-template/issues",
+                "source": "https://github.com/sebastianbergmann/php-text-template/tree/2.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-10-26T05:33:50+00:00"
+        },
+        {
+            "name": "phpunit/php-timer",
+            "version": "5.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/php-timer.git",
+                "reference": "5a63ce20ed1b5bf577850e2c4e87f4aa902afbd2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/5a63ce20ed1b5bf577850e2c4e87f4aa902afbd2",
+                "reference": "5a63ce20ed1b5bf577850e2c4e87f4aa902afbd2",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "5.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Utility class for timing",
+            "homepage": "https://github.com/sebastianbergmann/php-timer/",
+            "keywords": [
+                "timer"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/php-timer/issues",
+                "source": "https://github.com/sebastianbergmann/php-timer/tree/5.0.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-10-26T13:16:10+00:00"
+        },
+        {
+            "name": "phpunit/phpunit",
+            "version": "9.6.36",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/phpunit.git",
+                "reference": "abab27ed286d3e1246fbbfe6b56bfd732d945ec9"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/abab27ed286d3e1246fbbfe6b56bfd732d945ec9",
+                "reference": "abab27ed286d3e1246fbbfe6b56bfd732d945ec9",
+                "shasum": ""
+            },
+            "require": {
+                "doctrine/instantiator": "^1.5.0 || ^2",
+                "ext-dom": "*",
+                "ext-filter": "*",
+                "ext-json": "*",
+                "ext-libxml": "*",
+                "ext-mbstring": "*",
+                "ext-xmlwriter": "*",
+                "myclabs/deep-copy": "^1.13.4",
+                "phar-io/manifest": "^2.0.4",
+                "phar-io/version": "^3.2.1",
+                "php": ">=7.3",
+                "phpunit/php-code-coverage": "^9.2.32",
+                "phpunit/php-file-iterator": "^3.0.6",
+                "phpunit/php-invoker": "^3.1.1",
+                "phpunit/php-text-template": "^2.0.4",
+                "phpunit/php-timer": "^5.0.3",
+                "sebastian/cli-parser": "^1.0.2",
+                "sebastian/code-unit": "^1.0.8",
+                "sebastian/comparator": "^4.0.10",
+                "sebastian/diff": "^4.0.6",
+                "sebastian/environment": "^5.1.5",
+                "sebastian/exporter": "^4.0.9",
+                "sebastian/global-state": "^5.0.8",
+                "sebastian/object-enumerator": "^4.0.4",
+                "sebastian/resource-operations": "^3.0.4",
+                "sebastian/type": "^3.2.1",
+                "sebastian/version": "^3.0.2"
+            },
+            "suggest": {
+                "ext-soap": "To be able to generate mocks based on WSDL files",
+                "ext-xdebug": "PHP extension that provides line coverage as well as branch and path coverage"
+            },
+            "bin": [
+                "phpunit"
+            ],
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "9.6-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/Framework/Assert/Functions.php"
+                ],
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "The PHP Unit Testing framework.",
+            "homepage": "https://phpunit.de/",
+            "keywords": [
+                "phpunit",
+                "testing",
+                "xunit"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/phpunit/issues",
+                "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/9.6.36"
+            },
+            "funding": [
+                {
+                    "url": "https://phpunit.de/sponsoring.html",
+                    "type": "other"
+                }
+            ],
+            "time": "2026-08-11T06:25:15+00:00"
+        },
+        {
+            "name": "sebastian/cli-parser",
+            "version": "1.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/cli-parser.git",
+                "reference": "2b56bea83a09de3ac06bb18b92f068e60cc6f50b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/cli-parser/zipball/2b56bea83a09de3ac06bb18b92f068e60cc6f50b",
+                "reference": "2b56bea83a09de3ac06bb18b92f068e60cc6f50b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library for parsing CLI options",
+            "homepage": "https://github.com/sebastianbergmann/cli-parser",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/cli-parser/issues",
+                "source": "https://github.com/sebastianbergmann/cli-parser/tree/1.0.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-03-02T06:27:43+00:00"
+        },
+        {
+            "name": "sebastian/code-unit",
+            "version": "1.0.8",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/code-unit.git",
+                "reference": "1fc9f64c0927627ef78ba436c9b17d967e68e120"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/code-unit/zipball/1fc9f64c0927627ef78ba436c9b17d967e68e120",
+                "reference": "1fc9f64c0927627ef78ba436c9b17d967e68e120",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Collection of value objects that represent the PHP code units",
+            "homepage": "https://github.com/sebastianbergmann/code-unit",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/code-unit/issues",
+                "source": "https://github.com/sebastianbergmann/code-unit/tree/1.0.8"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-10-26T13:08:54+00:00"
+        },
+        {
+            "name": "sebastian/code-unit-reverse-lookup",
+            "version": "2.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/code-unit-reverse-lookup.git",
+                "reference": "ac91f01ccec49fb77bdc6fd1e548bc70f7faa3e5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/code-unit-reverse-lookup/zipball/ac91f01ccec49fb77bdc6fd1e548bc70f7faa3e5",
+                "reference": "ac91f01ccec49fb77bdc6fd1e548bc70f7faa3e5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Looks up which function or method a line of code belongs to",
+            "homepage": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/issues",
+                "source": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/tree/2.0.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-09-28T05:30:19+00:00"
+        },
+        {
+            "name": "sebastian/comparator",
+            "version": "4.0.10",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/comparator.git",
+                "reference": "e4df00b9b3571187db2831ae9aada2c6efbd715d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/e4df00b9b3571187db2831ae9aada2c6efbd715d",
+                "reference": "e4df00b9b3571187db2831ae9aada2c6efbd715d",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3",
+                "sebastian/diff": "^4.0",
+                "sebastian/exporter": "^4.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Jeff Welch",
+                    "email": "whatthejeff@gmail.com"
+                },
+                {
+                    "name": "Volker Dusch",
+                    "email": "github@wallbash.com"
+                },
+                {
+                    "name": "Bernhard Schussek",
+                    "email": "bschussek@2bepublished.at"
+                }
+            ],
+            "description": "Provides the functionality to compare PHP values for equality",
+            "homepage": "https://github.com/sebastianbergmann/comparator",
+            "keywords": [
+                "comparator",
+                "compare",
+                "equality"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/comparator/issues",
+                "source": "https://github.com/sebastianbergmann/comparator/tree/4.0.10"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/comparator",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-01-24T09:22:56+00:00"
+        },
+        {
+            "name": "sebastian/complexity",
+            "version": "2.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/complexity.git",
+                "reference": "25f207c40d62b8b7aa32f5ab026c53561964053a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/25f207c40d62b8b7aa32f5ab026c53561964053a",
+                "reference": "25f207c40d62b8b7aa32f5ab026c53561964053a",
+                "shasum": ""
+            },
+            "require": {
+                "nikic/php-parser": "^4.18 || ^5.0",
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library for calculating the complexity of PHP code units",
+            "homepage": "https://github.com/sebastianbergmann/complexity",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/complexity/issues",
+                "source": "https://github.com/sebastianbergmann/complexity/tree/2.0.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-12-22T06:19:30+00:00"
+        },
+        {
+            "name": "sebastian/diff",
+            "version": "4.0.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/diff.git",
+                "reference": "ba01945089c3a293b01ba9badc29ad55b106b0bc"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/ba01945089c3a293b01ba9badc29ad55b106b0bc",
+                "reference": "ba01945089c3a293b01ba9badc29ad55b106b0bc",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3",
+                "symfony/process": "^4.2 || ^5"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Kore Nordmann",
+                    "email": "mail@kore-nordmann.de"
+                }
+            ],
+            "description": "Diff implementation",
+            "homepage": "https://github.com/sebastianbergmann/diff",
+            "keywords": [
+                "diff",
+                "udiff",
+                "unidiff",
+                "unified diff"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/diff/issues",
+                "source": "https://github.com/sebastianbergmann/diff/tree/4.0.6"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-03-02T06:30:58+00:00"
+        },
+        {
+            "name": "sebastian/environment",
+            "version": "5.1.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/environment.git",
+                "reference": "830c43a844f1f8d5b7a1f6d6076b784454d8b7ed"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/830c43a844f1f8d5b7a1f6d6076b784454d8b7ed",
+                "reference": "830c43a844f1f8d5b7a1f6d6076b784454d8b7ed",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "suggest": {
+                "ext-posix": "*"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "5.1-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Provides functionality to handle HHVM/PHP environments",
+            "homepage": "http://www.github.com/sebastianbergmann/environment",
+            "keywords": [
+                "Xdebug",
+                "environment",
+                "hhvm"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/environment/issues",
+                "source": "https://github.com/sebastianbergmann/environment/tree/5.1.5"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-02-03T06:03:51+00:00"
+        },
+        {
+            "name": "sebastian/exporter",
+            "version": "4.0.9",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/exporter.git",
+                "reference": "4352c1a3df741a7ba9e61af6fed51d1fee41cbf7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/4352c1a3df741a7ba9e61af6fed51d1fee41cbf7",
+                "reference": "4352c1a3df741a7ba9e61af6fed51d1fee41cbf7",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3",
+                "sebastian/recursion-context": "^4.0"
+            },
+            "require-dev": {
+                "ext-mbstring": "*",
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Jeff Welch",
+                    "email": "whatthejeff@gmail.com"
+                },
+                {
+                    "name": "Volker Dusch",
+                    "email": "github@wallbash.com"
+                },
+                {
+                    "name": "Adam Harvey",
+                    "email": "aharvey@php.net"
+                },
+                {
+                    "name": "Bernhard Schussek",
+                    "email": "bschussek@gmail.com"
+                }
+            ],
+            "description": "Provides the functionality to export PHP variables for visualization",
+            "homepage": "https://www.github.com/sebastianbergmann/exporter",
+            "keywords": [
+                "export",
+                "exporter"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/exporter/issues",
+                "source": "https://github.com/sebastianbergmann/exporter/tree/4.0.9"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/exporter",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-08-11T04:55:59+00:00"
+        },
+        {
+            "name": "sebastian/global-state",
+            "version": "5.0.8",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/global-state.git",
+                "reference": "b6781316bdcd28260904e7cc18ec983d0d2ef4f6"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/b6781316bdcd28260904e7cc18ec983d0d2ef4f6",
+                "reference": "b6781316bdcd28260904e7cc18ec983d0d2ef4f6",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3",
+                "sebastian/object-reflector": "^2.0",
+                "sebastian/recursion-context": "^4.0"
+            },
+            "require-dev": {
+                "ext-dom": "*",
+                "phpunit/phpunit": "^9.3"
+            },
+            "suggest": {
+                "ext-uopz": "*"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "5.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Snapshotting of global state",
+            "homepage": "http://www.github.com/sebastianbergmann/global-state",
+            "keywords": [
+                "global state"
+            ],
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/global-state/issues",
+                "source": "https://github.com/sebastianbergmann/global-state/tree/5.0.8"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/global-state",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-08-10T07:10:35+00:00"
+        },
+        {
+            "name": "sebastian/lines-of-code",
+            "version": "1.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/lines-of-code.git",
+                "reference": "e1e4a170560925c26d424b6a03aed157e7dcc5c5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/lines-of-code/zipball/e1e4a170560925c26d424b6a03aed157e7dcc5c5",
+                "reference": "e1e4a170560925c26d424b6a03aed157e7dcc5c5",
+                "shasum": ""
+            },
+            "require": {
+                "nikic/php-parser": "^4.18 || ^5.0",
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library for counting the lines of code in PHP source code",
+            "homepage": "https://github.com/sebastianbergmann/lines-of-code",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/lines-of-code/issues",
+                "source": "https://github.com/sebastianbergmann/lines-of-code/tree/1.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-12-22T06:20:34+00:00"
+        },
+        {
+            "name": "sebastian/object-enumerator",
+            "version": "4.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/object-enumerator.git",
+                "reference": "5c9eeac41b290a3712d88851518825ad78f45c71"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/object-enumerator/zipball/5c9eeac41b290a3712d88851518825ad78f45c71",
+                "reference": "5c9eeac41b290a3712d88851518825ad78f45c71",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3",
+                "sebastian/object-reflector": "^2.0",
+                "sebastian/recursion-context": "^4.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Traverses array structures and object graphs to enumerate all referenced objects",
+            "homepage": "https://github.com/sebastianbergmann/object-enumerator/",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/object-enumerator/issues",
+                "source": "https://github.com/sebastianbergmann/object-enumerator/tree/4.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-10-26T13:12:34+00:00"
+        },
+        {
+            "name": "sebastian/object-reflector",
+            "version": "2.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/object-reflector.git",
+                "reference": "b4f479ebdbf63ac605d183ece17d8d7fe49c15c7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/object-reflector/zipball/b4f479ebdbf63ac605d183ece17d8d7fe49c15c7",
+                "reference": "b4f479ebdbf63ac605d183ece17d8d7fe49c15c7",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Allows reflection of object attributes, including inherited and non-public ones",
+            "homepage": "https://github.com/sebastianbergmann/object-reflector/",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/object-reflector/issues",
+                "source": "https://github.com/sebastianbergmann/object-reflector/tree/2.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-10-26T13:14:26+00:00"
+        },
+        {
+            "name": "sebastian/recursion-context",
+            "version": "4.0.7",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/recursion-context.git",
+                "reference": "c85be6922b7fd365942b986b9a50397d65407611"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/recursion-context/zipball/c85be6922b7fd365942b986b9a50397d65407611",
+                "reference": "c85be6922b7fd365942b986b9a50397d65407611",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Jeff Welch",
+                    "email": "whatthejeff@gmail.com"
+                },
+                {
+                    "name": "Adam Harvey",
+                    "email": "aharvey@php.net"
+                }
+            ],
+            "description": "Provides functionality to recursively process PHP variables",
+            "homepage": "https://github.com/sebastianbergmann/recursion-context",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/recursion-context/issues",
+                "source": "https://github.com/sebastianbergmann/recursion-context/tree/4.0.7"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                },
+                {
+                    "url": "https://liberapay.com/sebastianbergmann",
+                    "type": "liberapay"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
+                    "type": "thanks_dev"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/sebastian/recursion-context",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2026-08-11T05:25:24+00:00"
+        },
+        {
+            "name": "sebastian/resource-operations",
+            "version": "3.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/resource-operations.git",
+                "reference": "05d5692a7993ecccd56a03e40cd7e5b09b1d404e"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/resource-operations/zipball/05d5692a7993ecccd56a03e40cd7e5b09b1d404e",
+                "reference": "05d5692a7993ecccd56a03e40cd7e5b09b1d404e",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                }
+            ],
+            "description": "Provides a list of PHP built-in functions that operate on resources",
+            "homepage": "https://www.github.com/sebastianbergmann/resource-operations",
+            "support": {
+                "source": "https://github.com/sebastianbergmann/resource-operations/tree/3.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-03-14T16:00:52+00:00"
+        },
+        {
+            "name": "sebastian/type",
+            "version": "3.2.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/type.git",
+                "reference": "75e2c2a32f5e0b3aef905b9ed0b179b953b3d7c7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/type/zipball/75e2c2a32f5e0b3aef905b9ed0b179b953b3d7c7",
+                "reference": "75e2c2a32f5e0b3aef905b9ed0b179b953b3d7c7",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^9.5"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.2-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Collection of value objects that represent the types of the PHP type system",
+            "homepage": "https://github.com/sebastianbergmann/type",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/type/issues",
+                "source": "https://github.com/sebastianbergmann/type/tree/3.2.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-02-03T06:13:03+00:00"
+        },
+        {
+            "name": "sebastian/version",
+            "version": "3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sebastianbergmann/version.git",
+                "reference": "c6c1022351a901512170118436c764e473f6de8c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sebastianbergmann/version/zipball/c6c1022351a901512170118436c764e473f6de8c",
+                "reference": "c6c1022351a901512170118436c764e473f6de8c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.0-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de",
+                    "role": "lead"
+                }
+            ],
+            "description": "Library that helps with managing the version number of Git-hosted PHP projects",
+            "homepage": "https://github.com/sebastianbergmann/version",
+            "support": {
+                "issues": "https://github.com/sebastianbergmann/version/issues",
+                "source": "https://github.com/sebastianbergmann/version/tree/3.0.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-09-28T06:39:44+00:00"
+        },
+        {
+            "name": "squizlabs/php_codesniffer",
+            "version": "3.13.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCSStandards/PHP_CodeSniffer.git",
+                "reference": "4c378e1a528ea066890fc2397cbdd2f94eb2fc91"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCSStandards/PHP_CodeSniffer/zipball/4c378e1a528ea066890fc2397cbdd2f94eb2fc91",
+                "reference": "4c378e1a528ea066890fc2397cbdd2f94eb2fc91",
+                "shasum": ""
+            },
+            "require": {
+                "ext-simplexml": "*",
+                "ext-tokenizer": "*",
+                "ext-xmlwriter": "*",
+                "php": ">=5.4.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^4.0 || ^5.0 || ^6.0 || ^7.0 || ^8.0 || ^9.3.4"
+            },
+            "bin": [
+                "bin/phpcbf",
+                "bin/phpcs"
+            ],
+            "type": "library",
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Greg Sherwood",
+                    "role": "Former lead"
+                },
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "role": "Current lead"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCSStandards/PHP_CodeSniffer/graphs/contributors"
+                }
+            ],
+            "description": "PHP_CodeSniffer tokenizes PHP, JavaScript and CSS files and detects violations of a defined set of coding standards.",
+            "homepage": "https://github.com/PHPCSStandards/PHP_CodeSniffer",
+            "keywords": [
+                "phpcs",
+                "standards",
+                "static analysis"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCSStandards/PHP_CodeSniffer/issues",
+                "security": "https://github.com/PHPCSStandards/PHP_CodeSniffer/security/policy",
+                "source": "https://github.com/PHPCSStandards/PHP_CodeSniffer",
+                "wiki": "https://github.com/PHPCSStandards/PHP_CodeSniffer/wiki"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCSStandards",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://thanks.dev/u/gh/phpcsstandards",
+                    "type": "thanks_dev"
+                }
+            ],
+            "time": "2026-08-06T00:17:32+00:00"
+        },
+        {
+            "name": "theseer/tokenizer",
+            "version": "1.3.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/theseer/tokenizer.git",
+                "reference": "b7489ce515e168639d17feec34b8847c326b0b3c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/theseer/tokenizer/zipball/b7489ce515e168639d17feec34b8847c326b0b3c",
+                "reference": "b7489ce515e168639d17feec34b8847c326b0b3c",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-tokenizer": "*",
+                "ext-xmlwriter": "*",
+                "php": "^7.2 || ^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "classmap": [
+                    "src/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Arne Blankerts",
+                    "email": "arne@blankerts.de",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A small library for converting tokenized PHP source code into XML and potentially other formats",
+            "support": {
+                "issues": "https://github.com/theseer/tokenizer/issues",
+                "source": "https://github.com/theseer/tokenizer/tree/1.3.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/theseer",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-11-17T20:03:58+00:00"
+        },
+        {
+            "name": "wp-coding-standards/wpcs",
+            "version": "3.4.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/WordPress/WordPress-Coding-Standards.git",
+                "reference": "ec2ff942335f33683a5957a85d138753876a05cf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/WordPress/WordPress-Coding-Standards/zipball/ec2ff942335f33683a5957a85d138753876a05cf",
+                "reference": "ec2ff942335f33683a5957a85d138753876a05cf",
+                "shasum": ""
+            },
+            "require": {
+                "ext-filter": "*",
+                "ext-libxml": "*",
+                "ext-tokenizer": "*",
+                "ext-xmlreader": "*",
+                "php": ">=7.2",
+                "phpcsstandards/phpcsextra": "^1.5.1",
+                "phpcsstandards/phpcsutils": "^1.2.3",
+                "squizlabs/php_codesniffer": "^3.13.5"
+            },
+            "require-dev": {
+                "php-parallel-lint/php-console-highlighter": "^1.0.0",
+                "php-parallel-lint/php-parallel-lint": "^1.4.0",
+                "phpcompatibility/php-compatibility": "^10.0.0@dev",
+                "phpcsstandards/phpcsdevtools": "^1.2.0",
+                "phpunit/phpunit": "^8.0 || ^9.0"
+            },
+            "suggest": {
+                "ext-iconv": "For improved results",
+                "ext-mbstring": "For improved results"
+            },
+            "type": "phpcodesniffer-standard",
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/WordPress/WordPress-Coding-Standards/graphs/contributors"
+                }
+            ],
+            "description": "PHP_CodeSniffer rules (sniffs) to enforce WordPress coding conventions",
+            "keywords": [
+                "phpcs",
+                "standards",
+                "static analysis",
+                "wordpress"
+            ],
+            "support": {
+                "issues": "https://github.com/WordPress/WordPress-Coding-Standards/issues",
+                "source": "https://github.com/WordPress/WordPress-Coding-Standards",
+                "wiki": "https://github.com/WordPress/WordPress-Coding-Standards/wiki"
+            },
+            "funding": [
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "custom"
+                }
+            ],
+            "time": "2026-07-27T11:53:23+00:00"
+        },
+        {
+            "name": "yoast/phpunit-polyfills",
+            "version": "2.0.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Yoast/PHPUnit-Polyfills.git",
+                "reference": "1a6aecc9ebe4a9cea4e1047d0e6c496e52314c27"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Yoast/PHPUnit-Polyfills/zipball/1a6aecc9ebe4a9cea4e1047d0e6c496e52314c27",
+                "reference": "1a6aecc9ebe4a9cea4e1047d0e6c496e52314c27",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "phpunit/phpunit": "^5.7.21 || ^6.0 || ^7.0 || ^8.0 || ^9.0 || ^10.0"
+            },
+            "require-dev": {
+                "php-parallel-lint/php-console-highlighter": "^1.0.0",
+                "php-parallel-lint/php-parallel-lint": "^1.4.0",
+                "yoast/yoastcs": "^3.2.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "4.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "phpunitpolyfills-autoload.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Team Yoast",
+                    "email": "support@yoast.com",
+                    "homepage": "https://yoast.com"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/Yoast/PHPUnit-Polyfills/graphs/contributors"
+                }
+            ],
+            "description": "Set of polyfills for changed PHPUnit functionality to allow for creating PHPUnit cross-version compatible tests",
+            "homepage": "https://github.com/Yoast/PHPUnit-Polyfills",
+            "keywords": [
+                "phpunit",
+                "polyfill",
+                "testing"
+            ],
+            "support": {
+                "issues": "https://github.com/Yoast/PHPUnit-Polyfills/issues",
+                "security": "https://github.com/Yoast/PHPUnit-Polyfills/security/policy",
+                "source": "https://github.com/Yoast/PHPUnit-Polyfills"
+            },
+            "time": "2025-08-10T05:13:49+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "stable",
+    "stability-flags": {},
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": {
+        "php": ">=7.4"
+    },
+    "platform-dev": {},
+    "platform-overrides": {
+        "php": "7.4.33"
+    },
+    "plugin-api-version": "2.9.0"
+}
diff --git a/docs/field-types.md b/docs/field-types.md
index 1fd5acd..402e9fd 100644
--- a/docs/field-types.md
+++ b/docs/field-types.md
@@ -66,11 +66,67 @@ make an optional number field look answered and a required one pass validation.
 
 ### `supports` — what the inspector shows
 
+A flag here makes the inspector draw the control for that setting. Every one of
+them is real: a flag the builder has no control for is a setting nobody can
+reach, and `tests/vitest/field-settings.test.ts` fails if one appears.
+
+**Common to every input** — `atf_input_supports()` adds these:
+
 `label`, `placeholder`, `hint`, `required`, `default`, `width`, `css`, `prefill`,
-`logic`, `choices`, `min`, `max`, `step`, `minlength`, `maxlength`, `pattern`,
-`unique`, `confirm`, `other`, `inline`, `multiple`, `minchoices`, `maxchoices`,
-`mindate`, `maxdate`, `filetypes`, `maxsize`, `maxfiles`, `formula`, `currency`,
-`rows`, `parts`, `correct`, `points`.
+`logic`.
+
+**Content and layout**
+
+| Flag | Writes | Control |
+|---|---|---|
+| `choices` | `choices` | The choices editor, and the option list on the canvas |
+| `correct` | `correct` | Marks the right answer in the choices editor |
+| `rows` | `rows` | A line count on a textarea; the statement list on a Likert matrix |
+| `parts` | `parts` | A tick box per part, listed by the server |
+| `level` | `level` | Heading level, 2–6 |
+| `content` | `content` | The markup in an HTML block |
+| `height` | `height` | A spacer's height in pixels |
+| `consenttext` | `consentText` | What a consent tick box is agreeing to |
+| `columns` | `columns` | How many pictures sit side by side |
+| `multiple` | `multiple` | Whether more than one may be chosen |
+| `inline` | `inline` | Lays the options out in a row |
+| `other` | `other` | Adds an "Other" option with a box |
+
+**Wording**
+
+| Flag | Writes | Control |
+|---|---|---|
+| `nextlabel` | `nextLabel` | The page break's forward button, edited on the button itself |
+| `prevlabel` | `prevLabel` | The button that comes back from the page after |
+| `addlabel` | `addLabel` | The repeater's add button |
+| `endlabels` | `minLabel`, `maxLabel` | The words on the ends of a scale |
+
+**Bounds and validation**
+
+| Flag | Writes | Control |
+|---|---|---|
+| `min` / `max` | `min`, `max` | A pair, or `max` alone where a type has no floor |
+| `step` | `step` | The interval a number or time moves in |
+| `minlength` / `maxlength` | `minlength`, `maxlength` | A pair |
+| `mindate` / `maxdate` | `minDate`, `maxDate` | A pair |
+| `mintime` / `maxtime` | `minTime`, `maxTime` | A pair |
+| `minchoices` / `maxchoices` | `minChoices`, `maxChoices` | How many may be picked |
+| `minrows` / `maxrows` | `minRows`, `maxRows` | How many repeater rows |
+| `maxsize` / `maxfiles` | `maxsize`, `maxfiles` | Largest file, and how many |
+| `filetypes` | `filetypes` | Accepted extensions, typed with commas |
+| `pattern` | `pattern` | A regular expression |
+| `unique` | `unique` | No two submissions may share the value |
+| `formula` / `currency` | `formula`, `currency` | A calculation and its symbol |
+| `points` | `points` | What a quiz answer is worth |
+
+The flag is lower-case, by WordPress convention; the property it writes is
+camelCase. They differ often enough — `minrows` writes `minRows` — that the two
+are worth reading as separate things.
+
+Note that `supports` describes settings that exist. `calc`, `confirm`, `counter`,
+`searchable`, `disabledays`, `defaultcountry`, `explanation` and a rating `icon`
+were declared before 0.1.0 and read by nothing; they have been removed rather
+than given controls that would do nothing.
 
 `atf_input_supports()` gives you the common set:
 
diff --git a/docs/hooks-reference.md b/docs/hooks-reference.md
index bcdc4fa..20d3b7f 100644
--- a/docs/hooks-reference.md
+++ b/docs/hooks-reference.md
@@ -84,6 +84,11 @@ apply_filters( 'atf_address_parts', array $parts );
 
 The sub-fields a composite offers, as `key => array( 'label' => …, 'autocomplete' => … )`.
 
+Both are read by the renderer *and* sent to the builder — the `/config` route
+returns the resolved list as each type's `parts`, so the tick boxes offering
+which parts to ask for are your filtered set rather than a copy of the
+defaults. Add a part here and it appears in the builder without further work.
+
 ### `atf_countries` — Filter — *Stable*
 
 ```php
diff --git a/docs/javascript.md b/docs/javascript.md
index e301547..10551cc 100644
--- a/docs/javascript.md
+++ b/docs/javascript.md
@@ -182,6 +182,12 @@ Namespace `allterrain-forms/v1`. Everything but two routes requires
 | `/themes` | GET, POST | `atf_edit_forms` |
 | `/themes/<id>` | DELETE | `atf_edit_forms` |
 
+`/config` returns every registered field type with its `supports`, its
+`settings` defaults, and — for a composite — the `parts` it can be told to
+show, resolved through `atf_name_parts` / `atf_address_parts`. The builder
+draws its controls from that, so a field type registered by a plugin gets the
+same inspector the built-ins do without shipping any JavaScript.
+
 `/submit` is public **by definition** — it is how a stranger sends a form. It is
 the one route with a `permission_callback` returning true, and everything
 downstream of it treats its input as hostile. The checks that would normally live
diff --git a/includes/field-types.php b/includes/field-types.php
index a07ff47..2926a5f 100644
--- a/includes/field-types.php
+++ b/includes/field-types.php
@@ -62,7 +62,7 @@ function atf_register_builtin_field_types() {
 			'group'       => 'text',
 			'icon'        => 'dashicons-editor-paragraph',
 			'value'       => 'text',
-			'supports'    => atf_input_supports( array( 'minlength', 'maxlength', 'rows', 'counter' ) ),
+			'supports'    => atf_input_supports( array( 'minlength', 'maxlength', 'rows' ) ),
 			'settings'    => array( 'rows' => 5 ),
 			'position'    => 20,
 		)
@@ -76,7 +76,7 @@ function atf_register_builtin_field_types() {
 			'group'       => 'text',
 			'icon'        => 'dashicons-email',
 			'value'       => 'string',
-			'supports'    => atf_input_supports( array( 'confirm', 'unique' ) ),
+			'supports'    => atf_input_supports( array( 'unique' ) ),
 			'sanitize'    => static function ( $raw ) {
 				return sanitize_email( (string) ( is_scalar( $raw ) ? $raw : '' ) );
 			},
@@ -138,7 +138,7 @@ function atf_register_builtin_field_types() {
 			'group'    => 'text',
 			'icon'     => 'dashicons-calculator',
 			'value'    => 'number',
-			'supports' => atf_input_supports( array( 'min', 'max', 'step', 'calc' ) ),
+			'supports' => atf_input_supports( array( 'min', 'max', 'step' ) ),
 			'settings' => array( 'step' => '' ),
 			'position' => 60,
 		)
@@ -152,7 +152,7 @@ function atf_register_builtin_field_types() {
 			'group'       => 'text',
 			'icon'        => 'dashicons-lock',
 			'value'       => 'string',
-			'supports'    => atf_input_supports( array( 'minlength', 'confirm' ) ),
+			'supports'    => atf_input_supports( array( 'minlength' ) ),
 			// A password is the one value the entry must not keep. The
 			// registration action reads it out of the submission while it is
 			// still in memory; by storage time this has replaced it, so an
@@ -187,7 +187,7 @@ function atf_register_builtin_field_types() {
 			'icon'     => 'dashicons-arrow-down-alt2',
 			'value'    => 'string',
 			'choices'  => true,
-			'supports' => atf_input_supports( array( 'choices', 'placeholder', 'searchable' ) ),
+			'supports' => atf_input_supports( array( 'choices', 'placeholder' ) ),
 			'format'   => 'atf_format_choice_value',
 			'position' => 10,
 		)
@@ -272,7 +272,7 @@ function atf_register_builtin_field_types() {
 			'group'    => 'datetime',
 			'icon'     => 'dashicons-calendar-alt',
 			'value'    => 'string',
-			'supports' => atf_input_supports( array( 'mindate', 'maxdate', 'disabledays' ) ),
+			'supports' => atf_input_supports( array( 'mindate', 'maxdate' ) ),
 			'validate' => 'atf_validate_date_value',
 			'position' => 10,
 		)
@@ -379,11 +379,8 @@ function atf_register_builtin_field_types() {
 			'group'    => 'advanced',
 			'icon'     => 'dashicons-star-filled',
 			'value'    => 'number',
-			'supports' => atf_input_supports( array( 'max', 'icon' ) ),
-			'settings' => array(
-				'max'  => 5,
-				'icon' => 'star',
-			),
+			'supports' => atf_input_supports( array( 'max' ) ),
+			'settings' => array( 'max' => 5 ),
 			'position' => 30,
 		)
 	);
@@ -430,7 +427,7 @@ function atf_register_builtin_field_types() {
 			'group'    => 'advanced',
 			'icon'     => 'dashicons-leftright',
 			'value'    => 'number',
-			'supports' => atf_input_supports( array( 'min', 'max', 'step', 'calc' ) ),
+			'supports' => atf_input_supports( array( 'min', 'max', 'step' ) ),
 			'settings' => array(
 				'min'  => 0,
 				'max'  => 100,
@@ -500,7 +497,7 @@ function atf_register_builtin_field_types() {
 			'group'    => 'advanced',
 			'icon'     => 'dashicons-location',
 			'value'    => 'object',
-			'supports' => atf_input_supports( array( 'parts', 'defaultcountry' ) ),
+			'supports' => atf_input_supports( array( 'parts' ) ),
 			'settings' => array(
 				'parts' => array( 'line1', 'line2', 'city', 'region', 'postcode', 'country' ),
 			),
@@ -540,7 +537,7 @@ function atf_register_builtin_field_types() {
 			'group'       => 'advanced',
 			'icon'        => 'dashicons-plus-alt',
 			'value'       => 'array',
-			'supports'    => array( 'label', 'hint', 'required', 'width', 'css', 'logic', 'minrows', 'maxrows' ),
+			'supports'    => array( 'label', 'hint', 'required', 'width', 'css', 'logic', 'minrows', 'maxrows', 'addlabel' ),
 			'settings'    => array(
 				'fields'   => array(),
 				'minRows'  => 1,
@@ -681,11 +678,10 @@ function atf_register_builtin_field_types() {
 			'icon'        => 'dashicons-awards',
 			'value'       => 'string',
 			'choices'     => true,
-			'supports'    => atf_input_supports( array( 'choices', 'correct', 'points', 'explanation' ) ),
+			'supports'    => atf_input_supports( array( 'choices', 'correct', 'points' ) ),
 			'settings'    => array(
-				'correct'     => '',
-				'points'      => 1,
-				'explanation' => '',
+				'correct' => '',
+				'points'  => 1,
 			),
 			'format'      => 'atf_format_choice_value',
 			'position'    => 30,
diff --git a/includes/fields.php b/includes/fields.php
index 9744cf6..f54452c 100644
--- a/includes/fields.php
+++ b/includes/fields.php
@@ -471,3 +471,37 @@ function atf_choice_label( $value, $field ) {
 
 	return (string) $value;
 }
+
+/**
+ * The parts a composite field type can be told to show.
+ *
+ * Both lists are filterable, so the builder is sent the resolved set rather than
+ * carrying a copy: a builder offering a fixed five parts while the renderer draws
+ * a filtered seven is a builder that cannot reach two of them, and nothing about
+ * that failure looks like a bug from either side.
+ *
+ * @since 0.1.0
+ *
+ * @param string $type The field type slug.
+ * @return array<int, array<string, string>> Part key and label, in render order.
+ */
+function atf_field_type_parts( $type ) {
+	if ( 'name' === $type ) {
+		$parts = atf_name_parts();
+	} elseif ( 'address' === $type ) {
+		$parts = atf_address_parts();
+	} else {
+		return array();
+	}
+
+	$out = array();
+
+	foreach ( $parts as $key => $part ) {
+		$out[] = array(
+			'key'   => (string) $key,
+			'label' => isset( $part['label'] ) ? (string) $part['label'] : (string) $key,
+		);
+	}
+
+	return $out;
+}
diff --git a/includes/render-controls.php b/includes/render-controls.php
index 8c92618..e00ac78 100644
--- a/includes/render-controls.php
+++ b/includes/render-controls.php
@@ -426,9 +426,18 @@ function atf_render_single_checkbox( $field, $value, $context ) {
 
 	$attributes = atf_control_attributes( $field, $context );
 
+	// A Toggle is drawn as a switch and a Consent as a tick box. They behave
+	// identically — both are one checkbox — but they say different things: a
+	// switch reads as "this setting is on", and consent reads as "I have agreed",
+	// which is a statement a tick box makes and a switch does not. Calling the
+	// field type "Toggle" and then drawing a checkbox was the naming lying about
+	// the control.
+	$modifier = 'switch' === $field['type'] ? ' atf-toggle--switch' : '';
+
 	return sprintf(
-		'<div class="atf-toggle"><input type="checkbox" class="atf-toggle__input"%s value="1"%s data-atf-input>'
+		'<div class="atf-toggle%s"><input type="checkbox" class="atf-toggle__input"%s value="1"%s data-atf-input>'
 		. '<label class="atf-toggle__label" for="%s">%s%s</label></div>',
+		$modifier,
 		$attributes,
 		$value ? ' checked' : '',
 		esc_attr( $context['id'] ),
diff --git a/includes/render.php b/includes/render.php
index d2b4645..f0affb8 100644
--- a/includes/render.php
+++ b/includes/render.php
@@ -114,7 +114,18 @@ function atf_render_form( $form_id, $args = array() ) {
 		esc_attr( $instance )
 	);
 
-	$css = atf_tokens_to_css( $scope . ' .atf-form', $tokens );
+	// Scoped to the wrapper, not to the form.
+	//
+	// The title is rendered *outside* the `<form>` — it is the heading for the
+	// thing, not a part of it — so tokens declared on `.atf-form` never reached
+	// it. Every one of its `var( --atf-* )` values was therefore invalid, which
+	// takes the whole declaration with it: the title has been wearing the site
+	// theme's `h2` rather than the form's, and its bottom margin resolved to
+	// nothing, leaving it sitting on top of the step indicator.
+	//
+	// The wrapper carries the instance id already, so scoping there costs nothing
+	// and covers everything the renderer emits for this form.
+	$css = atf_tokens_to_css( $scope, $tokens );
 
 	if ( '' !== $css ) {
 		// Inline rather than enqueued, because the tokens depend on which form
@@ -196,7 +207,14 @@ function atf_render_form( $form_id, $args = array() ) {
 	}
 
 	foreach ( $pages as $index => $page ) {
-		$out .= atf_render_page( $page, $index, count( $pages ), $schema, $values, $args['errors'], $instance );
+		// A break separates two pages, and both of its buttons belong to that one
+		// transition: its `nextLabel` is the forward button on the page it closes,
+		// and its `prevLabel` is the button that comes back from the page after.
+		// So a page's Back button is worded by the *previous* page's break — the
+		// same break whose Next brought the visitor here.
+		$arrived_by = $index > 0 && isset( $pages[ $index - 1 ]['break'] ) ? $pages[ $index - 1 ]['break'] : null;
+
+		$out .= atf_render_page( $page, $index, count( $pages ), $schema, $values, $args['errors'], $instance, $arrived_by );
 	}
 
 	// After the last page, so a multi-page form asks its question at the end
@@ -542,16 +560,19 @@ function atf_render_progress( $pages, $settings ) {
  *
  * @since 0.1.0
  *
- * @param array  $page     The page.
- * @param int    $index    Its zero-based index.
- * @param int    $total    How many pages there are.
- * @param array  $schema   The form schema.
- * @param array  $values   Current values.
- * @param array  $errors   Field id => message.
- * @param string $instance The render's DOM id prefix.
+ * @param array  $page       The page.
+ * @param int    $index      Its zero-based index.
+ * @param int    $total      How many pages there are.
+ * @param array  $schema     The form schema.
+ * @param array  $values     Current values.
+ * @param array  $errors     Field id => message.
+ * @param string $instance   The render's DOM id prefix.
+ * @param array  $arrived_by The break that closes the previous page, whose
+ *                           `prevLabel` words this page's back button. Null on
+ *                           the first page, which has nothing to go back to.
  * @return string
  */
-function atf_render_page( $page, $index, $total, $schema, $values, $errors, $instance ) {
+function atf_render_page( $page, $index, $total, $schema, $values, $errors, $instance, $arrived_by = null ) {
 	$multi = $total > 1;
 
 	$out = sprintf(
@@ -576,8 +597,8 @@ function atf_render_page( $page, $index, $total, $schema, $values, $errors, $ins
 		$out .= '<div class="atf-nav">';
 
 		if ( $index > 0 ) {
-			$previous = $page['break'] && ! empty( $page['break']['prevLabel'] )
-				? $page['break']['prevLabel']
+			$previous = $arrived_by && ! empty( $arrived_by['prevLabel'] )
+				? $arrived_by['prevLabel']
 				: __( 'Back', 'allterrain-forms' );
 
 			$out .= sprintf(
diff --git a/includes/rest.php b/includes/rest.php
index 8a2b0a4..411a90d 100644
--- a/includes/rest.php
+++ b/includes/rest.php
@@ -963,6 +963,11 @@ function atf_rest_config() {
 			'choices'     => (bool) $definition['choices'],
 			'supports'    => array_values( $definition['supports'] ),
 			'settings'    => $definition['settings'],
+			// The parts a composite field can show. Sent rather than hard-coded in
+			// the bundle because both lists are filterable, and a builder offering
+			// a fixed five while the renderer draws a filtered seven is a builder
+			// that quietly cannot reach two of them.
+			'parts'       => atf_field_type_parts( $slug ),
 		);
 	}
 
diff --git a/src/builder.ts b/src/builder.ts
index 396af15..8968739 100644
--- a/src/builder.ts
+++ b/src/builder.ts
@@ -42,7 +42,7 @@ import {
 } from './ui';
 import { handOffToWindow, watchHandoffButton } from './handoff';
 import { LogicMap, controlCounts, logicEdges, logicTokens, tokensToText } from './logic-map';
-import { renderFieldPreview } from './field-preview';
+import { boundValue, renderFieldPreview } from './field-preview';
 import type { LogicToken } from './logic-map';
 import { forgetMergeTags, mergeTags, taggable } from './merge-tags';
 import { mountThemeControls } from './theme-studio';
@@ -93,6 +93,297 @@ function bind< T extends HTMLElement >( control: T, key: string ): T {
  * because they are what a date field and a time field respectively want and
  * nobody should have to know `H:i` to pre-fill the time.
  */
+/**
+ * One of a field type's own settings, and the control that edits it.
+ *
+ * # Why this is a table
+ *
+ * A field type declares what it supports; the inspector decides what to draw. For
+ * a long time those two were joined by a hand-written `if` per setting, and the
+ * consequence was not a bug anybody could see: thirty-two supported settings had
+ * no control anywhere. `level` on a heading, `content` on an HTML block, the file
+ * types a file field accepts, how many rows a repeater allows, the labels on the
+ * ends of a scale — all honoured by the renderer, all reachable only by editing
+ * the exported JSON by hand. A setting nobody can find is a setting that does not
+ * exist, and nothing about the code said so, because every one of them worked
+ * perfectly once set.
+ *
+ * As a table it is one line per setting, `field-settings.test.ts` asserts that
+ * every flag any registered type declares either appears here or is listed as
+ * deliberately handled elsewhere, and the failure mode goes from silent to loud.
+ *
+ * # The keys
+ *
+ * `flag` is the `supports` entry, which is lower-case by WordPress convention;
+ * `key` is the property on the field, which is camelCase. They differ often
+ * enough (`minrows` / `minRows`) that conflating them was never an option.
+ */
+interface SettingControl {
+	/** The field property this writes. */
+	key: string;
+	/** The row's label. */
+	label: string;
+	/** How it is edited. */
+	control: 'text' | 'number' | 'checkbox' | 'textarea' | 'select' | 'commas';
+	/** Sits under the control. */
+	hint?: string;
+	/** For `select`. */
+	options?: Array< { value: string; label: string } >;
+	/** A companion setting rendered directly after — the natural pairs. */
+	also?: { key: string; label: string; hint?: string };
+}
+
+/**
+ * Every `supports` flag that draws a control of its own.
+ *
+ * Ordered as the inspector shows them: the ones that change what the field *is*
+ * before the ones that tune it.
+ */
+export const SETTING_CONTROLS: Record< string, SettingControl > = {
+	level: {
+		key: 'level',
+		label: 'Heading level',
+		control: 'select',
+		hint: 'Headings should step down one at a time.',
+		options: [
+			{ value: '2', label: 'Heading 2' },
+			{ value: '3', label: 'Heading 3' },
+			{ value: '4', label: 'Heading 4' },
+			{ value: '5', label: 'Heading 5' },
+			{ value: '6', label: 'Heading 6' },
+		],
+	},
+	content: {
+		key: 'content',
+		label: 'HTML',
+		control: 'textarea',
+		hint: 'Shown as written. Scripts are stripped when the form is saved.',
+	},
+	consenttext: {
+		key: 'consentText',
+		label: 'What they are agreeing to',
+		control: 'textarea',
+		hint: 'Shown beside the tick box. Links are allowed.',
+	},
+	height: {
+		key: 'height',
+		label: 'Height',
+		control: 'number',
+		hint: 'In pixels.',
+	},
+	columns: {
+		key: 'columns',
+		label: 'Columns',
+		control: 'number',
+		hint: 'How many pictures sit side by side.',
+	},
+	multiple: {
+		key: 'multiple',
+		label: 'Let them choose more than one',
+		control: 'checkbox',
+	},
+	inline: {
+		key: 'inline',
+		label: 'Lay the options out in a row',
+		control: 'checkbox',
+	},
+	other: {
+		key: 'other',
+		label: 'Offer an “Other” box',
+		control: 'checkbox',
+		hint: 'Adds a final option with a box to type in.',
+	},
+	filetypes: {
+		key: 'filetypes',
+		label: 'Accepted file types',
+		control: 'commas',
+		hint: 'Extensions, separated by commas. Empty accepts anything the site allows.',
+	},
+	maxsize: {
+		key: 'maxsize',
+		label: 'Largest file',
+		control: 'number',
+		hint: 'In megabytes.',
+	},
+	maxfiles: {
+		key: 'maxfiles',
+		label: 'How many files',
+		control: 'number',
+	},
+	minrows: {
+		key: 'minRows',
+		label: 'Fewest rows',
+		control: 'number',
+		also: { key: 'maxRows', label: 'Most rows' },
+	},
+	endlabels: {
+		key: 'minLabel',
+		label: 'Label at the low end',
+		control: 'text',
+		also: { key: 'maxLabel', label: 'Label at the high end' },
+	},
+	points: {
+		key: 'points',
+		label: 'Points if correct',
+		control: 'number',
+	},
+	minchoices: {
+		key: 'minChoices',
+		label: 'Fewest they may pick',
+		control: 'number',
+		also: { key: 'maxChoices', label: 'Most they may pick' },
+	},
+};
+
+/**
+ * Flags that draw no control of their own, and why.
+ *
+ * Listed rather than left out, because "not in the table" has to mean "somebody
+ * decided that" instead of "somebody forgot". The test reads this.
+ */
+export const SETTINGS_HANDLED_ELSEWHERE: Record< string, string > = {
+	label: 'the canvas edits it in place, and the inspector mirrors it',
+	placeholder: 'edited by typing into the control on the canvas',
+	hint: 'edited under the control on the canvas',
+	nextlabel: 'edited on the page break’s own Next button',
+	prevlabel: 'edited on the page break’s own Back button',
+	addlabel: 'edited on the repeater’s own Add button',
+	choices: 'the choices editor, and the option list on the canvas',
+	required: 'the toggle on the card',
+	width: 'its own row',
+	css: 'its own row',
+	prefill: 'its own section',
+	logic: 'the conditional logic section',
+	formula: 'its own row, with the currency that goes with it',
+	currency: 'rendered with the formula',
+	correct: 'the choices editor marks the right answer',
+	default: 'its own row, typed to match what the field stores',
+	rows: 'a row count on a textarea; the statement list on a Likert matrix',
+	parts: 'a tick box per part, listed by the server',
+	min: 'the validation section, paired with max',
+	max: 'the validation section, paired with min',
+	step: 'the validation section',
+	minlength: 'the validation section, paired with maxlength',
+	maxlength: 'the validation section, paired with minlength',
+	mindate: 'the validation section, paired with maxdate',
+	maxdate: 'the validation section, paired with mindate',
+	mintime: 'the validation section, paired with maxtime',
+	maxtime: 'the validation section, paired with mintime',
+	pattern: 'the validation section',
+	unique: 'the validation section',
+	maxchoices: 'rendered with minchoices',
+	maxrows: 'rendered with minrows',
+};
+
+/**
+ * One row for one setting, per its table entry.
+ *
+ * `commas` is the only conversion here: a few settings store a list of short
+ * tokens — the extensions a file field accepts — and a comma-separated box is
+ * how everybody already expects to type those. Split on save, joined on render,
+ * so the stored shape stays an array and the typed shape stays a sentence.
+ *
+ * @param field   The field.
+ * @param setting The table entry.
+ * @param update  Writes one property.
+ * @return The row.
+ */
+function settingRow(
+	field: Field,
+	setting: SettingControl,
+	update: ( key: string, value: unknown ) => void
+): HTMLElement {
+	const raw = field[ setting.key ];
+	const write = ( value: unknown ) => update( setting.key, value );
+
+	if ( 'checkbox' === setting.control ) {
+		return checkbox( setting.label, Boolean( raw ), write );
+	}
+
+	if ( 'commas' === setting.control ) {
+		const list = Array.isArray( raw ) ? ( raw as string[] ) : [];
+
+		return row(
+			setting.label,
+			textInput( list.join( ', ' ), ( value ) => {
+				write(
+					value
+						.split( ',' )
+						.map( ( item ) => item.trim().replace( /^\./, '' ).toLowerCase() )
+						.filter( Boolean )
+				);
+			} ),
+			setting.hint
+		);
+	}
+
+	if ( 'select' === setting.control ) {
+		return row( setting.label, select( String( raw ?? '' ), setting.options ?? [], write ), setting.hint );
+	}
+
+	if ( 'textarea' === setting.control ) {
+		return row( setting.label, textArea( String( raw ?? '' ), write ), setting.hint );
+	}
+
+	if ( 'number' === setting.control ) {
+		return row( setting.label, numberInput( String( raw ?? '' ), write ), setting.hint );
+	}
+
+	return row( setting.label, bind( textInput( String( raw ?? '' ), write ), setting.key ), setting.hint );
+}
+
+/** One row of a Likert matrix: the statement, and the key its answers are stored against. */
+export interface LikertRow {
+	key?: string;
+	label?: string;
+}
+
+/**
+ * Rewrites a Likert matrix's statements from a block of text, keeping their keys.
+ *
+ * A row is `{ key, label }`, and the *key* is what an answer is stored against —
+ * `atf[f1][r2]`. So a key has to survive its wording changing, or correcting a
+ * typo in a statement silently detaches every answer already given to it, in
+ * entries collected months ago that nobody looks at again until an export.
+ *
+ * Rows are matched to lines by position: line three keeps row three's key however
+ * it is reworded. A line added at the end mints a fresh key, never one that has
+ * been used before, because reusing a key would attach new answers to old ones.
+ *
+ * Reordering the lines does move the answers with the positions. That is the one
+ * case this gets wrong, and it is also indistinguishable from here from having
+ * rewritten both statements; the alternative costs a visible id per row in the
+ * box, which is a worse trade for the common case.
+ *
+ * @param rows The rows as they stand.
+ * @param text One statement per line.
+ * @return The new rows.
+ */
+export function restatement( rows: LikertRow[], text: string ): LikertRow[] {
+	const used = new Set( rows.map( ( statement ) => statement.key ).filter( Boolean ) as string[] );
+	let next = rows.length + 1;
+
+	return text
+		.split( '\n' )
+		.map( ( line ) => line.trim() )
+		.filter( Boolean )
+		.map( ( label, index ) => {
+			const existing = rows[ index ]?.key;
+
+			if ( existing ) {
+				return { key: existing, label };
+			}
+
+			while ( used.has( `r${ next }` ) ) {
+				next += 1;
+			}
+
+			used.add( `r${ next }` );
+
+			return { key: `r${ next }`, label };
+		} );
+}
+
 const PREFILL_SOURCES: Array< { value: string; label: string; group: string; tag?: string } > = [
 	{ value: 'user:email', label: 'Their email address', group: 'About the person filling it in', tag: '{user:email}' },
 	{ value: 'user:display_name', label: 'Their name', group: 'About the person filling it in', tag: '{user:display_name}' },
@@ -408,18 +699,6 @@ export class Builder {
 		return this.schema?.fields.find( ( candidate ) => candidate.id === fieldId );
 	}
 
-	/**
-	 * Writes a field's current values into the inspector's matching controls.
-	 *
-	 * Only when the inspector is actually showing that field — editing a card that
-	 * is not selected must not rewrite the pane describing a different one.
-	 *
-	 * Deliberately one-directional and value-only: the inspector's own handlers
-	 * already write to the schema, and firing them from here would put the two
-	 * panes in a loop, each telling the other about a change it had just made.
-	 *
-	 * @param field The field that was edited on the canvas.
-	 */
 	/**
 	 * Writes a field's current values into its card on the canvas.
 	 *
@@ -432,6 +711,13 @@ export class Builder {
 	 * Writes `textContent` rather than re-rendering, so the caret in the
 	 * inspector is untouched.
 	 *
+	 * Driven by whatever `data-atfb-bind` keys the card happens to carry rather
+	 * than by a list of properties kept here. The list was the bug waiting to
+	 * happen: every editable added to the canvas had to be remembered in two
+	 * other places, and forgetting one gave a value that mirrored in one
+	 * direction only — which looks like it works right up until you use the other
+	 * pane.
+	 *
 	 * @param field The field that was edited in the inspector.
 	 */
 	private syncCanvas( field: Field ): void {
@@ -443,35 +729,43 @@ export class Builder {
 			return;
 		}
 
-		const label = card.querySelector< HTMLElement >( '.atf-label.atfb-editable' );
+		for ( const node of card.querySelectorAll< HTMLElement >( '.atfb-editable[data-atfb-bind]' ) ) {
+			const value = boundValue( field, node.dataset.atfbBind ?? '' );
 
-		if ( label && label.textContent !== field.label ) {
-			label.textContent = field.label;
-		}
-
-		const options = card.querySelectorAll< HTMLElement >( '.atf-choice__label.atfb-editable' );
-
-		( field.choices ?? [] ).forEach( ( choice, index ) => {
-			const option = options[ index ];
-
-			if ( option && option.textContent !== choice.label ) {
-				option.textContent = choice.label;
+			// Compared before writing, and not only to save a DOM write: this runs
+			// while somebody is typing in the *other* pane, and assigning to
+			// `textContent` collapses the selection. Writing only on a real change
+			// keeps the caret where it is in every element that already agrees.
+			if ( node.textContent !== value ) {
+				node.textContent = value;
 			}
-		} );
+		}
 	}
 
+	/**
+	 * Writes a field's current values into the inspector's matching controls.
+	 *
+	 * Only when the inspector is actually showing that field — editing a card that
+	 * is not selected must not rewrite the pane describing a different one.
+	 *
+	 * Deliberately one-directional and value-only: the inspector's own handlers
+	 * already write to the schema, and firing them from here would put the two
+	 * panes in a loop, each telling the other about a change it had just made.
+	 *
+	 * @param field The field that was edited on the canvas.
+	 */
 	private syncInspector( field: Field ): void {
 		if ( this.selected !== field.id ) {
 			return;
 		}
 
-		const write = ( key: string, value: string ) => {
-			const control = this.inspector.querySelector< HTMLElement & { value?: string } >(
-				`[data-atfb-bind="${ CSS.escape( key ) }"]`
-			);
+		for ( const control of this.inspector.querySelectorAll< HTMLElement & { value?: string } >(
+			'[data-atfb-bind]'
+		) ) {
+			const value = boundValue( field, control.dataset.atfbBind ?? '' );
 
-			if ( ! control ) {
-				return;
+			if ( control.value === value ) {
+				continue;
 			}
 
 			// `value` is a property on a native input and on the shell's field
@@ -482,15 +776,7 @@ export class Builder {
 			} else {
 				control.setAttribute( 'value', value );
 			}
-		};
-
-		write( 'label', field.label ?? '' );
-		write( 'placeholder', field.placeholder ?? '' );
-
-		( field.choices ?? [] ).forEach( ( choice, index ) => {
-			write( `choice:${ index }:label`, choice.label ?? '' );
-			write( `choice:${ index }:value`, choice.value ?? '' );
-		} );
+		}
 	}
 
 	/**
@@ -2038,12 +2324,55 @@ export class Builder {
 			this.inspector.append(
 				row(
 					'Hint',
-					textInput( field.hint, ( value ) => update( 'hint', value ) ),
+					bind( textInput( field.hint, ( value ) => update( 'hint', value ) ), 'hint' ),
 					'Shown under the field, and read out with it.'
 				)
 			);
 		}
 
+		// The wording on the buttons a page break puts at the foot of its page.
+		// Both are already honoured by the renderer and neither had a control
+		// anywhere, so a form in any language other than English shipped a button
+		// saying "Next" and there was nothing to be done about it.
+		if ( supports.includes( 'nextlabel' ) ) {
+			this.inspector.append(
+				row(
+					'Next button',
+					bind(
+						textInput( String( field.nextLabel ?? '' ), ( value ) => update( 'nextLabel', value ) ),
+						'nextLabel'
+					),
+					'Leave empty for “Next”.'
+				)
+			);
+		}
+
+		if ( supports.includes( 'prevlabel' ) ) {
+			this.inspector.append(
+				row(
+					'Back button',
+					bind(
+						textInput( String( field.prevLabel ?? '' ), ( value ) => update( 'prevLabel', value ) ),
+						'prevLabel'
+					),
+					'Leave empty for “Back”.'
+				)
+			);
+		}
+
+		if ( supports.includes( 'addlabel' ) ) {
+			this.inspector.append(
+				row(
+					'Add button',
+					bind(
+						textInput( String( field.addLabel ?? '' ), ( value ) => update( 'addLabel', value ) ),
+						'addLabel'
+					),
+					'Leave empty for “Add another”.'
+				)
+			);
+		}
+
 		if ( supports.includes( 'required' ) ) {
 			this.inspector.append(
 				checkbox( 'Required', field.required, ( value ) => update( 'required', value ) )
@@ -2073,6 +2402,8 @@ export class Builder {
 			this.inspector.append( this.renderChoicesEditor( field, update ) );
 		}
 
+		this.renderTypeSettings( field, definition, supports, update );
+
 		if ( field.type === 'total' || supports.includes( 'formula' ) ) {
 			this.inspector.append(
 				row(
@@ -2098,6 +2429,211 @@ export class Builder {
 		}
 	} );
 
+	/**
+	 * The settings a field type brings with it.
+	 *
+	 * Driven by {@link SETTING_CONTROLS} for everything that is a plain value, and
+	 * by hand for the three that are not: `default` has to match whatever the field
+	 * stores, `rows` means a row count on a textarea and a list of statements on a
+	 * Likert matrix, and `parts` is a tick box per part with the list coming from
+	 * the server so a filtered part cannot go missing.
+	 *
+	 * @param field      The field.
+	 * @param definition Its registered type.
+	 * @param supports   What that type declares.
+	 * @param update     Writes one property and repaints.
+	 * @return void
+	 */
+	private renderTypeSettings(
+		field: Field,
+		definition: FieldType | undefined,
+		supports: string[],
+		update: ( key: string, value: unknown ) => void
+	): void {
+		for ( const flag of supports ) {
+			const setting = SETTING_CONTROLS[ flag ];
+
+			if ( ! setting ) {
+				continue;
+			}
+
+			this.inspector.append( settingRow( field, setting, update ) );
+
+			if ( setting.also ) {
+				this.inspector.append(
+					settingRow(
+						field,
+						{ ...setting, key: setting.also.key, label: setting.also.label, hint: setting.also.hint, also: undefined },
+						update
+					)
+				);
+			}
+		}
+
+		// A textarea's `rows` is how tall the box is. A Likert matrix's `rows` are
+		// the statements being rated — the same word for a number and a list,
+		// which is why neither belongs in the table.
+		if ( supports.includes( 'rows' ) && 'likert' !== field.type ) {
+			this.inspector.append(
+				row(
+					'Lines tall',
+					numberInput( String( field.rows ?? '' ), ( value ) => update( 'rows', value ) )
+				)
+			);
+		}
+
+		if ( supports.includes( 'rows' ) && 'likert' === field.type ) {
+			this.inspector.append( this.renderStatementList( field, update ) );
+		}
+
+		if ( supports.includes( 'parts' ) ) {
+			this.inspector.append( this.renderPartsEditor( field, definition, update ) );
+		}
+
+		// A default only means something where the field holds one value somebody
+		// could have typed. Offering to pre-fill a file upload, a signature or a
+		// Likert matrix is a box whose contents can never appear anywhere.
+		if ( supports.includes( 'default' ) && ! [ 'files', 'object' ].includes( definition?.value ?? '' ) ) {
+			this.inspector.append( this.renderDefaultControl( field, definition, update ) );
+		}
+	}
+
+	/**
+	 * The statements a Likert matrix asks about, one per line.
+	 *
+	 * A textarea rather than a repeating row editor: these are a handful of short
+	 * sentences, they are almost always pasted in from somewhere else, and one box
+	 * you can paste five lines into beats five boxes you have to create first.
+	 *
+	 * # The keys are the reason this is not just a list of strings
+	 *
+	 * A row is `{ key, label }`, and the *key* is what an answer is stored
+	 * against — `atf[f1][r2]`. So a row's key has to survive its wording being
+	 * changed, or correcting a typo in a statement silently detaches every answer
+	 * already given to it, in entries that were collected months ago and are not
+	 * looked at again until somebody exports them.
+	 *
+	 * Rows are therefore matched to lines by position: line three keeps row
+	 * three's key however it is reworded. A line added at the end mints a fresh
+	 * key, never one that has been used, because reusing a key would attach new
+	 * answers to old ones.
+	 *
+	 * Reordering the lines does move the answers, which is the one case position
+	 * matching gets wrong — and is also indistinguishable, from here, from
+	 * rewriting both statements. The alternative costs a visible id per row in the
+	 * box, which is a worse trade for the common case.
+	 *
+	 * @param field  The field.
+	 * @param update Writes one property.
+	 * @return The row.
+	 */
+	private renderStatementList( field: Field, update: ( key: string, value: unknown ) => void ): HTMLElement {
+		const rows = Array.isArray( field.rows ) ? ( field.rows as LikertRow[] ) : [];
+
+		return row(
+			'Statements',
+			textArea(
+				rows.map( ( statement ) => statement.label ?? '' ).join( '\n' ),
+				( value ) => update( 'rows', restatement( rows, value ) ),
+				5
+			),
+			'One per line. Each becomes a row of the matrix.'
+		);
+	}
+
+	/**
+	 * Which parts of a name or an address to ask for.
+	 *
+	 * The available parts come from the server, because `atf_name_parts` and
+	 * `atf_address_parts` are both filterable — a builder with the list baked in
+	 * would offer five while the form drew seven.
+	 *
+	 * Order follows the server's, not the order they were ticked, so the tick
+	 * boxes read in the same order as the fields they turn on.
+	 *
+	 * @param field      The field.
+	 * @param definition Its registered type.
+	 * @param update     Writes one property.
+	 * @return The section.
+	 */
+	private renderPartsEditor(
+		field: Field,
+		definition: FieldType | undefined,
+		update: ( key: string, value: unknown ) => void
+	): HTMLElement {
+		const available = definition?.parts ?? [];
+		const enabled = Array.isArray( field.parts ) ? ( field.parts as string[] ) : available.map( ( part ) => part.key );
+
+		const boxes = available.map( ( part ) =>
+			checkbox( part.label, enabled.includes( part.key ), ( checked ) => {
+				const next = available
+					.map( ( candidate ) => candidate.key )
+					.filter( ( key ) => ( key === part.key ? checked : enabled.includes( key ) ) );
+
+				// Emptying it would render a field with no inputs at all, which
+				// looks like the form is broken rather than like a setting.
+				update( 'parts', next.length ? next : [ part.key ] );
+			} )
+		);
+
+		return el( 'div', {
+			class: 'atfb-section',
+			children: [ el( 'h4', { class: 'atfb-section__title', text: 'Parts to ask for' } ), ...boxes ],
+		} );
+	}
+
+	/**
+	 * The answer a field starts with.
+	 *
+	 * Typed to match what the field stores: a dropdown of the options where there
+	 * are options, a tick box where the field is a toggle, a plain box otherwise.
+	 * A text box offering to set the default of a checkbox group is a control that
+	 * cannot say the right thing.
+	 *
+	 * Left out entirely for the types whose value is a structure — a file, a
+	 * signature, a repeater — where there is no single value to pre-fill.
+	 *
+	 * @param field      The field.
+	 * @param definition Its registered type.
+	 * @param update     Writes one property.
+	 * @return The row, or null where a default makes no sense.
+	 */
+	private renderDefaultControl(
+		field: Field,
+		definition: FieldType | undefined,
+		update: ( key: string, value: unknown ) => void
+	): HTMLElement {
+		const hint = 'Filled in before they start. They can change it.';
+
+		if ( 'switch' === field.type || 'consent' === field.type ) {
+			return checkbox( 'On by default', Boolean( field.default ), ( value ) => update( 'default', value ) );
+		}
+
+		if ( definition?.choices && ( field.choices ?? [] ).length ) {
+			return row(
+				'Default answer',
+				select(
+					String( field.default ?? '' ),
+					[
+						{ value: '', label: 'Nothing chosen' },
+						...( field.choices ?? [] ).map( ( choice ) => ( {
+							value: String( choice.value ),
+							label: choice.label || String( choice.value ),
+						} ) ),
+					],
+					( value ) => update( 'default', value )
+				),
+				hint
+			);
+		}
+
+		return row(
+			'Default answer',
+			textInput( String( field.default ?? '' ), ( value ) => update( 'default', value ) ),
+			hint
+		);
+	}
+
 	/** The choices editor, with drag-in image support. */
 	private renderChoicesEditor( field: Field, update: ( key: string, value: unknown ) => void ): HTMLElement {
 		const choices = ( field.choices ?? [] ) as Choice[];
@@ -2296,12 +2832,24 @@ export class Builder {
 
 		if ( supports.includes( 'min' ) ) {
 			pairs.push( [ 'min', 'Minimum' ], [ 'max', 'Maximum' ] );
+		} else if ( supports.includes( 'max' ) ) {
+			// A star rating declares a ceiling and no floor, so pairing the two
+			// meant its ceiling — how many stars there are — had no control at all.
+			pairs.push( [ 'max', 'Highest' ] );
+		}
+
+		if ( supports.includes( 'step' ) ) {
+			pairs.push( [ 'step', 'Steps of' ] );
 		}
 
 		if ( supports.includes( 'mindate' ) ) {
 			pairs.push( [ 'minDate', 'Earliest date' ], [ 'maxDate', 'Latest date' ] );
 		}
 
+		if ( supports.includes( 'mintime' ) ) {
+			pairs.push( [ 'minTime', 'Earliest time' ], [ 'maxTime', 'Latest time' ] );
+		}
+
 		for ( const [ key, label ] of pairs ) {
 			rows.push(
 				row(
@@ -2331,16 +2879,26 @@ export class Builder {
 
 		const messages = ( field.messages ?? {} ) as Record< string, string >;
 
-		rows.push(
-			row(
-				'Message when required',
-				textInput( messages.required ?? '', ( value ) => {
-					messages.required = value;
-					update( 'messages', messages );
-				} ),
-				'Leave empty for the default wording.'
-			)
-		);
+		// Only where the field can be required at all. A spacer offered a box for
+		// the wording of an error it can never raise, which reads as a setting that
+		// does nothing — and on a layout block it was the *only* row in the
+		// section, so the section existed to hold it.
+		if ( supports.includes( 'required' ) ) {
+			rows.push(
+				row(
+					'Message when required',
+					textInput( messages.required ?? '', ( value ) => {
+						messages.required = value;
+						update( 'messages', messages );
+					} ),
+					'Leave empty for the default wording.'
+				)
+			);
+		}
+
+		if ( ! rows.length ) {
+			return el( 'div', { class: 'atfb-section is-empty' } );
+		}
 
 		return this.section( `validation:${ field.id }`, 'Validation', rows );
 	}
@@ -2555,9 +3113,9 @@ export class Builder {
 			}
 
 			// The server scopes the block to the instance it rendered
-			// (`#atf-12-1 .atf-form`). The canvas has many previews and no
+			// (`#atf-12-1`, the wrapper). The canvas has many previews and no
 			// instance, so the scope becomes the class they all carry.
-			const css = block[ 1 ].replace( /#atf-[\d-]+\s+\.atf-form/g, '.atfb .atfb-preview' );
+			const css = block[ 1 ].replace( /#atf-[\d-]+/g, '.atfb .atfb-preview' );
 
 			this.canvasTheme.textContent = css;
 
diff --git a/src/field-preview.ts b/src/field-preview.ts
index 0ca4d33..f75b864 100644
--- a/src/field-preview.ts
+++ b/src/field-preview.ts
@@ -134,6 +134,51 @@ export interface PreviewHandlers {
 	restructure: ( apply: ( field: Field ) => void ) => void;
 }
 
+/** What an inline-editable piece of text needs to know about itself. */
+interface Editable {
+	/** The current text. */
+	value: string;
+	/** Shown, greyed, while the text is empty. */
+	placeholder: string;
+	/** The front-end class, so the theme styles it. */
+	class: string;
+	/**
+	 * Which field property this edits, if the inspector edits it too.
+	 *
+	 * The two panes show the same value, so both have to move when either does.
+	 * Naming the property here rather than in a list somewhere else is what keeps
+	 * that true: `syncCanvas()` and `syncInspector()` walk `[data-atfb-bind]` and
+	 * resolve the key through {@link boundValue}, so a new editable is mirrored in
+	 * both directions by virtue of existing. The alternative — a hand-kept list of
+	 * keys in each sync function — was two lists to forget instead of none.
+	 */
+	bind?: string;
+	/** Called on every keystroke. */
+	onInput: ( value: string ) => void;
+	/** Called on blur, when a change needs the rest of the builder repainted. */
+	onCommit?: () => void;
+}
+
+/**
+ * The value a bound key currently holds on a field.
+ *
+ * The one place that knows how a `data-atfb-bind` key maps onto the schema, used
+ * by both sync directions so they cannot disagree about what `hint` means.
+ *
+ * @param field The field.
+ * @param key   The bind key, e.g. `label` or `choice:2:value`.
+ * @return The value, or an empty string when the field has nothing there.
+ */
+export function boundValue( field: Field, key: string ): string {
+	const choice = /^choice:(\d+):(label|value)$/.exec( key );
+
+	if ( choice ) {
+		return String( field.choices?.[ Number( choice[ 1 ] ) ]?.[ choice[ 2 ] as 'label' | 'value' ] ?? '' );
+	}
+
+	return String( field[ key ] ?? '' );
+}
+
 /**
  * An editable piece of text that looks like the text it replaces.
  *
@@ -145,24 +190,24 @@ export interface PreviewHandlers {
  *
  * `plaintext-only` keeps a paste from bringing markup with it.
  */
-function editableText(
-	value: string,
-	placeholder: string,
-	className: string,
-	onInput: ( value: string ) => void,
-	onCommit?: () => void
-): HTMLElement {
+function editableText( options: Editable ): HTMLElement {
+	const { value, onInput, onCommit } = options;
+
 	const node = el( 'span', {
-		class: `${ className } atfb-editable`,
+		class: `${ options.class } atfb-editable`,
 		text: value,
 		attrs: {
 			contenteditable: 'plaintext-only',
 			role: 'textbox',
 			spellcheck: 'false',
-			'data-placeholder': placeholder,
+			'data-placeholder': options.placeholder,
 		},
 	} );
 
+	if ( options.bind ) {
+		node.dataset.atfbBind = options.bind;
+	}
+
 	// Dragging the card must not start from inside the text somebody is editing,
 	// and a click has to place the caret rather than being swallowed as a
 	// selection gesture.
@@ -219,21 +264,24 @@ function optionInputFor( type: string ): HTMLElement {
 export function renderFieldPreview( field: Field, type: FieldType | undefined, handlers: PreviewHandlers ): HTMLElement {
 	const shape = shapeFor( field.type );
 
-	const label = editableText(
-		field.label,
-		'Write the question…',
-		'atf-label',
-		( value ) => handlers.edit( ( live ) => { live.label = value; } ),
+	const label = editableText( {
+		value: field.label,
+		placeholder: 'Write the question…',
+		class: 'atf-label',
+		bind: 'label',
+		onInput: ( value ) => handlers.edit( ( live ) => { live.label = value; } ),
 		// Committed on blur rather than per keystroke: the label appears in other
 		// cards' condition chips and in the merge-tag picker, and repainting the
 		// canvas on every character would take the caret with it.
-		() => handlers.restructure( () => {} )
-	);
+		onCommit: () => handlers.restructure( () => {} ),
+	} );
 
 	const parts: Array< HTMLElement | null > = [
-		'static' === shape ? null : label,
-		field.hint ? el( 'p', { class: 'atf-hint', text: field.hint } ) : null,
+		// A toggle draws its own label beside the switch, exactly as the front end
+		// does — a second one above it was the same words twice.
+		'static' === shape || 'toggle' === shape ? null : label,
 		control( field, type, shape, handlers ),
+		hint( field, type, handlers ),
 	];
 
 	return el( 'div', {
@@ -250,6 +298,37 @@ export function renderFieldPreview( field: Field, type: FieldType | undefined, h
 	} );
 }
 
+/**
+ * The hint line, editable wherever the type offers one.
+ *
+ * Offered whenever the *type* supports a hint rather than only when the field
+ * already has one, which is the difference between a feature you can find and a
+ * feature you have to already know about: an empty hint rendered nothing, so the
+ * only way to discover hints was to notice the row in the inspector.
+ *
+ * Below the control, because that is where the front end puts it — above would
+ * be a preview that quietly disagrees with the page.
+ */
+function hint( field: Field, type: FieldType | undefined, handlers: PreviewHandlers ): HTMLElement | null {
+	// No registered type means a third-party field the config has not described.
+	// Offering it a hint it may not render is worse than leaving it alone.
+	if ( ! type?.supports.includes( 'hint' ) ) {
+		return null;
+	}
+
+	const node = editableText( {
+		value: field.hint ?? '',
+		placeholder: 'Add a hint…',
+		class: 'atf-hint',
+		bind: 'hint',
+		onInput: ( value ) => handlers.edit( ( live ) => { live.hint = value; } ),
+	} );
+
+	node.setAttribute( 'aria-label', 'Hint' );
+
+	return el( 'p', { class: 'atfb-preview__hint', children: [ node ] } );
+}
+
 /** The control itself, per shape. */
 function control(
 	field: Field,
@@ -275,7 +354,10 @@ function control(
 
 		case 'toggle':
 			return el( 'div', {
-				class: 'atf-toggle',
+				// The modifier matters: a switch and a consent tick box are the same
+				// shape here but not the same control on the page, and the front end
+				// tells them apart by exactly this class.
+				class: 'switch' === field.type ? 'atf-toggle atf-toggle--switch' : 'atf-toggle',
 				children: [
 					( () => {
 						const box = el( 'input', { class: 'atf-toggle__input', type: 'checkbox' } );
@@ -284,13 +366,14 @@ function control(
 
 						return box;
 					} )(),
-					editableText(
-						field.label || '',
-						'What are they agreeing to?…',
-						'atf-toggle__label',
-						( value ) => handlers.edit( ( live ) => { live.label = value; } ),
-						() => handlers.restructure( () => {} )
-					),
+					editableText( {
+						value: field.label || '',
+						placeholder: 'consent' === field.type ? 'What are they agreeing to?…' : 'What does this turn on?…',
+						class: 'atf-toggle__label',
+						bind: 'label',
+						onInput: ( value ) => handlers.edit( ( live ) => { live.label = value; } ),
+						onCommit: () => handlers.restructure( () => {} ),
+					} ),
 				],
 			} );
 
@@ -316,9 +399,19 @@ function control(
 			// The elaborate controls — a Likert matrix, a signature pad — say what
 			// they are rather than pretending. A preview that is subtly wrong is
 			// worse than one that is honestly a summary.
-			return el( 'p', {
-				class: 'atfb-preview__summary',
-				text: `${ type?.label ?? field.type } — set this up in the panel on the right.`,
+			return el( 'div', {
+				class: 'atfb-preview__stack',
+				children: [
+					el( 'p', {
+						class: 'atfb-preview__summary',
+						text: `${ type?.label ?? field.type } — set this up in the panel on the right.`,
+					} ),
+					// A repeater's one visible piece of chrome is the button that adds
+					// another row, and its wording is already a setting. Drawing the
+					// real button is both the honest preview and the only place the
+					// wording was reachable.
+					'repeater' === field.type ? repeatButton( field, handlers ) : null,
+				],
 			} );
 	}
 }
@@ -330,18 +423,67 @@ function placeholderBox(
 	handlers: PreviewHandlers,
 	tall = false
 ): HTMLElement {
-	const box = editableText(
-		field.placeholder ?? '',
-		'select' === field.type || 'country' === field.type ? 'Choose…' : 'Placeholder…',
-		`${ className } atfb-preview__box${ tall ? ' atfb-preview__box--tall' : '' }`,
-		( value ) => handlers.edit( ( live ) => { live.placeholder = value; } )
-	);
+	const box = editableText( {
+		value: field.placeholder ?? '',
+		placeholder: 'select' === field.type || 'country' === field.type ? 'Choose…' : 'Placeholder…',
+		class: `${ className } atfb-preview__box${ tall ? ' atfb-preview__box--tall' : '' }`,
+		bind: 'placeholder',
+		onInput: ( value ) => handlers.edit( ( live ) => { live.placeholder = value; } ),
+	} );
 
 	box.setAttribute( 'aria-label', 'Placeholder' );
 
 	return box;
 }
 
+/**
+ * A button whose own wording is the editable part.
+ *
+ * Used for the page break's Next and Back and the repeater's Add another. All
+ * three are already settings on the schema and all three had no control anywhere
+ * — the form shipped a button saying "Next" and the only way to change it was to
+ * edit the JSON. Drawing the real button and letting the words be typed makes the
+ * setting both visible and reachable in one move.
+ *
+ * The placeholder carries the default the renderer falls back to, so an empty
+ * value reads as "this will say Next" rather than as a blank button.
+ */
+function labelledButton(
+	text: string,
+	fallback: string,
+	className: string,
+	bind: string,
+	handlers: PreviewHandlers,
+	write: ( live: Field, value: string ) => void
+): HTMLElement {
+	return el( 'span', {
+		class: `atf-button ${ className } atfb-preview__button`,
+		children: [
+			editableText( {
+				value: text,
+				placeholder: fallback,
+				class: 'atfb-preview__button-text',
+				bind,
+				onInput: ( value ) => handlers.edit( ( live ) => write( live, value ) ),
+			} ),
+		],
+	} );
+}
+
+/** The repeater's "Add another" button, with its wording editable. */
+function repeatButton( field: Field, handlers: PreviewHandlers ): HTMLElement {
+	return labelledButton(
+		String( field.addLabel ?? '' ),
+		'Add another',
+		'atf-button--secondary',
+		'addLabel',
+		handlers,
+		( live, value ) => {
+			live.addLabel = value;
+		}
+	);
+}
+
 /**
  * A list of options, each renameable, with add and remove.
  *
@@ -359,11 +501,12 @@ function optionList( field: Field, handlers: PreviewHandlers ): HTMLElement {
 				class: 'atf-choice atfb-preview__option',
 				children: [
 					optionInputFor( field.type ),
-					editableText(
-						choice.label,
-						'Option…',
-						'atf-choice__label',
-						( value ) => {
+					editableText( {
+						value: choice.label,
+						placeholder: 'Option…',
+						class: 'atf-choice__label',
+						bind: `choice:${ index }:label`,
+						onInput: ( value ) => {
 							handlers.edit( ( live ) => {
 								// By index into the *live* field, not the choice object
 								// this row was rendered from — same reason as the field
@@ -392,8 +535,8 @@ function optionList( field: Field, handlers: PreviewHandlers ): HTMLElement {
 									target.value = value;
 								}
 							} );
-						}
-					),
+						},
+					} ),
 					el( 'button', {
 						class: 'atfb-preview__remove',
 						type: 'button',
@@ -446,13 +589,14 @@ function optionList( field: Field, handlers: PreviewHandlers ): HTMLElement {
 /** The layout blocks, which are their own content. */
 function staticBlock( field: Field, type: FieldType | undefined, handlers: PreviewHandlers ): HTMLElement | null {
 	if ( 'heading' === field.type ) {
-		return editableText(
-			field.label,
-			'Section heading…',
-			'atf-heading',
-			( value ) => handlers.edit( ( live ) => { live.label = value; } ),
-			() => handlers.restructure( () => {} )
-		);
+		return editableText( {
+			value: field.label,
+			placeholder: 'Section heading…',
+			class: 'atf-heading',
+			bind: 'label',
+			onInput: ( value ) => handlers.edit( ( live ) => { live.label = value; } ),
+			onCommit: () => handlers.restructure( () => {} ),
+		} );
 	}
 
 	if ( 'divider' === field.type ) {
@@ -460,7 +604,58 @@ function staticBlock( field: Field, type: FieldType | undefined, handlers: Previ
 	}
 
 	if ( 'page_break' === field.type ) {
-		return el( 'p', { class: 'atfb-preview__summary', text: 'Everything after this is a new page.' } );
+		// The break's visible consequences are the name of the step in the
+		// progress indicator and the pair of buttons that closes the page. All
+		// three words are settings, and two of them could not be reached from
+		// anywhere: a form in any language other than English shipped a button
+		// saying "Next".
+		return el( 'div', {
+			class: 'atfb-preview__stack',
+			children: [
+				el( 'p', {
+					class: 'atfb-progress-name',
+					children: [
+						editableText( {
+							value: field.label,
+							placeholder: 'Name this step…',
+							class: 'atf-progress__label',
+							bind: 'label',
+							onInput: ( value ) => handlers.edit( ( live ) => { live.label = value; } ),
+							// The name appears in the step indicator on every page of
+							// the form, so the preview has to be repainted once the
+							// wording settles.
+							onCommit: () => handlers.restructure( () => {} ),
+						} ),
+					],
+				} ),
+				el( 'p', { class: 'atfb-preview__summary', text: 'Everything after this is a new page.' } ),
+				el( 'div', {
+					class: 'atf-nav atfb-preview__nav',
+					children: [
+						labelledButton(
+							String( field.prevLabel ?? '' ),
+							'Back',
+							'atf-button--secondary',
+							'prevLabel',
+							handlers,
+							( live, value ) => {
+								live.prevLabel = value;
+							}
+						),
+						labelledButton(
+							String( field.nextLabel ?? '' ),
+							'Next',
+							'',
+							'nextLabel',
+							handlers,
+							( live, value ) => {
+								live.nextLabel = value;
+							}
+						),
+					],
+				} ),
+			],
+		} );
 	}
 
 	return el( 'p', {
diff --git a/src/types.ts b/src/types.ts
index 1923baa..eeefa97 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -217,6 +217,9 @@ export interface FieldType {
 	choices: boolean;
 	supports: string[];
 	settings: Record< string, unknown >;
+
+	/** For a composite type, the parts it can be told to show. */
+	parts?: Array< { key: string; label: string } >;
 }
 
 /** A design token and the control that edits it. */
diff --git a/tests/phpunit/tests/render.php b/tests/phpunit/tests/render.php
index acf801a..024ced7 100644
--- a/tests/phpunit/tests/render.php
+++ b/tests/phpunit/tests/render.php
@@ -579,4 +579,250 @@ public function test_missing_form_is_loud_for_editors() {
 
 		$this->assertStringContainsString( 'does not exist', atf_render_form( 999999 ) );
 	}
+	/**
+	 * The wording on a page break's buttons is the author's.
+	 *
+	 * `nextLabel` and `prevLabel` have been honoured by the renderer from the
+	 * start and reachable from nowhere: no control in the builder wrote them, so
+	 * every multi-page form shipped a button saying "Next" whatever language it
+	 * was in. Now that the canvas edits them, this is what says the value
+	 * survives normalisation and arrives on the page.
+	 *
+	 * @covers ::atf_render_page
+	 */
+	public function test_page_break_buttons_use_the_authors_words() {
+		$form_id = atf_test_form(
+			array(
+				'fields' => array(
+					array(
+						'id'    => 'f1',
+						'type'  => 'text',
+						'label' => 'Your name',
+					),
+					array(
+						'id'        => 'pb1',
+						'type'      => 'page_break',
+						'label'     => 'Your details',
+						'nextLabel' => 'Continue',
+						'prevLabel' => 'Go back',
+					),
+					array(
+						'id'    => 'f2',
+						'type'  => 'text',
+						'label' => 'Your email',
+					),
+				),
+			)
+		);
+
+		$html = atf_render_form( $form_id );
+
+		$this->assertStringContainsString( '>Continue</button>', $html, 'the next button' );
+		$this->assertStringContainsString( '>Go back</button>', $html, 'the back button' );
+		$this->assertStringNotContainsString( '>Next</button>', $html, 'the default must be replaced, not joined' );
+	}
+
+	/**
+	 * A page break with no wording of its own still gets buttons.
+	 *
+	 * The empty string is the stored default, so "falls back" is the ordinary
+	 * case rather than the edge one.
+	 *
+	 * @covers ::atf_render_page
+	 */
+	public function test_page_break_buttons_fall_back() {
+		$form_id = atf_test_form(
+			array(
+				'fields' => array(
+					array(
+						'id'   => 'f1',
+						'type' => 'text',
+					),
+					array(
+						'id'   => 'pb1',
+						'type' => 'page_break',
+					),
+					array(
+						'id'   => 'f2',
+						'type' => 'text',
+					),
+				),
+			)
+		);
+
+		$this->assertStringContainsString( '>Next</button>', atf_render_form( $form_id ) );
+	}
+
+	/**
+	 * A repeater's add button says what its author told it to say.
+	 *
+	 * @covers ::atf_render_repeater
+	 */
+	public function test_repeater_add_button_uses_the_authors_words() {
+		$html = $this->render_field(
+			array(
+				'type'     => 'repeater',
+				'addLabel' => 'Add another guest',
+				'fields'   => array(
+					array(
+						'id'   => 'r1',
+						'type' => 'text',
+					),
+				),
+			)
+		);
+
+		$this->assertStringContainsString( 'Add another guest', $html );
+	}
+
+	/**
+	 * The settings the builder offers are the settings the type admits to.
+	 *
+	 * The inspector rows and the canvas controls are both gated on `supports`, so
+	 * a setting the renderer honours but the type does not declare is a setting
+	 * with no way to reach it — which is exactly how these three came to be
+	 * write-only for as long as they were.
+	 *
+	 * @covers ::atf_get_field_type
+	 */
+	public function test_customisable_wording_is_declared() {
+		$page_break = atf_get_field_type( 'page_break' );
+		$repeater   = atf_get_field_type( 'repeater' );
+
+		$this->assertContains( 'nextlabel', $page_break['supports'] );
+		$this->assertContains( 'prevlabel', $page_break['supports'] );
+		$this->assertContains( 'addlabel', $repeater['supports'] );
+	}
+	/**
+	 * The settings that had no control still reach the page.
+	 *
+	 * Every one of these was honoured by the renderer and editable from nowhere,
+	 * which is why none of them had a test: nothing could set them to notice. Now
+	 * that the inspector writes them, this is the other half of the promise — a
+	 * control that writes a value the renderer ignores would be just as useless as
+	 * a value with no control.
+	 *
+	 * @dataProvider data_reachable_settings
+	 * @covers ::atf_render_field
+	 *
+	 * @param array  $field    The field, merged over the defaults.
+	 * @param string $expected A fragment the rendered HTML must contain.
+	 */
+	public function test_settings_reach_the_page( $field, $expected ) {
+		$this->assertStringContainsString( $expected, $this->render_field( $field ) );
+	}
+
+	/**
+	 * One case per setting that was previously unreachable.
+	 *
+	 * @return array[]
+	 */
+	public function data_reachable_settings() {
+		return array(
+			'heading level'      => array(
+				array(
+					'type'  => 'heading',
+					'level' => 5,
+					'label' => 'About you',
+				),
+				'<h5',
+			),
+			'html content'       => array(
+				array(
+					'type'    => 'html',
+					'content' => '<p>Read this first.</p>',
+				),
+				'Read this first.',
+			),
+			'spacer height'      => array(
+				array(
+					'type'   => 'spacer',
+					'height' => 64,
+				),
+				'64px',
+			),
+			'consent text'       => array(
+				array(
+					'type'        => 'consent',
+					'consentText' => 'I agree to the rules.',
+				),
+				'I agree to the rules.',
+			),
+			'textarea rows'      => array(
+				array(
+					'type' => 'textarea',
+					'rows' => 9,
+				),
+				'rows="9"',
+			),
+			'scale end labels'   => array(
+				array(
+					'type'     => 'scale',
+					'minLabel' => 'Not at all',
+					'maxLabel' => 'Every day',
+				),
+				'Every day',
+			),
+			'rating ceiling'     => array(
+				array(
+					'type' => 'rating',
+					'max'  => 3,
+				),
+				// Three stars and no fourth.
+				'value="3"',
+			),
+			'file types'         => array(
+				array(
+					'type'      => 'file',
+					'filetypes' => array( 'pdf' ),
+				),
+				'.pdf',
+			),
+			'chosen name parts'  => array(
+				array(
+					'type'  => 'name',
+					'parts' => array( 'first' ),
+				),
+				'given-name',
+			),
+			'likert statements'  => array(
+				array(
+					'type' => 'likert',
+					'rows'    => array(
+						array(
+							'key'   => 'r1',
+							'label' => 'The room was clean',
+						),
+					),
+					'choices' => array(
+						array(
+							'label' => 'Agree',
+							'value' => 'agree',
+						),
+					),
+				),
+				'The room was clean',
+			),
+		);
+	}
+
+	/**
+	 * A name field asked for one part shows only that part.
+	 *
+	 * The assertion the fragment test above cannot make: "contains given-name"
+	 * would pass just as well if every other part were still there.
+	 *
+	 * @covers ::atf_render_composite
+	 */
+	public function test_unchosen_parts_are_not_rendered() {
+		$html = $this->render_field(
+			array(
+				'type'  => 'name',
+				'parts' => array( 'first' ),
+			)
+		);
+
+		$this->assertStringContainsString( 'given-name', $html );
+		$this->assertStringNotContainsString( 'family-name', $html );
+	}
 }
diff --git a/tests/vitest/field-preview.test.ts b/tests/vitest/field-preview.test.ts
index eb64623..8690dc4 100644
--- a/tests/vitest/field-preview.test.ts
+++ b/tests/vitest/field-preview.test.ts
@@ -105,3 +105,183 @@ describe( 'hasPlaceholder', () => {
 		}
 	} );
 } );
+
+/**
+ * The canvas–inspector binding.
+ *
+ * Both panes edit one value and have to move together while it is being typed.
+ * That used to be two hand-kept lists of property names — one in `syncCanvas()`,
+ * one in `syncInspector()` — and the failure mode was quiet: forget a name in one
+ * of them and the value mirrors in one direction only, which looks like it works
+ * until somebody uses the other pane.
+ *
+ * Now every editable names the property it edits and both sync functions walk
+ * `[data-atfb-bind]`. What has to hold for that to be correct is that the key an
+ * element carries actually resolves, through `boundValue`, to the text the
+ * element is showing — so that is what is asserted here, for every editable a
+ * field renders.
+ */
+
+import { boundValue, renderFieldPreview } from '../../src/field-preview';
+import type { Field, FieldType } from '../../src/types';
+
+/** A field with just enough on it to render. */
+function field( overrides: Partial< Field > = {} ): Field {
+	return {
+		id: 'f1',
+		type: 'text',
+		label: 'Your name',
+		placeholder: '',
+		hint: '',
+		required: false,
+		width: 'full',
+		cssClass: '',
+		default: '',
+		choices: [],
+		logic: { enabled: false, action: 'show', match: 'all', rules: [] },
+		messages: {},
+		prefill: '',
+		...overrides,
+	} as Field;
+}
+
+/** A registered type, described by what it supports. */
+function definition( supports: string[], type = 'text' ): FieldType {
+	return {
+		type,
+		label: 'A field',
+		description: '',
+		group: 'basic',
+		icon: '',
+		input: true,
+		value: 'string',
+		choices: false,
+		supports,
+		settings: {},
+	};
+}
+
+/** Every in-place editable a preview rendered, with its bind key. */
+function editables( node: HTMLElement ): Array< { key: string; text: string } > {
+	return Array.from( node.querySelectorAll< HTMLElement >( '.atfb-editable' ) ).map( ( el ) => ( {
+		key: el.dataset.atfbBind ?? '',
+		text: el.textContent ?? '',
+	} ) );
+}
+
+const HANDLERS = { edit: () => {}, restructure: () => {} };
+
+describe( 'boundValue', () => {
+	it( 'reads a plain property', () => {
+		expect( boundValue( field( { hint: 'As it appears on your passport' } ), 'hint' ) ).toBe(
+			'As it appears on your passport'
+		);
+	} );
+
+	it( 'reads a type setting the interface does not name', () => {
+		// `nextLabel` lives in the field type's own settings rather than on the
+		// `Field` interface, and is exactly the kind of key the old hand-kept
+		// lists never covered.
+		expect( boundValue( field( { nextLabel: 'Continue' } ), 'nextLabel' ) ).toBe( 'Continue' );
+	} );
+
+	it( 'reads one choice out of the list by index', () => {
+		const target = field( {
+			choices: [
+				{ label: 'Yes', value: 'y' },
+				{ label: 'No', value: 'n' },
+			],
+		} );
+
+		expect( boundValue( target, 'choice:1:label' ) ).toBe( 'No' );
+		expect( boundValue( target, 'choice:1:value' ) ).toBe( 'n' );
+	} );
+
+	it( 'is empty rather than "undefined" for anything absent', () => {
+		// This lands in `textContent`, so a missing value has to be nothing at
+		// all — the string "undefined" would be written into somebody's form.
+		expect( boundValue( field(), 'nextLabel' ) ).toBe( '' );
+		expect( boundValue( field(), 'choice:9:label' ) ).toBe( '' );
+	} );
+} );
+
+describe( 'the bind keys a preview renders', () => {
+	it( 'resolve to the text they are showing', () => {
+		const target = field( {
+			type: 'radio',
+			label: 'Pick one',
+			hint: 'Only one',
+			choices: [ { label: 'Red', value: 'red' } ],
+		} );
+
+		const node = renderFieldPreview( target, definition( [ 'label', 'hint' ], 'radio' ), HANDLERS );
+
+		for ( const { key, text } of editables( node ) ) {
+			expect( key, `an editable showing "${ text }" names no property` ).not.toBe( '' );
+			expect( boundValue( target, key ), `bound as ${ key }` ).toBe( text );
+		}
+	} );
+
+	it( 'covers the page break, whose buttons had no control anywhere', () => {
+		const node = renderFieldPreview(
+			field( { type: 'page_break', label: 'Your details', nextLabel: 'Continue' } ),
+			definition( [ 'label', 'nextlabel', 'prevlabel' ], 'page_break' ),
+			HANDLERS
+		);
+
+		const keys = editables( node ).map( ( item ) => item.key );
+
+		expect( keys ).toContain( 'nextLabel' );
+		expect( keys ).toContain( 'prevLabel' );
+		expect( keys ).toContain( 'label' );
+	} );
+} );
+
+describe( 'the hint', () => {
+	it( 'is offered whenever the type has one, empty or not', () => {
+		// Rendering it only when it already had a value made hints undiscoverable:
+		// the sole way to find them was to notice the row in the inspector.
+		const node = renderFieldPreview( field(), definition( [ 'label', 'hint' ] ), HANDLERS );
+
+		expect( node.querySelector( '.atf-hint.atfb-editable' ) ).not.toBeNull();
+	} );
+
+	it( 'is absent where the type does not render one', () => {
+		// Typing into a hint the front end never shows is text that disappears.
+		const node = renderFieldPreview( field(), definition( [ 'label' ] ), HANDLERS );
+
+		expect( node.querySelector( '.atf-hint' ) ).toBeNull();
+	} );
+
+	it( 'sits under the control, where the front end puts it', () => {
+		const node = renderFieldPreview( field(), definition( [ 'label', 'hint' ] ), HANDLERS );
+		const order = Array.from( node.querySelectorAll( '.atf-input, .atf-hint' ) );
+
+		expect( order[ 0 ]?.classList.contains( 'atf-input' ) ).toBe( true );
+	} );
+} );
+
+describe( 'a toggle', () => {
+	it( 'writes its label once, beside the switch', () => {
+		// It draws its own label, so the card's usual label row above it was the
+		// same words twice.
+		const node = renderFieldPreview(
+			field( { type: 'switch', label: 'Send me updates' } ),
+			definition( [ 'label' ], 'switch' ),
+			HANDLERS
+		);
+
+		expect( node.querySelectorAll( '.atfb-editable[data-atfb-bind="label"]' ) ).toHaveLength( 1 );
+		expect( node.querySelector( '.atf-label' ) ).toBeNull();
+	} );
+
+	it( 'tells a switch apart from a consent tick box', () => {
+		// Same shape here, different control on the page, and the front end tells
+		// them apart by exactly this class.
+		const asSwitch = renderFieldPreview( field( { type: 'switch' } ), definition( [ 'label' ], 'switch' ), HANDLERS );
+		const asConsent = renderFieldPreview( field( { type: 'consent' } ), definition( [ 'label' ], 'consent' ), HANDLERS );
+
+		expect( asSwitch.querySelector( '.atf-toggle--switch' ) ).not.toBeNull();
+		expect( asConsent.querySelector( '.atf-toggle--switch' ) ).toBeNull();
+	} );
+} );
diff --git a/tests/vitest/field-settings.test.ts b/tests/vitest/field-settings.test.ts
new file mode 100644
index 0000000..10b1764
--- /dev/null
+++ b/tests/vitest/field-settings.test.ts
@@ -0,0 +1,177 @@
+/**
+ * Every setting a field type declares can be reached.
+ *
+ * A field type says what it supports; the inspector decides what to draw. Nothing
+ * joined those two, and the result was not a bug anybody could see: thirty-two
+ * supported settings had no control anywhere in the builder. The heading level on
+ * a heading. The markup in an HTML block. The file types a file field accepts. How
+ * many rows a repeater allows. The words on the ends of a scale. The button at the
+ * bottom of a page break — which is where this started, because a form in any
+ * language other than English shipped a button saying "Next" and there was nothing
+ * to be done about it.
+ *
+ * Every one of them worked perfectly once set. That is exactly why nobody noticed:
+ * the renderer honoured them, the schema stored them, the tests that existed
+ * passed, and the only way to set one was to export the form as JSON, edit it, and
+ * import it back.
+ *
+ * So the invariant is asserted directly, against the PHP that registers the types
+ * rather than against a copy of it. A list of flags kept by hand here would agree
+ * with itself forever while disagreeing with the plugin.
+ */
+
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { describe, expect, it } from 'vitest';
+import { SETTING_CONTROLS, SETTINGS_HANDLED_ELSEWHERE } from '../../src/builder';
+
+/**
+ * Every `supports` flag any built-in type declares.
+ *
+ * Read out of the source because that is the thing this has to disagree with. The
+ * alternative — asking a running WordPress — would be a truer answer and an
+ * untestable one from here, and the built-in registrations are a plain literal, so
+ * reading them is unambiguous.
+ */
+function declaredFlags(): string[] {
+	// Resolved from the working directory rather than from `import.meta.url`,
+	// which under the jsdom environment is not a file URL.
+	const php = readFileSync( resolve( process.cwd(), 'includes/field-types.php' ), 'utf8' );
+	const flags = new Set< string >();
+
+	// `atf_input_supports()` contributes its common set to almost every type, so
+	// its own array is scanned as well as each type's extras.
+	for ( const block of php.matchAll( /'supports'\s*=>\s*(?:atf_input_supports\(\s*)?array\(([^)]*)\)/g ) ) {
+		for ( const flag of block[ 1 ].matchAll( /'([a-z]+)'/g ) ) {
+			flags.add( flag[ 1 ] );
+		}
+	}
+
+	for ( const flag of [ 'label', 'placeholder', 'hint', 'required', 'default', 'width', 'css', 'prefill', 'logic' ] ) {
+		flags.add( flag );
+	}
+
+	return [ ...flags ].sort();
+}
+
+describe( 'the settings a field type declares', () => {
+	it( 'were read out of the registrations at all', () => {
+		// Guards the regex above rather than the plugin: if it stopped matching,
+		// every other assertion here would pass over an empty list and this file
+		// would be a test that cannot fail.
+		const flags = declaredFlags();
+
+		expect( flags.length ).toBeGreaterThan( 30 );
+		expect( flags ).toContain( 'nextlabel' );
+		expect( flags ).toContain( 'consenttext' );
+	} );
+
+	it( 'can every one of them be reached from the builder', () => {
+		const unreachable = declaredFlags().filter(
+			( flag ) => ! ( flag in SETTING_CONTROLS ) && ! ( flag in SETTINGS_HANDLED_ELSEWHERE )
+		);
+
+		expect(
+			unreachable,
+			'These settings are honoured by the renderer but no control writes them. ' +
+				'Add a row to SETTING_CONTROLS, or — if it is edited somewhere else — say ' +
+				'where in SETTINGS_HANDLED_ELSEWHERE.'
+		).toEqual( [] );
+	} );
+
+	it( 'and nothing is claimed to be reachable that no type declares', () => {
+		// The other direction, which is what goes stale after a flag is removed: a
+		// control for a setting nothing has is a row that never appears, and an
+		// entry in the "handled elsewhere" list is a note about nothing.
+		const declared = new Set( declaredFlags() );
+		const orphaned = [ ...Object.keys( SETTING_CONTROLS ), ...Object.keys( SETTINGS_HANDLED_ELSEWHERE ) ].filter(
+			( flag ) => ! declared.has( flag )
+		);
+
+		expect( orphaned ).toEqual( [] );
+	} );
+} );
+
+describe( 'the table itself', () => {
+	it( 'gives a select something to select from', () => {
+		for ( const [ flag, setting ] of Object.entries( SETTING_CONTROLS ) ) {
+			if ( 'select' === setting.control ) {
+				expect( setting.options?.length, `${ flag } is a dropdown with no options` ).toBeGreaterThan( 0 );
+			}
+		}
+	} );
+
+	it( 'names a field property for every row, and for every paired row', () => {
+		// The label is what somebody reads; the key is what gets written. A row
+		// with the wrong key edits nothing and looks like it worked.
+		for ( const [ flag, setting ] of Object.entries( SETTING_CONTROLS ) ) {
+			expect( setting.key, `${ flag } writes nothing` ).toBeTruthy();
+			expect( setting.label, `${ flag } is unlabelled` ).toBeTruthy();
+
+			if ( setting.also ) {
+				expect( setting.also.key, `${ flag }'s companion writes nothing` ).toBeTruthy();
+				expect( setting.also.key ).not.toBe( setting.key );
+			}
+		}
+	} );
+} );
+
+/**
+ * Rewriting a Likert matrix's statements.
+ *
+ * The statements are edited as a block of text, one per line, which is the right
+ * control for a handful of short sentences pasted in from somewhere else. What it
+ * hides is that a row is not a string: it is `{ key, label }`, and the key is what
+ * every answer is stored against.
+ *
+ * So the dangerous edit is the harmless-looking one — fixing a typo in a
+ * statement. If that minted a new key, every answer already given to that
+ * statement would detach from it, in entries collected months ago that nobody
+ * looks at again until an export. Nothing would error. The matrix would simply
+ * start counting from zero.
+ */
+
+import { restatement } from '../../src/builder';
+
+describe( 'restatement', () => {
+	const rows = [
+		{ key: 'r1', label: 'The room was clean' },
+		{ key: 'r2', label: 'The staff were helpful' },
+	];
+
+	it( 'keeps a statement’s key when its wording changes', () => {
+		const next = restatement( rows, 'The room was clean\nThe staff were friendly' );
+
+		expect( next.map( ( r ) => r.key ) ).toEqual( [ 'r1', 'r2' ] );
+		expect( next[ 1 ].label ).toBe( 'The staff were friendly' );
+	} );
+
+	it( 'gives a new statement a key that has never been used', () => {
+		const next = restatement( rows, 'The room was clean\nThe staff were helpful\nI would come back' );
+
+		expect( next[ 2 ].key ).not.toBe( 'r1' );
+		expect( next[ 2 ].key ).not.toBe( 'r2' );
+		expect( new Set( next.map( ( r ) => r.key ) ).size ).toBe( 3 );
+	} );
+
+	it( 'does not reuse the key of a statement that was deleted earlier', () => {
+		// Answers to the old r3 may still be sitting in entries. A new statement
+		// that took its key would inherit them.
+		const sparse = [
+			{ key: 'r1', label: 'One' },
+			{ key: 'r3', label: 'Three' },
+		];
+
+		const next = restatement( sparse, 'One\nThree\nFour' );
+
+		expect( next.map( ( r ) => r.key ) ).toEqual( [ 'r1', 'r3', 'r4' ] );
+	} );
+
+	it( 'drops blank lines rather than making an unnamed row', () => {
+		expect( restatement( rows, 'One\n\n   \nTwo' ) ).toHaveLength( 2 );
+	} );
+
+	it( 'returns nothing for an empty box', () => {
+		expect( restatement( rows, '   ' ) ).toEqual( [] );
+	} );
+} );