@defra/forms-model 3.0.447 → 3.0.449

package/dist/module/form/form-editor/preview/list-sortable.js

@@ -0,0 +1,40 @@
+import { ListQuestion } from "./list.js";
+export class ListSortableQuestion extends ListQuestion {
+  /**
+   * @param {ListElements} listElements
+   * @param {QuestionRenderer} questionRenderer
+   */
+  constructor(listElements, questionRenderer) {
+    super(listElements, questionRenderer);
+    const items = /** @type {ListElement[]} */listElements.values.items;
+    this._list = this.createListFromElements(items);
+    this._listElements = listElements;
+  }
+
+  /**
+   * @returns {Map<string, ListElement>}
+   */
+  resyncPreviewAfterReorder() {
+    const newList = this._listElements.values.items;
+    this._list = this.createListFromElements(newList);
+    this.render();
+    return this._list;
+  }
+  get listElementObjects() {
+    return Array.from(this._list).map(([, value]) => ({
+      id: value.id,
+      text: value.text,
+      hint: value.hint?.text ? {
+        text: value.hint.text
+      } : undefined,
+      value: value.value
+    }));
+  }
+}
+
+/**
+ * @import {ListElement} from '~/src/form/form-editor/types.js'
+ * @import { QuestionRenderer, HTMLBuilder, ListElements, BaseSettings } from '~/src/form/form-editor/preview/types.js'
+ * @import { SortableEvent, SortableOptions } from 'sortablejs'
+ */
+//# sourceMappingURL=list-sortable.js.map

package/dist/module/form/form-editor/preview/list-sortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-sortable.js","names":["ListQuestion","ListSortableQuestion","constructor","listElements","questionRenderer","items","values","_list","createListFromElements","_listElements","resyncPreviewAfterReorder","newList","render","listElementObjects","Array","from","map","value","id","text","hint","undefined"],"sources":["../../../../../src/form/form-editor/preview/list-sortable.js"],"sourcesContent":["import { ListQuestion } from '~/src/form/form-editor/preview/list.js'\n\nexport class ListSortableQuestion extends ListQuestion {\n  /**\n   * @param {ListElements} listElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(listElements, questionRenderer) {\n    super(listElements, questionRenderer)\n    const items = /** @type {ListElement[]} */ (listElements.values.items)\n    this._list = this.createListFromElements(items)\n    this._listElements = listElements\n  }\n\n  /**\n   * @returns {Map<string, ListElement>}\n   */\n  resyncPreviewAfterReorder() {\n    const newList = this._listElements.values.items\n    this._list = this.createListFromElements(newList)\n    this.render()\n    return this._list\n  }\n\n  get listElementObjects() {\n    return Array.from(this._list).map(([, value]) => ({\n      id: value.id,\n      text: value.text,\n      hint: value.hint?.text ? { text: value.hint.text } : undefined,\n      value: value.value\n    }))\n  }\n}\n\n/**\n * @import {ListElement} from '~/src/form/form-editor/types.js'\n * @import { QuestionRenderer, HTMLBuilder, ListElements, BaseSettings } from '~/src/form/form-editor/preview/types.js'\n * @import { SortableEvent, SortableOptions } from 'sortablejs'\n */\n"],"mappings":"AAAA,SAASA,YAAY;AAErB,OAAO,MAAMC,oBAAoB,SAASD,YAAY,CAAC;EACrD;AACF;AACA;AACA;EACEE,WAAWA,CAACC,YAAY,EAAEC,gBAAgB,EAAE;IAC1C,KAAK,CAACD,YAAY,EAAEC,gBAAgB,CAAC;IACrC,MAAMC,KAAK,GAAG,4BAA8BF,YAAY,CAACG,MAAM,CAACD,KAAM;IACtE,IAAI,CAACE,KAAK,GAAG,IAAI,CAACC,sBAAsB,CAACH,KAAK,CAAC;IAC/C,IAAI,CAACI,aAAa,GAAGN,YAAY;EACnC;;EAEA;AACF;AACA;EACEO,yBAAyBA,CAAA,EAAG;IAC1B,MAAMC,OAAO,GAAG,IAAI,CAACF,aAAa,CAACH,MAAM,CAACD,KAAK;IAC/C,IAAI,CAACE,KAAK,GAAG,IAAI,CAACC,sBAAsB,CAACG,OAAO,CAAC;IACjD,IAAI,CAACC,MAAM,CAAC,CAAC;IACb,OAAO,IAAI,CAACL,KAAK;EACnB;EAEA,IAAIM,kBAAkBA,CAAA,EAAG;IACvB,OAAOC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACR,KAAK,CAAC,CAACS,GAAG,CAAC,CAAC,GAAGC,KAAK,CAAC,MAAM;MAChDC,EAAE,EAAED,KAAK,CAACC,EAAE;MACZC,IAAI,EAAEF,KAAK,CAACE,IAAI;MAChBC,IAAI,EAAEH,KAAK,CAACG,IAAI,EAAED,IAAI,GAAG;QAAEA,IAAI,EAAEF,KAAK,CAACG,IAAI,CAACD;MAAK,CAAC,GAAGE,SAAS;MAC9DJ,KAAK,EAAEA,KAAK,CAACA;IACf,CAAC,CAAC,CAAC;EACL;AACF;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/list.js

@@ -0,0 +1,182 @@
+import { Question } from "./question.js";
+const DefaultListConst = {
+  TextElementId: 'radioText',
+  HintElementId: 'radioHint',
+  Template: 'radios.njk',
+  Input: 'listInput',
+  RenderName: 'listInputField'
+};
+
+/**
+ * @param {ListElement} listElement
+ * @returns {[string, ListElement]}
+ */
+export function listItemMapper(listElement) {
+  return [listElement.id, listElement];
+}
+
+/**
+ *
+ * @param { ListElement[]| undefined } listElements
+ * @returns {Map<string, ListElement>}
+ */
+export function listsElementToMap(listElements) {
+  const entries = listElements ? listElements.map(listItemMapper) : [];
+  return new Map(entries);
+}
+export class ListQuestion extends Question {
+  /**
+   * @type {string}
+   * @protected
+   */
+  _questionTemplate = DefaultListConst.Template;
+  /** @type {ListElements} */
+  _listElements;
+  listRenderId = DefaultListConst.Input;
+  listRenderName = DefaultListConst.RenderName;
+
+  /**
+   * @type {Map<string, ListElement>}
+   * @protected
+   */
+  _list;
+
+  /**
+   * @param {ListElements} listElements
+   * @param {QuestionRenderer} questionRenderer
+   */
+  constructor(listElements, questionRenderer) {
+    super(listElements, questionRenderer);
+    const items = /** @type {ListElement[]} */listElements.values.items;
+    this._list = this.createListFromElements(items);
+    this._listElements = listElements;
+  }
+  get renderInput() {
+    const afterInputs = /** @type {{ formGroup?: { afterInputs: { html: string } } }} */
+    this.list.length ? {} : {
+      formGroup: {
+        afterInputs: {
+          html: this._listElements.afterInputsHTML
+        }
+      }
+    };
+    return {
+      id: this.listRenderId,
+      name: this.listRenderName,
+      fieldset: this.fieldSet,
+      hint: this.hint,
+      items: this.list,
+      ...afterInputs
+    };
+  }
+
+  /**
+   *
+   * @param {ListElement} listElement
+   */
+  push(listElement) {
+    this._list.set(listElement.id, listElement);
+    this.render();
+  }
+
+  /**
+   * @param {string} key
+   */
+  delete(key) {
+    this._list.delete(key);
+    this.render();
+  }
+
+  /**
+   * @param {ListElement[]} listElements
+   * @returns {Map<string, ListElement>}
+   */
+  createListFromElements(listElements) {
+    this._list = listsElementToMap(listElements);
+    return this._list;
+  }
+
+  /**
+   * @returns {ListItemReadonly[]}
+   * @readonly
+   */
+  get list() {
+    const iterator = /** @type {MapIterator<ListElement>} */
+    this._list.values();
+    return Array.from(iterator).map(listItem => {
+      const hintText = this._highlight === `${listItem.id}-hint` && !listItem.hint?.text.length ? 'Hint text' : listItem.hint?.text ?? '';
+      const hint = {
+        hint: hintText ? {
+          text: hintText,
+          classes: this.getHighlight(listItem.id + '-hint')
+        } : undefined
+      };
+      const text = listItem.text.length ? listItem.text : 'Item text';
+      return {
+        ...listItem,
+        text,
+        ...hint,
+        label: {
+          text: listItem.text,
+          classes: this.getHighlight(listItem.id + '-label')
+        }
+      };
+    });
+  }
+
+  /**
+   *
+   * @param {string | undefined} id
+   * @param {string} text
+   */
+  updateText(id, text) {
+    if (!id) {
+      return;
+    }
+    const listItem = this._list.get(id);
+    if (listItem) {
+      listItem.text = text;
+      this.render();
+    }
+  }
+
+  /**
+   *
+   * @param {string | undefined} id
+   * @param {string} hint
+   */
+  updateHint(id, hint) {
+    if (!id) {
+      return;
+    }
+    const listItem = this._list.get(id);
+    if (listItem) {
+      listItem.hint = {
+        ...listItem.hint,
+        text: hint
+      };
+      this.render();
+    }
+  }
+
+  /**
+   * @param {string | undefined} id
+   * @param {string} value
+   */
+  updateValue(id, value) {
+    if (!id) {
+      return;
+    }
+    const listItem = this._list.get(id);
+    if (listItem) {
+      listItem.value = value;
+      this.render();
+    }
+  }
+}
+
+/**
+ * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
+ * @import { ListenerRow, ListElements, QuestionRenderer, HTMLBuilder } from '~/src/form/form-editor/preview/types.js'
+ */
+//# sourceMappingURL=list.js.map

package/dist/module/form/form-editor/preview/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","names":["Question","DefaultListConst","TextElementId","HintElementId","Template","Input","RenderName","listItemMapper","listElement","id","listsElementToMap","listElements","entries","map","Map","ListQuestion","_questionTemplate","_listElements","listRenderId","listRenderName","_list","constructor","questionRenderer","items","values","createListFromElements","renderInput","afterInputs","list","length","formGroup","html","afterInputsHTML","name","fieldset","fieldSet","hint","push","set","render","delete","key","iterator","Array","from","listItem","hintText","_highlight","text","classes","getHighlight","undefined","label","updateText","get","updateHint","updateValue","value"],"sources":["../../../../../src/form/form-editor/preview/list.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nconst DefaultListConst = {\n  TextElementId: 'radioText',\n  HintElementId: 'radioHint',\n  Template: 'radios.njk',\n  Input: 'listInput',\n  RenderName: 'listInputField'\n}\n\n/**\n * @param {ListElement} listElement\n * @returns {[string, ListElement]}\n */\nexport function listItemMapper(listElement) {\n  return [listElement.id, listElement]\n}\n\n/**\n *\n * @param { ListElement[]| undefined } listElements\n * @returns {Map<string, ListElement>}\n */\nexport function listsElementToMap(listElements) {\n  const entries = listElements ? listElements.map(listItemMapper) : []\n  return new Map(entries)\n}\n\nexport class ListQuestion extends Question {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = DefaultListConst.Template\n  /** @type {ListElements} */\n  _listElements\n  listRenderId = DefaultListConst.Input\n  listRenderName = DefaultListConst.RenderName\n\n  /**\n   * @type {Map<string, ListElement>}\n   * @protected\n   */\n  _list\n\n  /**\n   * @param {ListElements} listElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(listElements, questionRenderer) {\n    super(listElements, questionRenderer)\n\n    const items = /** @type {ListElement[]} */ (listElements.values.items)\n    this._list = this.createListFromElements(items)\n    this._listElements = listElements\n  }\n\n  get renderInput() {\n    const afterInputs =\n      /** @type {{ formGroup?: { afterInputs: { html: string } } }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInputs: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this.listRenderId,\n      name: this.listRenderName,\n      fieldset: this.fieldSet,\n      hint: this.hint,\n      items: this.list,\n      ...afterInputs\n    }\n  }\n\n  /**\n   *\n   * @param {ListElement} listElement\n   */\n  push(listElement) {\n    this._list.set(listElement.id, listElement)\n    this.render()\n  }\n\n  /**\n   * @param {string} key\n   */\n  delete(key) {\n    this._list.delete(key)\n    this.render()\n  }\n\n  /**\n   * @param {ListElement[]} listElements\n   * @returns {Map<string, ListElement>}\n   */\n  createListFromElements(listElements) {\n    this._list = listsElementToMap(listElements)\n    return this._list\n  }\n\n  /**\n   * @returns {ListItemReadonly[]}\n   * @readonly\n   */\n  get list() {\n    const iterator = /** @type {MapIterator<ListElement>} */ (\n      this._list.values()\n    )\n    return Array.from(iterator).map((listItem) => {\n      const hintText =\n        this._highlight === `${listItem.id}-hint` && !listItem.hint?.text.length\n          ? 'Hint text'\n          : (listItem.hint?.text ?? '')\n\n      const hint = {\n        hint: hintText\n          ? {\n              text: hintText,\n              classes: this.getHighlight(listItem.id + '-hint')\n            }\n          : undefined\n      }\n\n      const text = listItem.text.length ? listItem.text : 'Item text'\n\n      return {\n        ...listItem,\n        text,\n        ...hint,\n        label: {\n          text: listItem.text,\n          classes: this.getHighlight(listItem.id + '-label')\n        }\n      }\n    })\n  }\n\n  /**\n   *\n   * @param {string | undefined} id\n   * @param {string} text\n   */\n  updateText(id, text) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.text = text\n      this.render()\n    }\n  }\n\n  /**\n   *\n   * @param {string | undefined} id\n   * @param {string} hint\n   */\n  updateHint(id, hint) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.hint = {\n        ...listItem.hint,\n        text: hint\n      }\n      this.render()\n    }\n  }\n\n  /**\n   * @param {string | undefined} id\n   * @param {string} value\n   */\n  updateValue(id, value) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.value = value\n      this.render()\n    }\n  }\n}\n\n/**\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n * @import { ListenerRow, ListElements, QuestionRenderer, HTMLBuilder } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

package/dist/module/form/form-editor/preview/phone-number.js

@@ -0,0 +1,10 @@
+import { Question } from "./question.js";
+export class PhoneNumberQuestion extends Question {
+  _questionTemplate = 'telephonenumberfield.njk';
+  _fieldName = 'phoneNumberField';
+}
+
+/**
+ * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/question.js'
+ */
+//# sourceMappingURL=phone-number.js.map

package/dist/module/form/form-editor/preview/phone-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number.js","names":["Question","PhoneNumberQuestion","_questionTemplate","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/phone-number.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class PhoneNumberQuestion extends Question {\n  _questionTemplate = 'telephonenumberfield.njk'\n  _fieldName = 'phoneNumberField'\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/question.js'\n */\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,mBAAmB,SAASD,QAAQ,CAAC;EAChDE,iBAAiB,GAAG,0BAA0B;EAC9CC,UAAU,GAAG,kBAAkB;AACjC;;AAEA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/question.js

@@ -0,0 +1,197 @@
+/**
+ * @class Question
+ * @classdesc
+ * A data object that has access to the underlying data via the QuestionElements object interface
+ * and the templating mechanism to render the HTML for the data.
+ *
+ * It does not have access to the DOM, but has access to QuestionElements.setPreviewHTML to update
+ * the HTML.  Question classes should only be responsible for data and rendering as are reused in the
+ * server side.
+ */
+export class Question {
+  /**
+   * @type {string}
+   * @protected
+   */
+  _questionTemplate = 'textfield.njk';
+  /**
+   * @type { string|null }
+   * @protected
+   */
+  _highlight = null;
+  /**
+   * @type {string}
+   * @protected
+   */
+  _fieldName = 'inputField';
+  /**
+   * @type {QuestionRenderer}
+   * @protected
+   */
+  _questionRenderer;
+
+  /**
+   * @param {QuestionElements} htmlElements
+   * @param {QuestionRenderer} questionRenderer
+   */
+  constructor(htmlElements, questionRenderer) {
+    const {
+      question,
+      hintText,
+      optional
+    } = htmlElements.values;
+
+    /**
+     * @type {QuestionElements}
+     * @private
+     */
+    this._htmlElements = htmlElements;
+    /**
+     * @type {string}
+     * @private
+     */
+    this._question = question;
+    /**
+     * @type {string}
+     * @private
+     */
+    this._hintText = hintText;
+    /**
+     * @type {boolean}
+     * @private
+     */
+    this._optional = optional;
+    /**
+     *
+     * @type {QuestionRenderer}
+     * @protected
+     */
+    this._questionRenderer = questionRenderer;
+  }
+
+  /**
+   * @param {string} element
+   * @returns {string}
+   * @protected
+   */
+  getHighlight(element) {
+    return this._highlight === element ? ' highlight' : '';
+  }
+  get titleText() {
+    const optionalText = this._optional ? ' (optional)' : '';
+    return (!this._question ? 'Question' : this._question) + optionalText;
+  }
+
+  /**
+   * @protected
+   * @type {DefaultComponent}
+   */
+  get label() {
+    return {
+      text: this.titleText,
+      classes: 'govuk-label--l' + this.getHighlight('question')
+    };
+  }
+
+  /**
+   * @protected
+   * @type {GovukFieldset}
+   */
+  get fieldSet() {
+    return {
+      legend: {
+        text: this.titleText,
+        classes: 'govuk-fieldset__legend--l' + this.getHighlight('question')
+      }
+    };
+  }
+
+  /**
+   * @type {DefaultComponent}
+   * @protected
+   */
+  get hint() {
+    const text = this._highlight === 'hintText' && !this._hintText.length ? 'Hint text' : this._hintText;
+    return {
+      text,
+      classes: this.getHighlight('hintText')
+    };
+  }
+
+  /**
+   * @type {QuestionBaseModel}
+   */
+  get renderInput() {
+    return {
+      id: this._fieldName,
+      name: this._fieldName,
+      label: this.label,
+      hint: this.hint
+    };
+  }
+  render() {
+    this._questionRenderer.render(this._questionTemplate, this.renderInput);
+  }
+
+  /**
+   * @type {string}
+   */
+  get question() {
+    return this._question;
+  }
+
+  /**
+   * @param {string} value
+   */
+  set question(value) {
+    this._question = value;
+    this.render();
+  }
+
+  /**
+   * @type {string}
+   */
+  get hintText() {
+    return this._hintText;
+  }
+
+  /**
+   * @param {string} value
+   */
+  set hintText(value) {
+    this._hintText = value;
+    this.render();
+  }
+  get optional() {
+    return this._optional;
+  }
+
+  /**
+   * @param {boolean} value
+   */
+  set optional(value) {
+    this._optional = value;
+    this.render();
+  }
+
+  /**
+   * @type {string | null}
+   */
+  get highlight() {
+    return this._highlight;
+  }
+
+  /**
+   * @param {string | null} value
+   */
+  set highlight(value) {
+    this._highlight = value;
+    this.render();
+  }
+}
+
+/**
+ * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'
+ * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
+ */
+//# sourceMappingURL=question.js.map

package/dist/module/form/form-editor/preview/question.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.js","names":["Question","_questionTemplate","_highlight","_fieldName","_questionRenderer","constructor","htmlElements","questionRenderer","question","hintText","optional","values","_htmlElements","_question","_hintText","_optional","getHighlight","element","titleText","optionalText","label","text","classes","fieldSet","legend","hint","length","renderInput","id","name","render","value","highlight"],"sources":["../../../../../src/form/form-editor/preview/question.js"],"sourcesContent":["/**\n * @class Question\n * @classdesc\n * A data object that has access to the underlying data via the QuestionElements object interface\n * and the templating mechanism to render the HTML for the data.\n *\n * It does not have access to the DOM, but has access to QuestionElements.setPreviewHTML to update\n * the HTML.  Question classes should only be responsible for data and rendering as are reused in the\n * server side.\n */\nexport class Question {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = 'textfield.njk'\n  /**\n   * @type { string|null }\n   * @protected\n   */\n  _highlight = null\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'inputField'\n  /**\n   * @type {QuestionRenderer}\n   * @protected\n   */\n  _questionRenderer\n\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    const { question, hintText, optional } = htmlElements.values\n\n    /**\n     * @type {QuestionElements}\n     * @private\n     */\n    this._htmlElements = htmlElements\n    /**\n     * @type {string}\n     * @private\n     */\n    this._question = question\n    /**\n     * @type {string}\n     * @private\n     */\n    this._hintText = hintText\n    /**\n     * @type {boolean}\n     * @private\n     */\n    this._optional = optional\n    /**\n     *\n     * @type {QuestionRenderer}\n     * @protected\n     */\n    this._questionRenderer = questionRenderer\n  }\n\n  /**\n   * @param {string} element\n   * @returns {string}\n   * @protected\n   */\n  getHighlight(element) {\n    return this._highlight === element ? ' highlight' : ''\n  }\n\n  get titleText() {\n    const optionalText = this._optional ? ' (optional)' : ''\n    return (!this._question ? 'Question' : this._question) + optionalText\n  }\n\n  /**\n   * @protected\n   * @type {DefaultComponent}\n   */\n  get label() {\n    return {\n      text: this.titleText,\n      classes: 'govuk-label--l' + this.getHighlight('question')\n    }\n  }\n\n  /**\n   * @protected\n   * @type {GovukFieldset}\n   */\n  get fieldSet() {\n    return {\n      legend: {\n        text: this.titleText,\n        classes: 'govuk-fieldset__legend--l' + this.getHighlight('question')\n      }\n    }\n  }\n\n  /**\n   * @type {DefaultComponent}\n   * @protected\n   */\n  get hint() {\n    const text =\n      this._highlight === 'hintText' && !this._hintText.length\n        ? 'Hint text'\n        : this._hintText\n\n    return {\n      text,\n      classes: this.getHighlight('hintText')\n    }\n  }\n\n  /**\n   * @type {QuestionBaseModel}\n   */\n  get renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      label: this.label,\n      hint: this.hint\n    }\n  }\n\n  render() {\n    this._questionRenderer.render(this._questionTemplate, this.renderInput)\n  }\n\n  /**\n   * @type {string}\n   */\n  get question() {\n    return this._question\n  }\n\n  /**\n   * @param {string} value\n   */\n  set question(value) {\n    this._question = value\n    this.render()\n  }\n\n  /**\n   * @type {string}\n   */\n  get hintText() {\n    return this._hintText\n  }\n\n  /**\n   * @param {string} value\n   */\n  set hintText(value) {\n    this._hintText = value\n    this.render()\n  }\n\n  get optional() {\n    return this._optional\n  }\n\n  /**\n   * @param {boolean} value\n   */\n  set optional(value) {\n    this._optional = value\n    this.render()\n  }\n\n  /**\n   * @type {string | null}\n   */\n  get highlight() {\n    return this._highlight\n  }\n\n  /**\n   * @param {string | null} value\n   */\n  set highlight(value) {\n    this._highlight = value\n    this.render()\n  }\n}\n\n/**\n * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,QAAQ,CAAC;EACpB;AACF;AACA;AACA;EACEC,iBAAiB,GAAG,eAAe;EACnC;AACF;AACA;AACA;EACEC,UAAU,GAAG,IAAI;EACjB;AACF;AACA;AACA;EACEC,UAAU,GAAG,YAAY;EACzB;AACF;AACA;AACA;EACEC,iBAAiB;;EAEjB;AACF;AACA;AACA;EACEC,WAAWA,CAACC,YAAY,EAAEC,gBAAgB,EAAE;IAC1C,MAAM;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC;IAAS,CAAC,GAAGJ,YAAY,CAACK,MAAM;;IAE5D;AACJ;AACA;AACA;IACI,IAAI,CAACC,aAAa,GAAGN,YAAY;IACjC;AACJ;AACA;AACA;IACI,IAAI,CAACO,SAAS,GAAGL,QAAQ;IACzB;AACJ;AACA;AACA;IACI,IAAI,CAACM,SAAS,GAAGL,QAAQ;IACzB;AACJ;AACA;AACA;IACI,IAAI,CAACM,SAAS,GAAGL,QAAQ;IACzB;AACJ;AACA;AACA;AACA;IACI,IAAI,CAACN,iBAAiB,GAAGG,gBAAgB;EAC3C;;EAEA;AACF;AACA;AACA;AACA;EACES,YAAYA,CAACC,OAAO,EAAE;IACpB,OAAO,IAAI,CAACf,UAAU,KAAKe,OAAO,GAAG,YAAY,GAAG,EAAE;EACxD;EAEA,IAAIC,SAASA,CAAA,EAAG;IACd,MAAMC,YAAY,GAAG,IAAI,CAACJ,SAAS,GAAG,aAAa,GAAG,EAAE;IACxD,OAAO,CAAC,CAAC,IAAI,CAACF,SAAS,GAAG,UAAU,GAAG,IAAI,CAACA,SAAS,IAAIM,YAAY;EACvE;;EAEA;AACF;AACA;AACA;EACE,IAAIC,KAAKA,CAAA,EAAG;IACV,OAAO;MACLC,IAAI,EAAE,IAAI,CAACH,SAAS;MACpBI,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAACN,YAAY,CAAC,UAAU;IAC1D,CAAC;EACH;;EAEA;AACF;AACA;AACA;EACE,IAAIO,QAAQA,CAAA,EAAG;IACb,OAAO;MACLC,MAAM,EAAE;QACNH,IAAI,EAAE,IAAI,CAACH,SAAS;QACpBI,OAAO,EAAE,2BAA2B,GAAG,IAAI,CAACN,YAAY,CAAC,UAAU;MACrE;IACF,CAAC;EACH;;EAEA;AACF;AACA;AACA;EACE,IAAIS,IAAIA,CAAA,EAAG;IACT,MAAMJ,IAAI,GACR,IAAI,CAACnB,UAAU,KAAK,UAAU,IAAI,CAAC,IAAI,CAACY,SAAS,CAACY,MAAM,GACpD,WAAW,GACX,IAAI,CAACZ,SAAS;IAEpB,OAAO;MACLO,IAAI;MACJC,OAAO,EAAE,IAAI,CAACN,YAAY,CAAC,UAAU;IACvC,CAAC;EACH;;EAEA;AACF;AACA;EACE,IAAIW,WAAWA,CAAA,EAAG;IAChB,OAAO;MACLC,EAAE,EAAE,IAAI,CAACzB,UAAU;MACnB0B,IAAI,EAAE,IAAI,CAAC1B,UAAU;MACrBiB,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBK,IAAI,EAAE,IAAI,CAACA;IACb,CAAC;EACH;EAEAK,MAAMA,CAAA,EAAG;IACP,IAAI,CAAC1B,iBAAiB,CAAC0B,MAAM,CAAC,IAAI,CAAC7B,iBAAiB,EAAE,IAAI,CAAC0B,WAAW,CAAC;EACzE;;EAEA;AACF;AACA;EACE,IAAInB,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACK,SAAS;EACvB;;EAEA;AACF;AACA;EACE,IAAIL,QAAQA,CAACuB,KAAK,EAAE;IAClB,IAAI,CAAClB,SAAS,GAAGkB,KAAK;IACtB,IAAI,CAACD,MAAM,CAAC,CAAC;EACf;;EAEA;AACF;AACA;EACE,IAAIrB,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACK,SAAS;EACvB;;EAEA;AACF;AACA;EACE,IAAIL,QAAQA,CAACsB,KAAK,EAAE;IAClB,IAAI,CAACjB,SAAS,GAAGiB,KAAK;IACtB,IAAI,CAACD,MAAM,CAAC,CAAC;EACf;EAEA,IAAIpB,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACK,SAAS;EACvB;;EAEA;AACF;AACA;EACE,IAAIL,QAAQA,CAACqB,KAAK,EAAE;IAClB,IAAI,CAAChB,SAAS,GAAGgB,KAAK;IACtB,IAAI,CAACD,MAAM,CAAC,CAAC;EACf;;EAEA;AACF;AACA;EACE,IAAIE,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAAC9B,UAAU;EACxB;;EAEA;AACF;AACA;EACE,IAAI8B,SAASA,CAACD,KAAK,EAAE;IACnB,IAAI,CAAC7B,UAAU,GAAG6B,KAAK;IACvB,IAAI,CAACD,MAAM,CAAC,CAAC;EACf;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/radio-sortable.js

@@ -0,0 +1,5 @@
+import { ListSortableQuestion } from "./list-sortable.js";
+export class RadioSortableQuestion extends ListSortableQuestion {
+  _questionTemplate = 'radios.njk';
+}
+//# sourceMappingURL=radio-sortable.js.map

package/dist/module/form/form-editor/preview/radio-sortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-sortable.js","names":["ListSortableQuestion","RadioSortableQuestion","_questionTemplate"],"sources":["../../../../../src/form/form-editor/preview/radio-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\n\nexport class RadioSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,oBAAoB;AAE7B,OAAO,MAAMC,qBAAqB,SAASD,oBAAoB,CAAC;EAC9DE,iBAAiB,GAAG,YAAY;AAClC","ignoreList":[]}

package/dist/module/form/form-editor/preview/radio.js

@@ -0,0 +1,5 @@
+import { ListQuestion } from "./list.js";
+export class RadioQuestion extends ListQuestion {
+  _questionTemplate = 'radios.njk';
+}
+//# sourceMappingURL=radio.js.map

package/dist/module/form/form-editor/preview/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":["ListQuestion","RadioQuestion","_questionTemplate"],"sources":["../../../../../src/form/form-editor/preview/radio.js"],"sourcesContent":["import { ListQuestion } from '~/src/form/form-editor/preview/list.js'\n\nexport class RadioQuestion extends ListQuestion {\n  _questionTemplate = 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,YAAY;AAErB,OAAO,MAAMC,aAAa,SAASD,YAAY,CAAC;EAC9CE,iBAAiB,GAAG,YAAY;AAClC","ignoreList":[]}

package/dist/module/form/form-editor/preview/short-answer.js

@@ -0,0 +1,3 @@
+import { Question } from "./question.js";
+export class ShortAnswerQuestion extends Question {}
+//# sourceMappingURL=short-answer.js.map

package/dist/module/form/form-editor/preview/short-answer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"short-answer.js","names":["Question","ShortAnswerQuestion"],"sources":["../../../../../src/form/form-editor/preview/short-answer.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class ShortAnswerQuestion extends Question {}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,mBAAmB,SAASD,QAAQ,CAAC","ignoreList":[]}

package/dist/module/form/form-editor/preview/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/form/form-editor/preview/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import {\n  type ListElement,\n  type ListItemReadonly\n} from '~/src/form/form-editor/types.js'\n\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n}\n\nexport interface DefaultComponent {\n  id?: string\n  text: string\n  classes: string\n}\n\nexport interface GovukFieldset {\n  legend: DefaultComponent\n}\n\nexport interface QuestionBaseModel {\n  id?: string\n  name?: string\n  label?: DefaultComponent\n  hint?: DefaultComponent\n  fieldset?: GovukFieldset\n  readonly items?: ListItemReadonly[]\n  text?: string\n  formGroup?: { afterInputs: { html: string } }\n}\n\nexport type ListenerRow = [\n  HTMLInputElement | null,\n  (target: HTMLInputElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface QuestionElements {\n  readonly values: BaseSettings\n  setPreviewHTML(value: string): void\n}\n\nexport interface RenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface HTMLBuilder {\n  buildHTML(questionTemplate: string, renderContext: RenderContext): string\n}\n\nexport interface QuestionRenderer {\n  render(questionTemplate: string, questionBaseModel: QuestionBaseModel): void\n}\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/form/form-editor/preview/uk-address.js

@@ -0,0 +1,6 @@
+import { Question } from "./question.js";
+export class UkAddressQuestion extends Question {
+  _questionTemplate = 'ukaddressfield.njk';
+  _fieldName = 'addressField';
+}
+//# sourceMappingURL=uk-address.js.map

package/dist/module/form/form-editor/preview/uk-address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uk-address.js","names":["Question","UkAddressQuestion","_questionTemplate","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class UkAddressQuestion extends Question {\n  _questionTemplate = 'ukaddressfield.njk'\n  _fieldName = 'addressField'\n}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,iBAAiB,SAASD,QAAQ,CAAC;EAC9CE,iBAAiB,GAAG,oBAAoB;EACxCC,UAAU,GAAG,cAAc;AAC7B","ignoreList":[]}

package/dist/module/form/form-editor/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/form/form-editor/types.ts"],"sourcesContent":["import { type ComponentType } from '~/src/components/enums.js'\nimport { type ComponentDef } from '~/src/components/types.js'\nimport { type Item } from '~/src/index.js'\n\n/**\n * Interface for `FormEditor` Joi schema\n */\nexport interface FormEditor {\n  /**\n   * The type of the page\n   */\n  pageType: string\n\n  /**\n   * The type of the question\n   */\n  questionType: string | undefined\n\n  /**\n   * The sub-type of written answer\n   */\n  writtenAnswerSub: string\n\n  /**\n   * The sub-type of date\n   */\n  dateSub: string\n\n  /**\n   * The sub-type of lists\n   */\n  listSub: string\n\n  /**\n   * The name of the question (unique id)\n   */\n  name: string\n\n  /**\n   * The text of the question\n   */\n  question: string\n\n  /**\n   * The hint text of the question\n   */\n  hintText: string\n\n  /**\n   * Denotes if the question is optional\n   */\n  questionOptional: string\n\n  /**\n   * The short description of the question\n   */\n  shortDescription: string\n\n  /**\n   * The value of checkbox to reveal heading and guidance section\n   */\n  pageHeadingAndGuidance: string\n\n  /**\n   * The page heading\n   */\n  pageHeading: string\n\n  /**\n   * The page guidance text\n   */\n  guidanceText: string\n\n  /**\n   * The value of radio to reveal declaration text field\n   */\n  needDeclaration: string\n\n  /**\n   * The check answers declaration text\n   */\n  declarationText: string\n\n  /**\n   * The min length a field can have\n   */\n  minLength: string\n\n  /**\n   * The max length a field can have\n   */\n  maxLength: string\n\n  /**\n   * The regex value of a field\n   */\n  regex: string\n\n  /**\n   * The number of rows of a textarea\n   */\n  rows: string\n\n  /**\n   * The classes to be applied to a field\n   */\n  classes: string\n\n  /**\n   * The prefix to be applied to a field\n   */\n  prefix: string\n\n  /**\n   * The suffix to be applied to a field\n   */\n  suffix: string\n\n  /**\n   * The decimal precision of a number field\n   */\n  precision: string\n\n  /**\n   * The lowest number allowed in a field\n   */\n  min: string\n\n  /**\n   * The highest number allowed in a field\n   */\n  max: string\n\n  /**\n   * The maximum days in the future to allow for a date\n   */\n  maxFuture: string\n\n  /**\n   * The maximum days in the past to allow for a date\n   */\n  maxPast: string\n\n  /**\n   * The exact number of files to upload\n   */\n  exactFiles: string\n\n  /**\n   * The minimum number of files to upload\n   */\n  minFiles: string\n\n  /**\n   * The maximum number of files to upload\n   */\n  maxFiles: string\n\n  /**\n   * The type of files for upload\n   */\n  fileTypes: string[]\n\n  /**\n   * The types of document files for upload\n   */\n  documentTypes: string[]\n\n  /**\n   * The types of image files for upload\n   */\n  imageTypes: string[]\n\n  /**\n   * The types of tabular data files for upload\n   */\n  tabularDataTypes: string[]\n\n  /**\n   * The action required from within a sub-section\n   */\n  enhancedAction: string\n\n  /**\n   * Placeholder for inserted section to handle adding/editing radios or checkboxes\n   */\n  radiosOrCheckboxes: string\n\n  /**\n   * The unique id of the radio item\n   */\n  radioId: string\n\n  /**\n   * The display text of the radio item\n   */\n  radioText?: string\n\n  /**\n   * The hint of the radio item\n   */\n  radioHint?: string\n\n  /**\n   * The value of the radio item\n   */\n  radioValue?: string\n\n  /**\n   * The list name to be applied to a field (if applicable)\n   */\n  list: string\n\n  /**\n   * List items in JSON format, such as for radios ro checkboxes\n   */\n  listItemsData: string\n\n  /**\n   * An array of options for autocomplete\n   */\n  autoCompleteOptions: Item[]\n\n  /**\n   * Set to 'true' is Javascript is enabled\n   */\n  jsEnabled: string\n}\n\nexport type FormEditorInputPage = Pick<\n  FormEditor,\n  'pageType' | 'questionType' | 'writtenAnswerSub' | 'dateSub' | 'listSub'\n>\n\nexport type FormEditorInputCheckAnswersSettings = Pick<\n  FormEditor,\n  'needDeclaration' | 'declarationText'\n>\n\nexport type FormEditorInputQuestion = Pick<\n  FormEditor,\n  | 'questionType'\n  | 'name'\n  | 'question'\n  | 'shortDescription'\n  | 'hintText'\n  | 'questionOptional'\n  | 'minLength'\n  | 'maxLength'\n  | 'regex'\n  | 'rows'\n  | 'classes'\n  | 'prefix'\n  | 'suffix'\n  | 'precision'\n  | 'min'\n  | 'max'\n  | 'maxFuture'\n  | 'maxPast'\n  | 'exactFiles'\n  | 'minFiles'\n  | 'maxFiles'\n  | 'fileTypes'\n  | 'documentTypes'\n  | 'imageTypes'\n  | 'tabularDataTypes'\n  | 'autoCompleteOptions'\n  | 'enhancedAction'\n  | 'radioId'\n  | 'radioText'\n  | 'radioHint'\n  | 'radioValue'\n  | 'list'\n  | 'listItemsData'\n  | 'jsEnabled'\n>\n\nexport type FormEditorInputPageSettings = Pick<\n  FormEditor,\n  'pageHeadingAndGuidance' | 'pageHeading' | 'guidanceText'\n>\n\nexport type FormEditorInputGuidancePage = Pick<\n  FormEditor,\n  'pageHeading' | 'guidanceText'\n>\n\nexport type FormEditorInputQuestionDetails = Pick<\n  FormEditorInputQuestion,\n  | 'question'\n  | 'hintText'\n  | 'shortDescription'\n  | 'questionOptional'\n  | 'questionType'\n  | 'fileTypes'\n  | 'documentTypes'\n  | 'imageTypes'\n  | 'tabularDataTypes'\n  | 'autoCompleteOptions'\n  | 'enhancedAction'\n  | 'radioId'\n  | 'radioText'\n  | 'radioHint'\n  | 'radioValue'\n  | 'listItemsData'\n  | 'jsEnabled'\n>\n\nexport interface ListItem {\n  id?: string\n  text?: string\n  hint?: {\n    text: string\n  }\n  value?: string\n}\n\nexport interface ListLabel {\n  text: string\n  classes: string\n}\n\nexport interface ListElement extends ListItem {\n  readonly id: string\n  text: string\n  value: string\n  label: ListLabel\n}\n\nexport interface ReadonlyHint {\n  readonly text: string\n}\n\nexport interface ListItemReadonly extends ListElement {\n  readonly text: string\n  readonly hint?: ReadonlyHint\n  readonly value: string\n  readonly label: ListLabel\n}\n\nexport interface QuestionSessionState {\n  questionType?: ComponentType\n  questionDetails?: Partial<ComponentDef>\n  editRow?: {\n    radioId?: string\n    radioText?: string\n    radioHint?: string\n    radioValue?: string\n    expanded?: boolean\n  }\n  listItems?: ListItem[]\n  isReordering?: boolean\n  lastMovedId?: string\n  lastMoveDirection?: string\n}\n\nexport interface GovukField {\n  id?: string\n  name?: string\n  idPrefix?: string\n  fieldset?: {\n    legend?: { text?: string; isPageHeading?: boolean; classes?: string }\n  }\n  value?: string | boolean | number | string[] | Item[]\n  classes?: string\n  label?: {\n    text?: string\n    html?: string\n    classes?: string\n    isPageHeading?: boolean\n  }\n  hint?: { text?: string; html?: string; classes?: string }\n  items?: { text?: string; value?: string; checked?: boolean }[]\n  rows?: number\n  type?: string\n  customTemplate?: string\n}\n\nexport interface FormEditorGovukField {\n  question?: GovukField\n  hintText?: GovukField\n  questionOptional?: GovukField\n  shortDescription?: GovukField\n  fileTypes?: GovukField\n  documentTypes?: GovukField\n  imageTypes?: GovukField\n  tabularDataTypes?: GovukField\n  radiosOrCheckboxes?: GovukField\n  autoCompleteOptions?: GovukField\n  errorMessage?: { text: string }\n}\n\nexport type FormEditorGovukFieldBase = Omit<\n  FormEditorGovukField,\n  'errorMessage'\n>\n\nexport type FormEditorGovukFieldBaseKeys = keyof FormEditorGovukFieldBase\n\nexport interface FormEditorCheckbox {\n  text?: string\n  hint?: {\n    text?: string\n  }\n  value?: string\n  divider?: {\n    text?: string\n    hint?: string\n    value?: string\n  }\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/form/form-editor/types.ts"],"sourcesContent":["import { type ComponentType } from '~/src/components/enums.js'\nimport { type ComponentDef } from '~/src/components/types.js'\nimport { type Item } from '~/src/index.js'\n\n/**\n * Interface for `FormEditor` Joi schema\n */\nexport interface FormEditor {\n  /**\n   * The type of the page\n   */\n  pageType: string\n\n  /**\n   * The type of the question\n   */\n  questionType: string | undefined\n\n  /**\n   * The sub-type of written answer\n   */\n  writtenAnswerSub: string\n\n  /**\n   * The sub-type of date\n   */\n  dateSub: string\n\n  /**\n   * The sub-type of lists\n   */\n  listSub: string\n\n  /**\n   * The name of the question (unique id)\n   */\n  name: string\n\n  /**\n   * The text of the question\n   */\n  question: string\n\n  /**\n   * The hint text of the question\n   */\n  hintText: string\n\n  /**\n   * Denotes if the question is optional\n   */\n  questionOptional: string\n\n  /**\n   * The short description of the question\n   */\n  shortDescription: string\n\n  /**\n   * The value of checkbox to reveal heading and guidance section\n   */\n  pageHeadingAndGuidance: string\n\n  /**\n   * The page heading\n   */\n  pageHeading: string\n\n  /**\n   * The page guidance text\n   */\n  guidanceText: string\n\n  /**\n   * The value of checkbox to reveal repeater section\n   */\n  repeater: string\n\n  /**\n   * The maximum number of repeater items\n   */\n  minItems: number\n\n  /**\n   * The minimum number of repeater items\n   */\n  maxItems: number\n\n  /**\n   * The repeater question set name\n   */\n  questionSetName: string\n\n  /**\n   * The value of radio to reveal declaration text field\n   */\n  needDeclaration: string\n\n  /**\n   * The check answers declaration text\n   */\n  declarationText: string\n\n  /**\n   * The min length a field can have\n   */\n  minLength: string\n\n  /**\n   * The max length a field can have\n   */\n  maxLength: string\n\n  /**\n   * The regex value of a field\n   */\n  regex: string\n\n  /**\n   * The number of rows of a textarea\n   */\n  rows: string\n\n  /**\n   * The classes to be applied to a field\n   */\n  classes: string\n\n  /**\n   * The prefix to be applied to a field\n   */\n  prefix: string\n\n  /**\n   * The suffix to be applied to a field\n   */\n  suffix: string\n\n  /**\n   * The decimal precision of a number field\n   */\n  precision: string\n\n  /**\n   * The lowest number allowed in a field\n   */\n  min: string\n\n  /**\n   * The highest number allowed in a field\n   */\n  max: string\n\n  /**\n   * The maximum days in the future to allow for a date\n   */\n  maxFuture: string\n\n  /**\n   * The maximum days in the past to allow for a date\n   */\n  maxPast: string\n\n  /**\n   * The exact number of files to upload\n   */\n  exactFiles: string\n\n  /**\n   * The minimum number of files to upload\n   */\n  minFiles: string\n\n  /**\n   * The maximum number of files to upload\n   */\n  maxFiles: string\n\n  /**\n   * The type of files for upload\n   */\n  fileTypes: string[]\n\n  /**\n   * The types of document files for upload\n   */\n  documentTypes: string[]\n\n  /**\n   * The types of image files for upload\n   */\n  imageTypes: string[]\n\n  /**\n   * The types of tabular data files for upload\n   */\n  tabularDataTypes: string[]\n\n  /**\n   * The action required from within a sub-section\n   */\n  enhancedAction: string\n\n  /**\n   * Placeholder for inserted section to handle adding/editing radios or checkboxes\n   */\n  radiosOrCheckboxes: string\n\n  /**\n   * The unique id of the radio item\n   */\n  radioId: string\n\n  /**\n   * The display text of the radio item\n   */\n  radioText?: string\n\n  /**\n   * The hint of the radio item\n   */\n  radioHint?: string\n\n  /**\n   * The value of the radio item\n   */\n  radioValue?: string\n\n  /**\n   * The list name to be applied to a field (if applicable)\n   */\n  list: string\n\n  /**\n   * List items in JSON format, such as for radios ro checkboxes\n   */\n  listItemsData: string\n\n  /**\n   * An array of options for autocomplete\n   */\n  autoCompleteOptions: Item[]\n\n  /**\n   * Set to 'true' is Javascript is enabled\n   */\n  jsEnabled: string\n}\n\nexport type FormEditorInputPage = Pick<\n  FormEditor,\n  'pageType' | 'questionType' | 'writtenAnswerSub' | 'dateSub' | 'listSub'\n>\n\nexport type FormEditorInputCheckAnswersSettings = Pick<\n  FormEditor,\n  'needDeclaration' | 'declarationText'\n>\n\nexport type FormEditorInputQuestion = Pick<\n  FormEditor,\n  | 'questionType'\n  | 'name'\n  | 'question'\n  | 'shortDescription'\n  | 'hintText'\n  | 'questionOptional'\n  | 'minLength'\n  | 'maxLength'\n  | 'regex'\n  | 'rows'\n  | 'classes'\n  | 'prefix'\n  | 'suffix'\n  | 'precision'\n  | 'min'\n  | 'max'\n  | 'maxFuture'\n  | 'maxPast'\n  | 'exactFiles'\n  | 'minFiles'\n  | 'maxFiles'\n  | 'fileTypes'\n  | 'documentTypes'\n  | 'imageTypes'\n  | 'tabularDataTypes'\n  | 'autoCompleteOptions'\n  | 'enhancedAction'\n  | 'radioId'\n  | 'radioText'\n  | 'radioHint'\n  | 'radioValue'\n  | 'list'\n  | 'listItemsData'\n  | 'jsEnabled'\n>\n\nexport type FormEditorInputPageSettings = Pick<\n  FormEditor,\n  | 'pageHeadingAndGuidance'\n  | 'pageHeading'\n  | 'guidanceText'\n  | 'repeater'\n  | 'minItems'\n  | 'maxItems'\n  | 'questionSetName'\n>\n\nexport type FormEditorInputGuidancePage = Pick<\n  FormEditor,\n  'pageHeading' | 'guidanceText'\n>\n\nexport type FormEditorInputQuestionDetails = Pick<\n  FormEditorInputQuestion,\n  | 'question'\n  | 'hintText'\n  | 'shortDescription'\n  | 'questionOptional'\n  | 'questionType'\n  | 'fileTypes'\n  | 'documentTypes'\n  | 'imageTypes'\n  | 'tabularDataTypes'\n  | 'autoCompleteOptions'\n  | 'enhancedAction'\n  | 'radioId'\n  | 'radioText'\n  | 'radioHint'\n  | 'radioValue'\n  | 'listItemsData'\n  | 'jsEnabled'\n>\n\nexport interface ListItem {\n  id?: string\n  text?: string\n  hint?: {\n    text: string\n  }\n  value?: string\n}\n\nexport interface ListLabel {\n  text: string\n  classes: string\n}\n\nexport interface ListElement extends ListItem {\n  readonly id: string\n  text: string\n  value: string\n  label: ListLabel\n}\n\nexport interface ReadonlyHint {\n  readonly text: string\n}\n\nexport interface ListItemReadonly extends ListElement {\n  readonly text: string\n  readonly hint?: ReadonlyHint\n  readonly value: string\n  readonly label: ListLabel\n}\n\nexport interface QuestionSessionState {\n  questionType?: ComponentType\n  questionDetails?: Partial<ComponentDef>\n  editRow?: {\n    radioId?: string\n    radioText?: string\n    radioHint?: string\n    radioValue?: string\n    expanded?: boolean\n  }\n  listItems?: ListItem[]\n  isReordering?: boolean\n  lastMovedId?: string\n  lastMoveDirection?: string\n}\n\nexport interface GovukFieldItem {\n  text?: string\n  value?: string\n  checked?: boolean\n}\n\nexport interface GovukField {\n  id?: string\n  name?: string\n  idPrefix?: string\n  fieldset?: {\n    legend?: { text?: string; isPageHeading?: boolean; classes?: string }\n  }\n  value?: string | boolean | number | string[] | Item[]\n  classes?: string\n  label?: {\n    text?: string\n    html?: string\n    classes?: string\n    isPageHeading?: boolean\n  }\n  hint?: { text?: string; html?: string; classes?: string }\n  items?: GovukFieldItem[]\n  rows?: number\n  type?: string\n  customTemplate?: string\n}\n\nexport type GovukFieldQuestionOptional = Omit<GovukField, 'name' | 'items'> & {\n  name: 'questionOptional'\n  items: [\n    {\n      text?: string\n      value?: string\n      checked: boolean\n    }\n  ]\n}\n\nexport type GovukStringField = Omit<GovukField, 'value'> & { value: string }\n\nexport interface FormEditorGovukField {\n  question?: GovukField\n  hintText?: GovukField\n  questionOptional?: GovukField\n  shortDescription?: GovukField\n  fileTypes?: GovukField\n  documentTypes?: GovukField\n  imageTypes?: GovukField\n  tabularDataTypes?: GovukField\n  radiosOrCheckboxes?: GovukField\n  autoCompleteOptions?: GovukField\n  errorMessage?: { text: string }\n}\n\nexport type FormEditorGovukFieldBase = Omit<\n  FormEditorGovukField,\n  'errorMessage'\n>\n\nexport type FormEditorGovukFieldBaseKeys = keyof FormEditorGovukFieldBase\n\nexport interface FormEditorCheckbox {\n  text?: string\n  hint?: {\n    text?: string\n  }\n  value?: string\n  divider?: {\n    text?: string\n    hint?: string\n    value?: string\n  }\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/form/form-manager/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/form/form-manager/types.ts"],"sourcesContent":["import { type Page } from '~/src/index.js'\n\nexport type PatchPageFields = Partial<\n  Pick<Page, 'title' | 'path' | 'controller'>\n>\n\nexport interface AddComponentQueryOptions {\n  prepend?: boolean\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/form/form-manager/types.ts"],"sourcesContent":["import { type PageRepeat } from '~/src/index.js'\n\nexport type PatchPageFields = Partial<\n  Pick<PageRepeat, 'title' | 'path' | 'controller' | 'repeat'>\n>\n\nexport interface AddComponentQueryOptions {\n  prepend?: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/index.js

@@ -12,7 +12,7 @@ export * from "./form/form-metadata/index.js";
 export * from "./form/form-submission/index.js";
 export * from "./form/utils/index.js";
 export * from "./form/form-editor/index.js";
-export * from "./form/form-manager/index.js";
+export * from "./form/form-editor/preview/index.js";
 export * from "./form/form-manager/types.js";
 export * from "./pages/index.js";
 export * from "./utils/helpers.js";

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from '~/src/common/enums.js'\nexport * from '~/src/common/random-id.js'\nexport * from '~/src/common/schema.js'\nexport * from '~/src/common/pagination/index.js'\nexport * from '~/src/common/search/index.js'\nexport * from '~/src/common/sorting/index.js'\nexport * from '~/src/components/index.js'\nexport * from '~/src/conditions/index.js'\nexport * from '~/src/form/form-definition/index.js'\nexport * from '~/src/form/form-definition/types.js'\nexport * from '~/src/form/form-metadata/index.js'\nexport * from '~/src/form/form-submission/index.js'\nexport * from '~/src/form/utils/index.js'\nexport * from '~/src/form/form-editor/index.js'\nexport * from '~/src/form/form-manager/index.js'\nexport * from '~/src/form/form-manager/types.js'\nexport * from '~/src/pages/index.js'\nexport * from '~/src/utils/helpers.js'\nexport * from '~/src/utils/markdown.js'\n\nexport type * from '~/src/common/types.js'\nexport type * from '~/src/common/pagination/types.js'\nexport type * from '~/src/common/search/types.js'\nexport type * from '~/src/common/sorting/types.js'\nexport type * from '~/src/components/types.js'\nexport type * from '~/src/conditions/types.js'\nexport type * from '~/src/form/form-definition/types.js'\nexport type * from '~/src/form/form-metadata/types.js'\nexport type * from '~/src/form/form-submission/types.js'\nexport type * from '~/src/form/form-editor/types.js'\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from '~/src/common/enums.js'\nexport * from '~/src/common/random-id.js'\nexport * from '~/src/common/schema.js'\nexport * from '~/src/common/pagination/index.js'\nexport * from '~/src/common/search/index.js'\nexport * from '~/src/common/sorting/index.js'\nexport * from '~/src/components/index.js'\nexport * from '~/src/conditions/index.js'\nexport * from '~/src/form/form-definition/index.js'\nexport * from '~/src/form/form-definition/types.js'\nexport * from '~/src/form/form-metadata/index.js'\nexport * from '~/src/form/form-submission/index.js'\nexport * from '~/src/form/utils/index.js'\nexport * from '~/src/form/form-editor/index.js'\nexport * from '~/src/form/form-editor/preview/index.js'\nexport * from '~/src/form/form-manager/types.js'\nexport * from '~/src/pages/index.js'\nexport * from '~/src/utils/helpers.js'\nexport * from '~/src/utils/markdown.js'\n\nexport type * from '~/src/common/types.js'\nexport type * from '~/src/common/pagination/types.js'\nexport type * from '~/src/common/search/types.js'\nexport type * from '~/src/common/sorting/types.js'\nexport type * from '~/src/components/types.js'\nexport type * from '~/src/conditions/types.js'\nexport type * from '~/src/form/form-definition/types.js'\nexport type * from '~/src/form/form-metadata/types.js'\nexport type * from '~/src/form/form-submission/types.js'\nexport type * from '~/src/form/form-editor/preview/types.js'\nexport type * from '~/src/form/form-editor/types.js'\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/types/form/form-definition/index.d.ts

@@ -1,8 +1,9 @@
 import Joi from 'joi';
 import { type ComponentDef } from '../../components/types.js';
-import { type FormDefinition, type List, type Page } from '../../form/form-definition/types.js';
+import { type FormDefinition, type List, type Page, type Repeat } from '../../form/form-definition/types.js';
 export declare const componentSchema: Joi.ObjectSchema<ComponentDef>;
 export declare const componentSchemaV2: Joi.ObjectSchema<ComponentDef>;
+export declare const pageRepeatSchema: Joi.ObjectSchema<Repeat>;
 /**
  * `/status` is a special route for providing a user's application status.
  *  It should not be configured via the designer.

package/dist/types/form/form-definition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/form-definition/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAA8B,MAAM,KAAK,CAAA;AAIhD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAU7D,OAAO,EAKL,KAAK,cAAc,EAGnB,KAAK,IAAI,EACT,KAAK,IAAI,EAMV,MAAM,qCAAqC,CAAA;AA0K5C,eAAO,MAAM,eAAe,gCAsGZ,CAAA;AAEhB,eAAO,MAAM,iBAAiB,gCAQkD,CAAA;AAsGhF;;;GAGG;AACH,eAAO,MAAM,UAAU,wBAuDnB,CAAA;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,wBAUtB,CAAA;AAEH,eAAO,MAAM,mBAAmB,wBAe7B,CAAA;AA8DH,eAAO,MAAM,UAAU,wBAsCnB,CAAA;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,wBAQkD,CAAA;AAsD3E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,kCA0E7B,CAAA;AAEJ,eAAO,MAAM,6BAA6B,kCAiBvC,CAAA;AAIH,eAAO,MAAM,MAAM,kCAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/form-definition/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAA8B,MAAM,KAAK,CAAA;AAIhD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAU7D,OAAO,EAKL,KAAK,cAAc,EAGnB,KAAK,IAAI,EACT,KAAK,IAAI,EAET,KAAK,MAAM,EAIZ,MAAM,qCAAqC,CAAA;AA0K5C,eAAO,MAAM,eAAe,gCAsGZ,CAAA;AAEhB,eAAO,MAAM,iBAAiB,gCAQkD,CAAA;AAoDhF,eAAO,MAAM,gBAAgB,0BASzB,CAAA;AAyCJ;;;GAGG;AACH,eAAO,MAAM,UAAU,wBAuDnB,CAAA;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,wBAUtB,CAAA;AAEH,eAAO,MAAM,mBAAmB,wBAe7B,CAAA;AA8DH,eAAO,MAAM,UAAU,wBAsCnB,CAAA;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,wBAQkD,CAAA;AAsD3E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,kCA0E7B,CAAA;AAEJ,eAAO,MAAM,6BAA6B,kCAiBvC,CAAA;AAIH,eAAO,MAAM,MAAM,kCAAuB,CAAA"}