@defra/forms-model 3.0.491 → 3.0.493

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

@@ -57,10 +57,9 @@ export class ListComponentElements extends QuestionComponentElements {
   /**
    * @param {SelectionComponentsDef} component
    * @param {List} list
-   * @param {boolean} largeTitle
    */
-  constructor(component, list, largeTitle = true) {
-    super(component, largeTitle);
+  constructor(component, list) {
+    super(component);
     this._list = list;
   }
 
@@ -75,6 +74,28 @@ export class ListComponentElements extends QuestionComponentElements {
     };
   }
 }
+
+/**
+ * @implements {QuestionElements}
+ */
+export class SelectComponentElements extends ListComponentElements {
+  /**
+   * @returns {BaseSettings}
+   * @protected
+   */
+  _getValues() {
+    const emptyItem = /** @type {ListElement} */{
+      id: 'da310b6e-2513-4d14-a7a1-63a93231891d',
+      text: '',
+      value: ''
+    };
+    const items = /** @type {ListElement[]} */[emptyItem, ...super._getValues().items];
+    return {
+      ...super._getValues(),
+      items
+    };
+  }
+}
 export class ListQuestion extends Question {
   /**
    * @type {ComponentType}
@@ -108,8 +129,9 @@ export class ListQuestion extends Question {
   }
 
   /**
+   * @protected
    * @returns {{
-   *  formGroup?: {afterInputs: {html: string}};
+   *  formGroup?: FormGroupAfterInput;
    *  hint: DefaultComponent;
    *  name: string;
    *  fieldset?: GovukFieldset;
@@ -117,8 +139,8 @@ export class ListQuestion extends Question {
    *  items: ListItemReadonly[]
    * }}
    */
-  get renderInput() {
-    const afterInputs = /** @type {{ formGroup?: { afterInputs: { html: string } } }} */
+  _renderInput() {
+    const afterInputs = /** @type {{ formGroup?: FormGroupAfterInput }} */
     this.list.length ? {} : {
       formGroup: {
         afterInputs: {
@@ -136,6 +158,20 @@ export class ListQuestion extends Question {
     };
   }
 
+  /**
+   * @returns {{
+   *  formGroup?: FormGroupAfterInput;
+   *  hint: DefaultComponent;
+   *  name: string;
+   *  fieldset?: GovukFieldset;
+   *  id: string;
+   *  items: ListItemReadonly[]
+   * }}
+   */
+  get renderInput() {
+    return this._renderInput();
+  }
+
   /**
    *
    * @param {ListElement} listElement
@@ -163,9 +199,10 @@ export class ListQuestion extends Question {
   }
 
   /**
+   * @protected
    * @returns {ListItemReadonly[]}
    */
-  get list() {
+  _getList() {
     const iterator = /** @type {MapIterator<ListElement>} */
     this._list.values();
     return Array.from(iterator).map(listItem => {
@@ -176,7 +213,7 @@ export class ListQuestion extends Question {
           classes: this.getHighlight(listItem.id + '-hint')
         } : undefined
       };
-      const text = listItem.text.length ? listItem.text : 'Item text';
+      const text = listItem.text;
       return {
         ...listItem,
         text,
@@ -189,6 +226,20 @@ export class ListQuestion extends Question {
     });
   }
 
+  /**
+   * @returns {ListItemReadonly[]}
+   */
+  get list() {
+    const list = this._getList();
+    return list.map(listItem => {
+      const text = listItem.text.length ? listItem.text : 'Item text';
+      return {
+        ...listItem,
+        text
+      };
+    });
+  }
+
   /**
    *
    * @param {string | undefined} id
@@ -244,6 +295,7 @@ export class ListQuestion extends Question {
  * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
  * @import { SelectionComponentsDef, ListComponentsDef } from '~/src/components/types.js'
  * @import { List, Item } from '~/src/form/form-definition/types.js'
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
  * @import { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset, BaseSettings, QuestionElements } from '~/src/form/form-editor/preview/types.js'
  */
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["ComponentType","PreviewComponent","Question","QuestionComponentElements","DefaultListConst","TextElementId","HintElementId","Template","PATH","Input","RenderName","listItemMapper","listElement","id","listsElementToMap","listElements","entries","map","Map","listItemToListElement","item","text","label","classes","value","hint","ListComponentElements","_list","constructor","component","list","largeTitle","_getValues","items","ListQuestion","componentType","List","_questionTemplate","_listElements","listRenderId","listRenderName","questionRenderer","values","createListFromElements","renderInput","afterInputs","length","formGroup","html","afterInputsHTML","name","fieldset","fieldSet","push","set","render","delete","key","iterator","Array","from","listItem","hintText","_highlight","getHighlight","undefined","updateText","get","updateHint","updateValue"],"sources":["../../../../../src/form/form-editor/preview/list.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport {\n  Question,\n  QuestionComponentElements\n} from '~/src/form/form-editor/preview/question.js'\n\nconst DefaultListConst = {\n  TextElementId: 'radioText',\n  HintElementId: 'radioHint',\n  Template: PreviewComponent.PATH + '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\n/**\n * @param {Item} item\n * @returns {ListElement}\n */\nexport function listItemToListElement(item) {\n  return {\n    text: item.text,\n    label: {\n      text: item.text,\n      classes: ''\n    },\n    value: item.value,\n    id: item.id ?? '',\n    hint: item.hint\n  }\n}\n\n/**\n * @implements {QuestionElements}\n */\nexport class ListComponentElements extends QuestionComponentElements {\n  /**\n   * @type {List}\n   * @protected\n   */\n  _list\n\n  /**\n   * @param {SelectionComponentsDef} component\n   * @param {List} list\n   * @param {boolean} largeTitle\n   */\n  constructor(component, list, largeTitle = true) {\n    super(component, largeTitle)\n    this._list = list\n  }\n\n  /**\n   * @returns {BaseSettings}\n   * @protected\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      items: this._list.items.map(listItemToListElement)\n    }\n  }\n}\n\nexport class ListQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.List\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  /**\n   * @returns {{\n   *  formGroup?: {afterInputs: {html: string}};\n   *  hint: DefaultComponent;\n   *  name: string;\n   *  fieldset?: GovukFieldset;\n   *  id: string;\n   *  items: ListItemReadonly[]\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   */\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 { SelectionComponentsDef, ListComponentsDef } from '~/src/components/types.js'\n * @import { List, Item } from '~/src/form/form-definition/types.js'\n * @import { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset, BaseSettings, QuestionElements } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"list.js","names":["ComponentType","PreviewComponent","Question","QuestionComponentElements","DefaultListConst","TextElementId","HintElementId","Template","PATH","Input","RenderName","listItemMapper","listElement","id","listsElementToMap","listElements","entries","map","Map","listItemToListElement","item","text","label","classes","value","hint","ListComponentElements","_list","constructor","component","list","_getValues","items","SelectComponentElements","emptyItem","ListQuestion","componentType","List","_questionTemplate","_listElements","listRenderId","listRenderName","questionRenderer","values","createListFromElements","_renderInput","afterInputs","length","formGroup","html","afterInputsHTML","name","fieldset","fieldSet","renderInput","push","set","render","delete","key","_getList","iterator","Array","from","listItem","hintText","_highlight","getHighlight","undefined","updateText","get","updateHint","updateValue"],"sources":["../../../../../src/form/form-editor/preview/list.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport {\n  Question,\n  QuestionComponentElements\n} from '~/src/form/form-editor/preview/question.js'\n\nconst DefaultListConst = {\n  TextElementId: 'radioText',\n  HintElementId: 'radioHint',\n  Template: PreviewComponent.PATH + '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\n/**\n * @param {Item} item\n * @returns {ListElement}\n */\nexport function listItemToListElement(item) {\n  return {\n    text: item.text,\n    label: {\n      text: item.text,\n      classes: ''\n    },\n    value: item.value,\n    id: item.id ?? '',\n    hint: item.hint\n  }\n}\n\n/**\n * @implements {QuestionElements}\n */\nexport class ListComponentElements extends QuestionComponentElements {\n  /**\n   * @type {List}\n   * @protected\n   */\n  _list\n\n  /**\n   * @param {SelectionComponentsDef} component\n   * @param {List} list\n   */\n  constructor(component, list) {\n    super(component)\n    this._list = list\n  }\n\n  /**\n   * @returns {BaseSettings}\n   * @protected\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      items: this._list.items.map(listItemToListElement)\n    }\n  }\n}\n\n/**\n * @implements {QuestionElements}\n */\nexport class SelectComponentElements extends ListComponentElements {\n  /**\n   * @returns {BaseSettings}\n   * @protected\n   */\n  _getValues() {\n    const emptyItem = /** @type {ListElement} */ ({\n      id: 'da310b6e-2513-4d14-a7a1-63a93231891d',\n      text: '',\n      value: ''\n    })\n    const items = /** @type {ListElement[]} */ ([\n      emptyItem,\n      ...super._getValues().items\n    ])\n    return {\n      ...super._getValues(),\n      items\n    }\n  }\n}\n\nexport class ListQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.List\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  /**\n   * @protected\n   * @returns {{\n   *  formGroup?: FormGroupAfterInput;\n   *  hint: DefaultComponent;\n   *  name: string;\n   *  fieldset?: GovukFieldset;\n   *  id: string;\n   *  items: ListItemReadonly[]\n   * }}\n   */\n  _renderInput() {\n    const afterInputs = /** @type {{ formGroup?: FormGroupAfterInput }} */ (\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   * @returns {{\n   *  formGroup?: FormGroupAfterInput;\n   *  hint: DefaultComponent;\n   *  name: string;\n   *  fieldset?: GovukFieldset;\n   *  id: string;\n   *  items: ListItemReadonly[]\n   * }}\n   */\n  get renderInput() {\n    return this._renderInput()\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   * @protected\n   * @returns {ListItemReadonly[]}\n   */\n  _getList() {\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\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   * @returns {ListItemReadonly[]}\n   */\n  get list() {\n    const list = this._getList()\n\n    return list.map((listItem) => {\n      const text = listItem.text.length ? listItem.text : 'Item text'\n\n      return {\n        ...listItem,\n        text\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 { SelectionComponentsDef, ListComponentsDef } from '~/src/components/types.js'\n * @import { List, Item } from '~/src/form/form-definition/types.js'\n * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'\n * @import { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset, BaseSettings, QuestionElements } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

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

@@ -48,7 +48,6 @@ export class PreviewComponent {
    * @type {boolean}
    * @protected
    */
-  _largeTitle = true;
 
   /**
    * @param {QuestionElements} htmlElements
@@ -57,8 +56,7 @@ export class PreviewComponent {
   constructor(htmlElements, questionRenderer) {
     const {
       question,
-      optional,
-      largeTitle
+      optional
     } = htmlElements.values;
 
     /**
@@ -82,7 +80,6 @@ export class PreviewComponent {
      * @protected
      */
     this._questionRenderer = questionRenderer;
-    this._largeTitle = largeTitle;
   }
 
   /**
@@ -103,10 +100,9 @@ export class PreviewComponent {
    * @type {DefaultComponent}
    */
   get label() {
-    const titleClass = this._largeTitle ? 'govuk-label--l' : 'govuk-label--m';
     return {
       text: this.titleText,
-      classes: titleClass + this.getHighlight('question')
+      classes: 'govuk-label--l' + this.getHighlight('question')
     };
   }
 
@@ -115,11 +111,10 @@ export class PreviewComponent {
    * @type {GovukFieldset}
    */
   get fieldSet() {
-    const titleClass = this._largeTitle ? 'govuk-fieldset__legend--l' : 'govuk-fieldset__legend--m';
     return {
       legend: {
         text: this.titleText,
-        classes: titleClass + this.getHighlight('question')
+        classes: 'govuk-fieldset__legend--l' + this.getHighlight('question')
       }
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"preview.js","names":["ComponentType","HIGHLIGHT_CLASS","PreviewComponent","PATH","componentType","Details","_questionTemplate","_highlight","_fieldName","_questionRenderer","_htmlElements","_highlighted","_largeTitle","constructor","htmlElements","questionRenderer","question","optional","largeTitle","values","_question","_optional","getHighlight","element","titleText","optionalText","label","titleClass","text","classes","fieldSet","legend","customRenderFields","_renderInput","id","name","renderInput","render","value","highlight","highlightContent","unHighlightContent"],"sources":["../../../../../src/form/form-editor/preview/preview.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { HIGHLIGHT_CLASS } from '~/src/form/form-editor/preview/constants.js'\n\n/**\n * @abstract\n */\nexport class PreviewComponent {\n  static PATH = 'preview-components/'\n  /**\n   * @abstract\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.Details\n  /**\n   * @abstract\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = ''\n  /**\n   * @type { string|null }\n   * @protected\n   */\n  _highlight = null\n  /**\n   * @abstract\n   * @type {string}\n   * @protected\n   */\n  _fieldName = ''\n  /**\n   * @type {QuestionRenderer}\n   * @protected\n   */\n  _questionRenderer\n\n  /**\n   * @type {QuestionElements}\n   * @protected\n   */\n  _htmlElements\n  /**\n   * @type {boolean}\n   * @protected\n   */\n  _highlighted = false\n  /**\n   * @type {boolean}\n   * @protected\n   */\n  _largeTitle = true\n\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    const { question, optional, largeTitle } = htmlElements.values\n\n    /**\n     * @type {QuestionElements}\n     * @protected\n     */\n    this._htmlElements = htmlElements\n    /**\n     * @type {string}\n     * @private\n     */\n    this._question = question\n    /**\n     * @type {boolean}\n     * @private\n     */\n    this._optional = optional\n    /**\n     *\n     * @type {QuestionRenderer}\n     * @protected\n     */\n    this._questionRenderer = questionRenderer\n    this._largeTitle = largeTitle\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    const titleClass = this._largeTitle ? 'govuk-label--l' : 'govuk-label--m'\n\n    return {\n      text: this.titleText,\n      classes: titleClass + this.getHighlight('question')\n    }\n  }\n\n  /**\n   * @protected\n   * @type {GovukFieldset}\n   */\n  get fieldSet() {\n    const titleClass = this._largeTitle\n      ? 'govuk-fieldset__legend--l'\n      : 'govuk-fieldset__legend--m'\n\n    return {\n      legend: {\n        text: this.titleText,\n        classes: titleClass + this.getHighlight('question')\n      }\n    }\n  }\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {}\n  }\n\n  /**\n   *\n   * @returns {QuestionBaseModel}\n   * @protected\n   */\n  _renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      classes: this._highlighted ? HIGHLIGHT_CLASS : ''\n    }\n  }\n\n  /**\n   * @type {QuestionBaseModel}\n   */\n  get renderInput() {\n    return {\n      ...this._renderInput(),\n      ...this.customRenderFields\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  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   * no render\n   */\n  highlightContent() {\n    this._highlighted = true\n  }\n\n  /**\n   * no render\n   */\n  unHighlightContent() {\n    this._highlighted = false\n  }\n}\n\n/**\n * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { FormComponentsDef, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"preview.js","names":["ComponentType","HIGHLIGHT_CLASS","PreviewComponent","PATH","componentType","Details","_questionTemplate","_highlight","_fieldName","_questionRenderer","_htmlElements","_highlighted","constructor","htmlElements","questionRenderer","question","optional","values","_question","_optional","getHighlight","element","titleText","optionalText","label","text","classes","fieldSet","legend","customRenderFields","_renderInput","id","name","renderInput","render","value","highlight","highlightContent","unHighlightContent"],"sources":["../../../../../src/form/form-editor/preview/preview.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { HIGHLIGHT_CLASS } from '~/src/form/form-editor/preview/constants.js'\n\n/**\n * @abstract\n */\nexport class PreviewComponent {\n  static PATH = 'preview-components/'\n  /**\n   * @abstract\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.Details\n  /**\n   * @abstract\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = ''\n  /**\n   * @type { string|null }\n   * @protected\n   */\n  _highlight = null\n  /**\n   * @abstract\n   * @type {string}\n   * @protected\n   */\n  _fieldName = ''\n  /**\n   * @type {QuestionRenderer}\n   * @protected\n   */\n  _questionRenderer\n\n  /**\n   * @type {QuestionElements}\n   * @protected\n   */\n  _htmlElements\n  /**\n   * @type {boolean}\n   * @protected\n   */\n  _highlighted = false\n  /**\n   * @type {boolean}\n   * @protected\n   */\n\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    const { question, optional } = htmlElements.values\n\n    /**\n     * @type {QuestionElements}\n     * @protected\n     */\n    this._htmlElements = htmlElements\n    /**\n     * @type {string}\n     * @private\n     */\n    this._question = question\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   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {}\n  }\n\n  /**\n   *\n   * @returns {QuestionBaseModel}\n   * @protected\n   */\n  _renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      classes: this._highlighted ? HIGHLIGHT_CLASS : ''\n    }\n  }\n\n  /**\n   * @type {QuestionBaseModel}\n   */\n  get renderInput() {\n    return {\n      ...this._renderInput(),\n      ...this.customRenderFields\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  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   * no render\n   */\n  highlightContent() {\n    this._highlighted = true\n  }\n\n  /**\n   * no render\n   */\n  unHighlightContent() {\n    this._highlighted = false\n  }\n}\n\n/**\n * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { FormComponentsDef, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,8 +14,8 @@ export class QuestionComponentElements extends ComponentElements {
   /**
    * @param {FormComponentsDef} component
    */
-  constructor(component, largeTitle = true) {
-    super(component, largeTitle);
+  constructor(component) {
+    super(component);
     this._component = component;
   }
 

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

@@ -1 +1 @@
-{"version":3,"file":"question.js","names":["ComponentType","ComponentElements","PreviewComponent","QuestionComponentElements","_component","constructor","component","largeTitle","_getValues","hintText","hint","shortDesc","shortDescription","Question","componentType","TextField","_questionTemplate","PATH","_fieldName","htmlElements","questionRenderer","values","_hintText","text","_highlight","length","classes","getHighlight","_renderInput","label","value","render"],"sources":["../../../../../src/form/form-editor/preview/question.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ComponentElements } from '~/src/form/form-editor/preview/component-elements.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\n/**\n * @implements {QuestionElements}\n */\nexport class QuestionComponentElements extends ComponentElements {\n  /**\n   * @type {FormComponentsDef}\n   * @protected\n   */\n  _component\n  /**\n   * @param {FormComponentsDef} component\n   */\n  constructor(component, largeTitle = true) {\n    super(component, largeTitle)\n    this._component = component\n  }\n\n  /**\n   * @protected\n   * @returns {BaseSettings}\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      hintText: this._component.hint ?? '',\n      shortDesc: this._component.shortDescription ?? ''\n    }\n  }\n}\n\n/**\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 extends PreviewComponent {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.TextField\n\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'textfield.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'inputField'\n\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    super(htmlElements, questionRenderer)\n    const { hintText } = htmlElements.values\n    /**\n     * @type {string}\n     * @private\n     */\n    this._hintText = hintText\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   * @returns {QuestionBaseModel}\n   * @protected\n   */\n  _renderInput() {\n    return { ...super._renderInput(), label: this.label, hint: this.hint }\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\n/**\n * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { FormComponentsDef, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;;AAEzB;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,SAASF,iBAAiB,CAAC;EAC/D;AACF;AACA;AACA;EACEG,UAAU;EACV;AACF;AACA;EACEC,WAAWA,CAACC,SAAS,EAAEC,UAAU,GAAG,IAAI,EAAE;IACxC,KAAK,CAACD,SAAS,EAAEC,UAAU,CAAC;IAC5B,IAAI,CAACH,UAAU,GAAGE,SAAS;EAC7B;;EAEA;AACF;AACA;AACA;EACEE,UAAUA,CAAA,EAAG;IACX,OAAO;MACL,GAAG,KAAK,CAACA,UAAU,CAAC,CAAC;MACrBC,QAAQ,EAAE,IAAI,CAACL,UAAU,CAACM,IAAI,IAAI,EAAE;MACpCC,SAAS,EAAE,IAAI,CAACP,UAAU,CAACQ,gBAAgB,IAAI;IACjD,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,SAASX,gBAAgB,CAAC;EAC7C;AACF;AACA;EACEY,aAAa,GAAGd,aAAa,CAACe,SAAS;;EAEvC;AACF;AACA;AACA;EACEC,iBAAiB,GAAGd,gBAAgB,CAACe,IAAI,GAAG,eAAe;EAC3D;AACF;AACA;AACA;EACEC,UAAU,GAAG,YAAY;;EAEzB;AACF;AACA;AACA;EACEb,WAAWA,CAACc,YAAY,EAAEC,gBAAgB,EAAE;IAC1C,KAAK,CAACD,YAAY,EAAEC,gBAAgB,CAAC;IACrC,MAAM;MAAEX;IAAS,CAAC,GAAGU,YAAY,CAACE,MAAM;IACxC;AACJ;AACA;AACA;IACI,IAAI,CAACC,SAAS,GAAGb,QAAQ;EAC3B;;EAEA;AACF;AACA;AACA;EACE,IAAIC,IAAIA,CAAA,EAAG;IACT,MAAMa,IAAI,GACR,IAAI,CAACC,UAAU,KAAK,UAAU,IAAI,CAAC,IAAI,CAACF,SAAS,CAACG,MAAM,GACpD,WAAW,GACX,IAAI,CAACH,SAAS;IAEpB,OAAO;MACLC,IAAI;MACJG,OAAO,EAAE,IAAI,CAACC,YAAY,CAAC,UAAU;IACvC,CAAC;EACH;;EAEA;AACF;AACA;AACA;EACEC,YAAYA,CAAA,EAAG;IACb,OAAO;MAAE,GAAG,KAAK,CAACA,YAAY,CAAC,CAAC;MAAEC,KAAK,EAAE,IAAI,CAACA,KAAK;MAAEnB,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;EACxE;;EAEA;AACF;AACA;EACE,IAAID,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACa,SAAS;EACvB;;EAEA;AACF;AACA;EACE,IAAIb,QAAQA,CAACqB,KAAK,EAAE;IAClB,IAAI,CAACR,SAAS,GAAGQ,KAAK;IACtB,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;AACF;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"question.js","names":["ComponentType","ComponentElements","PreviewComponent","QuestionComponentElements","_component","constructor","component","_getValues","hintText","hint","shortDesc","shortDescription","Question","componentType","TextField","_questionTemplate","PATH","_fieldName","htmlElements","questionRenderer","values","_hintText","text","_highlight","length","classes","getHighlight","_renderInput","label","value","render"],"sources":["../../../../../src/form/form-editor/preview/question.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ComponentElements } from '~/src/form/form-editor/preview/component-elements.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\n/**\n * @implements {QuestionElements}\n */\nexport class QuestionComponentElements extends ComponentElements {\n  /**\n   * @type {FormComponentsDef}\n   * @protected\n   */\n  _component\n  /**\n   * @param {FormComponentsDef} component\n   */\n  constructor(component) {\n    super(component)\n    this._component = component\n  }\n\n  /**\n   * @protected\n   * @returns {BaseSettings}\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      hintText: this._component.hint ?? '',\n      shortDesc: this._component.shortDescription ?? ''\n    }\n  }\n}\n\n/**\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 extends PreviewComponent {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.TextField\n\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'textfield.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'inputField'\n\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    super(htmlElements, questionRenderer)\n    const { hintText } = htmlElements.values\n    /**\n     * @type {string}\n     * @private\n     */\n    this._hintText = hintText\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   * @returns {QuestionBaseModel}\n   * @protected\n   */\n  _renderInput() {\n    return { ...super._renderInput(), label: this.label, hint: this.hint }\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\n/**\n * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { FormComponentsDef, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;;AAEzB;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,SAASF,iBAAiB,CAAC;EAC/D;AACF;AACA;AACA;EACEG,UAAU;EACV;AACF;AACA;EACEC,WAAWA,CAACC,SAAS,EAAE;IACrB,KAAK,CAACA,SAAS,CAAC;IAChB,IAAI,CAACF,UAAU,GAAGE,SAAS;EAC7B;;EAEA;AACF;AACA;AACA;EACEC,UAAUA,CAAA,EAAG;IACX,OAAO;MACL,GAAG,KAAK,CAACA,UAAU,CAAC,CAAC;MACrBC,QAAQ,EAAE,IAAI,CAACJ,UAAU,CAACK,IAAI,IAAI,EAAE;MACpCC,SAAS,EAAE,IAAI,CAACN,UAAU,CAACO,gBAAgB,IAAI;IACjD,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,SAASV,gBAAgB,CAAC;EAC7C;AACF;AACA;EACEW,aAAa,GAAGb,aAAa,CAACc,SAAS;;EAEvC;AACF;AACA;AACA;EACEC,iBAAiB,GAAGb,gBAAgB,CAACc,IAAI,GAAG,eAAe;EAC3D;AACF;AACA;AACA;EACEC,UAAU,GAAG,YAAY;;EAEzB;AACF;AACA;AACA;EACEZ,WAAWA,CAACa,YAAY,EAAEC,gBAAgB,EAAE;IAC1C,KAAK,CAACD,YAAY,EAAEC,gBAAgB,CAAC;IACrC,MAAM;MAAEX;IAAS,CAAC,GAAGU,YAAY,CAACE,MAAM;IACxC;AACJ;AACA;AACA;IACI,IAAI,CAACC,SAAS,GAAGb,QAAQ;EAC3B;;EAEA;AACF;AACA;AACA;EACE,IAAIC,IAAIA,CAAA,EAAG;IACT,MAAMa,IAAI,GACR,IAAI,CAACC,UAAU,KAAK,UAAU,IAAI,CAAC,IAAI,CAACF,SAAS,CAACG,MAAM,GACpD,WAAW,GACX,IAAI,CAACH,SAAS;IAEpB,OAAO;MACLC,IAAI;MACJG,OAAO,EAAE,IAAI,CAACC,YAAY,CAAC,UAAU;IACvC,CAAC;EACH;;EAEA;AACF;AACA;AACA;EACEC,YAAYA,CAAA,EAAG;IACb,OAAO;MAAE,GAAG,KAAK,CAACA,YAAY,CAAC,CAAC;MAAEC,KAAK,EAAE,IAAI,CAACA,KAAK;MAAEnB,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;EACxE;;EAEA;AACF;AACA;EACE,IAAID,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACa,SAAS;EACvB;;EAEA;AACF;AACA;EACE,IAAIb,QAAQA,CAACqB,KAAK,EAAE;IAClB,IAAI,CAACR,SAAS,GAAGQ,KAAK;IACtB,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;AACF;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -16,7 +16,7 @@ export class SelectSortableQuestion extends ListSortableQuestion {
    */
   componentType = ComponentType.SelectField;
   get renderInput() {
-    const afterInput = /** @type {{ formGroup?: { afterInputs: { html: string } } }} */
+    const afterInput = /** @type {{ formGroup?: { afterInput: { html: string }} }} */
     this.list.length ? {} : {
       formGroup: {
         afterInput: {
@@ -35,4 +35,8 @@ export class SelectSortableQuestion extends ListSortableQuestion {
     };
   }
 }
+
+/**
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
+ */
 //# sourceMappingURL=select-sortable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-sortable.js","names":["ListSortableQuestion","PreviewComponent","ComponentType","SelectSortableQuestion","_questionTemplate","PATH","selectList","list","length","id","value","text","componentType","SelectField","renderInput","afterInput","formGroup","html","_listElements","afterInputsHTML","_fieldName","name","hint","label","items","classes"],"sources":["../../../../../src/form/form-editor/preview/select-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { ComponentType } from '~/src/index.js'\n\nexport class SelectSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n\n  get selectList() {\n    return this.list.length\n      ? [{ id: '', value: '', text: ' ' }, ...this.list]\n      : this.list\n  }\n\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n\n  get renderInput() {\n    const afterInput =\n      /** @type {{ formGroup?: { afterInputs: { html: string } } }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInput: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      hint: this.hint,\n      label: this.label,\n      items: this.selectList,\n      classes: this.list.length ? '' : 'govuk-visually-hidden',\n      ...afterInput\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,OAAO,MAAMC,sBAAsB,SAASH,oBAAoB,CAAC;EAC/DI,iBAAiB,GAAGH,gBAAgB,CAACI,IAAI,GAAG,iBAAiB;EAE7D,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GACnB,CAAC;MAAEC,EAAE,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAI,CAAC,EAAE,GAAG,IAAI,CAACJ,IAAI,CAAC,GAChD,IAAI,CAACA,IAAI;EACf;;EAEA;AACF;AACA;EACEK,aAAa,GAAGV,aAAa,CAACW,WAAW;EAEzC,IAAIC,WAAWA,CAAA,EAAG;IAChB,MAAMC,UAAU,GACd;IACE,IAAI,CAACR,IAAI,CAACC,MAAM,GACZ,CAAC,CAAC,GACF;MACEQ,SAAS,EAAE;QACTD,UAAU,EAAE;UACVE,IAAI,EAAE,IAAI,CAACC,aAAa,CAACC;QAC3B;MACF;IACF,CACL;IAEH,OAAO;MACLV,EAAE,EAAE,IAAI,CAACW,UAAU;MACnBC,IAAI,EAAE,IAAI,CAACD,UAAU;MACrBE,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,KAAK,EAAE,IAAI,CAAClB,UAAU;MACtBmB,OAAO,EAAE,IAAI,CAAClB,IAAI,CAACC,MAAM,GAAG,EAAE,GAAG,uBAAuB;MACxD,GAAGO;IACL,CAAC;EACH;AACF","ignoreList":[]}
+{"version":3,"file":"select-sortable.js","names":["ListSortableQuestion","PreviewComponent","ComponentType","SelectSortableQuestion","_questionTemplate","PATH","selectList","list","length","id","value","text","componentType","SelectField","renderInput","afterInput","formGroup","html","_listElements","afterInputsHTML","_fieldName","name","hint","label","items","classes"],"sources":["../../../../../src/form/form-editor/preview/select-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { ComponentType } from '~/src/index.js'\n\nexport class SelectSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n\n  get selectList() {\n    return this.list.length\n      ? [{ id: '', value: '', text: ' ' }, ...this.list]\n      : this.list\n  }\n\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n\n  get renderInput() {\n    const afterInput =\n      /** @type {{ formGroup?: { afterInput: { html: string }} }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInput: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      hint: this.hint,\n      label: this.label,\n      items: this.selectList,\n      classes: this.list.length ? '' : 'govuk-visually-hidden',\n      ...afterInput\n    }\n  }\n}\n\n/**\n * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,OAAO,MAAMC,sBAAsB,SAASH,oBAAoB,CAAC;EAC/DI,iBAAiB,GAAGH,gBAAgB,CAACI,IAAI,GAAG,iBAAiB;EAE7D,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GACnB,CAAC;MAAEC,EAAE,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAI,CAAC,EAAE,GAAG,IAAI,CAACJ,IAAI,CAAC,GAChD,IAAI,CAACA,IAAI;EACf;;EAEA;AACF;AACA;EACEK,aAAa,GAAGV,aAAa,CAACW,WAAW;EAEzC,IAAIC,WAAWA,CAAA,EAAG;IAChB,MAAMC,UAAU,GACd;IACE,IAAI,CAACR,IAAI,CAACC,MAAM,GACZ,CAAC,CAAC,GACF;MACEQ,SAAS,EAAE;QACTD,UAAU,EAAE;UACVE,IAAI,EAAE,IAAI,CAACC,aAAa,CAACC;QAC3B;MACF;IACF,CACL;IAEH,OAAO;MACLV,EAAE,EAAE,IAAI,CAACW,UAAU;MACnBC,IAAI,EAAE,IAAI,CAACD,UAAU;MACrBE,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,KAAK,EAAE,IAAI,CAAClB,UAAU;MACtBmB,OAAO,EAAE,IAAI,CAAClB,IAAI,CAACC,MAAM,GAAG,EAAE,GAAG,uBAAuB;MACxD,GAAGO;IACL,CAAC;EACH;AACF;;AAEA;AACA;AACA","ignoreList":[]}

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

@@ -3,9 +3,41 @@ import { ListQuestion } from "./list.js";
 import { PreviewComponent } from "./preview.js";
 export class SelectQuestion extends ListQuestion {
   _questionTemplate = PreviewComponent.PATH + 'selectfield.njk';
+  _fieldName = 'selectInput';
   /**
    * @type {ComponentType}
    */
   componentType = ComponentType.SelectField;
+
+  /**
+   * @returns {ListItemReadonly[]}
+   */
+  get list() {
+    return this._getList();
+  }
+  get renderInput() {
+    const afterInput = /** @type {{ formGroup?: { afterInput: { html: string }} }} */
+    this.list.length ? {} : {
+      formGroup: {
+        afterInput: {
+          html: this._listElements.afterInputsHTML
+        }
+      }
+    };
+    return {
+      id: this._fieldName,
+      name: this._fieldName,
+      hint: this.hint,
+      label: this.label,
+      items: this.list,
+      classes: this.list.length ? '' : 'govuk-visually-hidden',
+      ...afterInput
+    };
+  }
 }
+
+/**
+ * @import { ListItemReadonly } from '~/src/form/form-editor/types.js'
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
+ */
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["ComponentType","ListQuestion","PreviewComponent","SelectQuestion","_questionTemplate","PATH","componentType","SelectField"],"sources":["../../../../../src/form/form-editor/preview/select.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class SelectQuestion extends ListQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,cAAc,SAASF,YAAY,CAAC;EAC/CG,iBAAiB,GAAGF,gBAAgB,CAACG,IAAI,GAAG,iBAAiB;EAC7D;AACF;AACA;EACEC,aAAa,GAAGN,aAAa,CAACO,WAAW;AAC3C","ignoreList":[]}
+{"version":3,"file":"select.js","names":["ComponentType","ListQuestion","PreviewComponent","SelectQuestion","_questionTemplate","PATH","_fieldName","componentType","SelectField","list","_getList","renderInput","afterInput","length","formGroup","html","_listElements","afterInputsHTML","id","name","hint","label","items","classes"],"sources":["../../../../../src/form/form-editor/preview/select.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class SelectQuestion extends ListQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n  _fieldName = 'selectInput'\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n\n  /**\n   * @returns {ListItemReadonly[]}\n   */\n  get list() {\n    return this._getList()\n  }\n\n  get renderInput() {\n    const afterInput =\n      /** @type {{ formGroup?: { afterInput: { html: string }} }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInput: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      hint: this.hint,\n      label: this.label,\n      items: this.list,\n      classes: this.list.length ? '' : 'govuk-visually-hidden',\n      ...afterInput\n    }\n  }\n}\n\n/**\n * @import { ListItemReadonly } from '~/src/form/form-editor/types.js'\n * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,cAAc,SAASF,YAAY,CAAC;EAC/CG,iBAAiB,GAAGF,gBAAgB,CAACG,IAAI,GAAG,iBAAiB;EAC7DC,UAAU,GAAG,aAAa;EAC1B;AACF;AACA;EACEC,aAAa,GAAGP,aAAa,CAACQ,WAAW;;EAEzC;AACF;AACA;EACE,IAAIC,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACC,QAAQ,CAAC,CAAC;EACxB;EAEA,IAAIC,WAAWA,CAAA,EAAG;IAChB,MAAMC,UAAU,GACd;IACE,IAAI,CAACH,IAAI,CAACI,MAAM,GACZ,CAAC,CAAC,GACF;MACEC,SAAS,EAAE;QACTF,UAAU,EAAE;UACVG,IAAI,EAAE,IAAI,CAACC,aAAa,CAACC;QAC3B;MACF;IACF,CACL;IAEH,OAAO;MACLC,EAAE,EAAE,IAAI,CAACZ,UAAU;MACnBa,IAAI,EAAE,IAAI,CAACb,UAAU;MACrBc,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,KAAK,EAAE,IAAI,CAACb,IAAI;MAChBc,OAAO,EAAE,IAAI,CAACd,IAAI,CAACI,MAAM,GAAG,EAAE,GAAG,uBAAuB;MACxD,GAAGD;IACL,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import {\n  type PagePreviewPanelMacro,\n  type QuestionBaseModel\n} from '~/src/form/form-editor/macros/types.js'\nimport { type AutocompleteQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { type DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { type EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { type ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { type LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { type PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { type Question } from '~/src/form/form-editor/preview/question.js'\nimport { type RadioSortableQuestion } from '~/src/form/form-editor/preview/radio-sortable.js'\nimport { type SelectSortableQuestion } from '~/src/form/form-editor/preview/select-sortable.js'\nimport { type ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { type UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport { type ListElement } from '~/src/form/form-editor/types.js'\nexport { type QuestionBaseModel } from '~/src/form/form-editor/macros/types.js'\nexport interface BaseSettings {\n  largeTitle: boolean\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n  content: string\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 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  setPreviewDOM(element: HTMLElement): void\n}\nexport interface AutocompleteElements extends QuestionElements {\n  autocompleteOptions: string\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 PageRenderer {\n  render(pageTemplate: string, pagePreview: PagePreviewPanelMacro): void\n}\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport interface PageOverviewElements {\n  heading: string\n  guidance: string\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | SelectSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n  | AutocompleteQuestion\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import {\n  type PagePreviewPanelMacro,\n  type QuestionBaseModel\n} from '~/src/form/form-editor/macros/types.js'\nimport { type AutocompleteQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { type DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { type EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { type ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { type LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { type PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { type Question } from '~/src/form/form-editor/preview/question.js'\nimport { type RadioSortableQuestion } from '~/src/form/form-editor/preview/radio-sortable.js'\nimport { type SelectSortableQuestion } from '~/src/form/form-editor/preview/select-sortable.js'\nimport { type ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { type UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport { type ListElement } from '~/src/form/form-editor/types.js'\nexport { type QuestionBaseModel } from '~/src/form/form-editor/macros/types.js'\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n  content: string\n  attributes?: Record<string, string>\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 type ListenerRow = [\n  HTMLInputElement | null,\n  (target: HTMLInputElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface DomElementsBase {\n  readonly values?: BaseSettings\n  autocompleteOptions?: string\n  setPreviewHTML(value: string): void\n  setPreviewDOM(element: HTMLElement): void\n}\n\nexport interface QuestionElements extends DomElementsBase {\n  readonly values: BaseSettings\n}\n\nexport interface AutocompleteElements extends QuestionElements {\n  autocompleteOptions: string\n}\n\nexport interface RenderBase {\n  render(questionTemplate: string, renderContext: RenderContext): void\n}\n\nexport interface QuestionRenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface PageRenderContext {\n  params: PagePreviewPanelMacro\n}\n\nexport type RenderContext = QuestionRenderContext | PageRenderContext\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 PageRenderer {\n  render(pageTemplate: string, pagePreview: PagePreviewPanelMacro): void\n}\n\nexport type Renderer = QuestionRenderer | PageRenderer\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport interface PageOverviewElements {\n  heading: string\n  guidance: string\n  addHeading: boolean\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | SelectSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n  | AutocompleteQuestion\n"],"mappings":"","ignoreList":[]}

package/dist/module/stubs.js

@@ -11,4 +11,7 @@ export { buildFileUploadPage } from "./__stubs__/pages.js";
 export { buildSummaryPage } from "./__stubs__/pages.js";
 export { buildQuestionPage } from "./__stubs__/pages.js";
 export { buildMarkdownComponent } from "./__stubs__/components.js";
+export { QuestionRendererStub } from "./form/form-editor/__stubs__/preview.js";
+export { PageRendererStub } from "./form/form-editor/__stubs__/preview.js";
+export { QuestionPreviewElements } from "./form/form-editor/__stubs__/preview.js";
 //# sourceMappingURL=stubs.js.map

package/dist/module/stubs.js.map

@@ -1 +1 @@
-{"version":3,"file":"stubs.js","names":["buildList","buildListItem","buildCheckboxComponent","buildRadioComponent","buildAutoCompleteComponent","buildFileUploadComponent","buildTextFieldComponent","buildRepeaterPage","buildFileUploadPage","buildSummaryPage","buildQuestionPage","buildMarkdownComponent"],"sources":["../../src/stubs.ts"],"sourcesContent":["export * from '~/src/__stubs__/form-definition.js'\nexport { buildList } from '~/src/__stubs__/components.js'\nexport { buildListItem } from '~/src/__stubs__/components.js'\nexport { buildCheckboxComponent } from '~/src/__stubs__/components.js'\nexport { buildRadioComponent } from '~/src/__stubs__/components.js'\nexport { buildAutoCompleteComponent } from '~/src/__stubs__/components.js'\nexport { buildFileUploadComponent } from '~/src/__stubs__/components.js'\nexport { buildTextFieldComponent } from '~/src/__stubs__/components.js'\nexport { buildRepeaterPage } from '~/src/__stubs__/pages.js'\nexport { buildFileUploadPage } from '~/src/__stubs__/pages.js'\nexport { buildSummaryPage } from '~/src/__stubs__/pages.js'\nexport { buildQuestionPage } from '~/src/__stubs__/pages.js'\nexport { buildMarkdownComponent } from '~/src/__stubs__/components.js'\n"],"mappings":"AAAA;AACA,SAASA,SAAS;AAClB,SAASC,aAAa;AACtB,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AACnC,SAASC,wBAAwB;AACjC,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB","ignoreList":[]}
+{"version":3,"file":"stubs.js","names":["buildList","buildListItem","buildCheckboxComponent","buildRadioComponent","buildAutoCompleteComponent","buildFileUploadComponent","buildTextFieldComponent","buildRepeaterPage","buildFileUploadPage","buildSummaryPage","buildQuestionPage","buildMarkdownComponent","QuestionRendererStub","PageRendererStub","QuestionPreviewElements"],"sources":["../../src/stubs.ts"],"sourcesContent":["export * from '~/src/__stubs__/form-definition.js'\nexport { buildList } from '~/src/__stubs__/components.js'\nexport { buildListItem } from '~/src/__stubs__/components.js'\nexport { buildCheckboxComponent } from '~/src/__stubs__/components.js'\nexport { buildRadioComponent } from '~/src/__stubs__/components.js'\nexport { buildAutoCompleteComponent } from '~/src/__stubs__/components.js'\nexport { buildFileUploadComponent } from '~/src/__stubs__/components.js'\nexport { buildTextFieldComponent } from '~/src/__stubs__/components.js'\nexport { buildRepeaterPage } from '~/src/__stubs__/pages.js'\nexport { buildFileUploadPage } from '~/src/__stubs__/pages.js'\nexport { buildSummaryPage } from '~/src/__stubs__/pages.js'\nexport { buildQuestionPage } from '~/src/__stubs__/pages.js'\nexport { buildMarkdownComponent } from '~/src/__stubs__/components.js'\nexport { QuestionRendererStub } from '~/src/form/form-editor/__stubs__/preview.js'\nexport { PageRendererStub } from '~/src/form/form-editor/__stubs__/preview.js'\nexport { QuestionPreviewElements } from '~/src/form/form-editor/__stubs__/preview.js'\n"],"mappings":"AAAA;AACA,SAASA,SAAS;AAClB,SAASC,aAAa;AACtB,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AACnC,SAASC,wBAAwB;AACjC,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB;AACzB,SAASC,uBAAuB","ignoreList":[]}

package/dist/types/form/form-editor/__stubs__/preview.d.ts

@@ -59,7 +59,7 @@ export class QuestionPreviewElements implements ListElements {
     /**
      * @param {BaseSettings} baseSettings
      */
-    constructor({ question, hintText, optional, shortDesc, items, content, largeTitle }: BaseSettings);
+    constructor({ question, hintText, optional, shortDesc, items, content }: BaseSettings);
     /**
      * @protected
      */
@@ -84,7 +84,6 @@ export class QuestionPreviewElements implements ListElements {
      * @private
      */
     private _items;
-    _largeTitle: boolean;
     afterInputsHTML: string;
     /**
      * @returns {BaseSettings}
@@ -118,10 +117,12 @@ export class PagePreviewElements implements PageOverviewElements {
     /**
      * @param {string} heading
      * @param {string} guidance
+     * @param {boolean} [addHeading]
      */
-    constructor(heading: string, guidance?: string);
+    constructor(heading: string, guidance?: string, addHeading?: boolean);
     guidance: string;
     heading: string;
+    addHeading: boolean;
 }
 export const baseElements: BaseSettings;
 export namespace listElementsStub {

package/dist/types/form/form-editor/__stubs__/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/__stubs__/preview.js"],"names":[],"mappings":"AA2OA;;;;GAIG;AACH,6DAJW,OAAO,CAAC,YAAY,CAAC,cACrB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,GAC1C,QAAQ,CAUpB;AAtPD;;GAEG;AACH;IAqBE;;;;OAIG;IACH,oCAHW,MAAM,kBACN,aAAa,GAFX,MAAM,CAMlB;IAtBD;;OAEG;IACH,wBAFW,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,EAItD;IAVD;;OAEG;IACH,YAFU,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAE5C;IASV;;;OAGG;IACH,yBAHW,MAAM,qBACN,iBAAiB,QAI3B;CAUF;AAED;;GAEG;AACH;IAqBE;;;;OAIG;IACH,oCAHW,MAAM,kBACN,aAAa,GAFX,MAAM,CAMlB;IAtBD;;OAEG;IACH,wBAFW,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,EAI1D;IAVD;;OAEG;IACH,YAFU,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAEhD;IASV;;;OAGG;IACH,qBAHW,MAAM,yBACN,qBAAqB,QAI/B;CAUF;AAED;;GAEG;AACH;IA4BE;;OAEG;IACH,qFAFW,YAAY,EAkBtB;IA9CD;;OAEG;IACH,4BAAc;IACd,iBAAiB;IACjB,4BAAc;IACd,iBAAiB;IACjB,6BAAiB;IACjB;;;OAGG;IACH,sBAHU,MAAM,CAGD;IACf;;;OAGG;IACH,oBAHU,MAAM,CAGH;IACb;;;;OAIG;IACH,eAAW;IACX,qBAAkB;IAClB,wBAA2E;IAuB3E;;OAEG;IACH,cAFa,YAAY,CAYxB;IAED;;OAEG;IACH,uBAFW,MAAM,QAIhB;IAED;;OAEG;IACH,sBAFW,WAAW,QAIrB;CACF;AAED;;GAEG;AACH;IACE;;OAEG;IACH,kDAFW,YAAY,GAAG;QAAC,mBAAmB,EAAE,MAAM,CAAA;KAAC,EAKtD;IADC,4BAA8C;CAEjD;AAED;;GAEG;AACH;IAIE;;;OAGG;IACH,qBAHW,MAAM,aACN,MAAM,EAKhB;IAVD,iBAAQ;IACR,gBAAO;CAUR;AAED,2BAAuC,YAAY,CAQjD;;;;;;;;kCA+D8K,yCAAyC;uCAAzC,yCAAyC;yBA7PhM,4CAA4C;sCA6P2G,yCAAyC;mCAAzC,yCAAyC;kCAAzC,yCAAyC;2CAD/K,wCAAwC;kCAC8F,yCAAyC;0CAAzC,yCAAyC;0CAAzC,yCAAyC;AA7DzN,uBAAgB,sCAAsC,CAAA;AACtD,uBAAgB,sCAAsC,CAAA;AACtD,uBAAgB,sCAAsC,CAAA;AACtD,uBAAgB,sCAAsC,CAAA;AAEtD,gCAAoC,YAAY,CA4B9C"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/__stubs__/preview.js"],"names":[],"mappings":"AAmOA;;;;GAIG;AACH,6DAJW,OAAO,CAAC,YAAY,CAAC,cACrB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,GAC1C,QAAQ,CAUpB;AA9OD;;GAEG;AACH;IAqBE;;;;OAIG;IACH,oCAHW,MAAM,kBACN,aAAa,GAFX,MAAM,CAMlB;IAtBD;;OAEG;IACH,wBAFW,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,EAItD;IAVD;;OAEG;IACH,YAFU,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAE5C;IASV;;;OAGG;IACH,yBAHW,MAAM,qBACN,iBAAiB,QAI3B;CAUF;AAED;;GAEG;AACH;IAqBE;;;;OAIG;IACH,oCAHW,MAAM,kBACN,aAAa,GAFX,MAAM,CAMlB;IAtBD;;OAEG;IACH,wBAFW,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,EAI1D;IAVD;;OAEG;IACH,YAFU,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAEhD;IASV;;;OAGG;IACH,qBAHW,MAAM,yBACN,qBAAqB,QAI/B;CAUF;AAED;;GAEG;AACH;IA2BE;;OAEG;IACH,yEAFW,YAAY,EAStB;IApCD;;OAEG;IACH,4BAAc;IACd,iBAAiB;IACjB,4BAAc;IACd,iBAAiB;IACjB,6BAAiB;IACjB;;;OAGG;IACH,sBAHU,MAAM,CAGD;IACf;;;OAGG;IACH,oBAHU,MAAM,CAGH;IACb;;;;OAIG;IACH,eAAW;IACX,wBAA2E;IAc3E;;OAEG;IACH,cAFa,YAAY,CAWxB;IAED;;OAEG;IACH,uBAFW,MAAM,QAIhB;IAED;;OAEG;IACH,sBAFW,WAAW,QAIrB;CACF;AAED;;GAEG;AACH;IACE;;OAEG;IACH,kDAFW,YAAY,GAAG;QAAC,mBAAmB,EAAE,MAAM,CAAA;KAAC,EAKtD;IADC,4BAA8C;CAEjD;AAED;;GAEG;AACH;IAKE;;;;OAIG;IACH,qBAJW,MAAM,aACN,MAAM,eACN,OAAO,EAMjB;IAbD,iBAAQ;IACR,gBAAO;IACP,oBAAU;CAYX;AAED,2BAAuC,YAAY,CAQjD;;;;;;;;kCA+D8K,yCAAyC;uCAAzC,yCAAyC;yBArPhM,4CAA4C;sCAqP2G,yCAAyC;mCAAzC,yCAAyC;kCAAzC,yCAAyC;2CAD/K,wCAAwC;kCAC8F,yCAAyC;0CAAzC,yCAAyC;0CAAzC,yCAAyC;AA7DzN,uBAAgB,sCAAsC,CAAA;AACtD,uBAAgB,sCAAsC,CAAA;AACtD,uBAAgB,sCAAsC,CAAA;AACtD,uBAAgB,sCAAsC,CAAA;AAEtD,gCAAoC,YAAY,CA4B9C"}

package/dist/types/form/form-editor/macros/types.d.ts

@@ -24,20 +24,28 @@ export interface AppPreviewPanelTabsMacro {
     extraFields: GovukField[];
     basePageFields: GovukField[];
 }
+export interface SelectAfterInput {
+    afterInput: {
+        html: string;
+    };
+}
+export interface RadioAndCheckboxAfterInputs {
+    afterInputs: {
+        html: string;
+    };
+}
+export type FormGroupAfterInput = SelectAfterInput | RadioAndCheckboxAfterInputs;
 export interface QuestionBaseModel {
     id?: string;
     name?: string;
     content?: string;
+    attributes?: Record<string, string>;
     label?: DefaultComponent;
     hint?: DefaultComponent;
     fieldset?: GovukFieldset;
     readonly items?: ListItemReadonly[] | DateItem[];
     text?: string;
-    formGroup?: {
-        afterInputs: {
-            html: string;
-        };
-    };
+    formGroup?: FormGroupAfterInput;
     type?: 'text' | 'number' | 'boolean';
     classes?: string;
 }

package/dist/types/form/form-editor/macros/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/macros/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,WAAW,sCAAsC;IACrD,sBAAsB,EAAE,EAAE,CAAA;IAC1B,UAAU,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAClD;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,sCAAsC,CAAA;IACtD,YAAY,EAAE;QACZ,WAAW,EAAE,UAAU,EAAE,CAAA;QACzB,cAAc,EAAE,UAAU,EAAE,CAAA;KAC7B,CAAA;IACD,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,aAAa,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,cAAc,EAAE,sCAAsC,CAAA;IACtD,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,EAAE,UAAU,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,QAAQ,EAAE,CAAA;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE;QAAE,WAAW,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAA;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,iBAAiB,CAAA;IACxB,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,SAAS,EAAE;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE;QACjB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,UAAU,EAAE,oBAAoB,EAAE,CAAA;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/macros/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,WAAW,sCAAsC;IACrD,sBAAsB,EAAE,EAAE,CAAA;IAC1B,UAAU,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAClD;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,sCAAsC,CAAA;IACtD,YAAY,EAAE;QACZ,WAAW,EAAE,UAAU,EAAE,CAAA;QACzB,cAAc,EAAE,UAAU,EAAE,CAAA;KAC7B,CAAA;IACD,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,aAAa,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,cAAc,EAAE,sCAAsC,CAAA;IACtD,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,EAAE,UAAU,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7B;AACD,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9B;AAGD,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,2BAA2B,CAAA;AAEhF,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,QAAQ,EAAE,CAAA;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,iBAAiB,CAAA;IACxB,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,SAAS,EAAE;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE;QACjB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,UAAU,EAAE,oBAAoB,EAAE,CAAA;CAC5C"}

package/dist/types/form/form-editor/preview/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/autocomplete.js"],"names":[],"mappings":"AAKA;CAoBC;AAED;IAME;;;OAGG;IACH,kCAHW,oBAAoB,oBACpB,gBAAgB,EAK1B;IAZD;;;OAGG;IACH,0BAAsB;IAUtB,sCAEC;IAED;;OAEG;IACH,8BAFW,MAAM,QAkBhB;IAED;;;;;;;;;MASC;CACF;yBA1EwB,4CAA4C;iCA8ErC,iCAAiC;0CACa,yCAAyC;sCAAzC,yCAAyC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/autocomplete.js"],"names":[],"mappings":"AAKA;CAqBC;AAED;IAME;;;OAGG;IACH,kCAHW,oBAAoB,oBACpB,gBAAgB,EAK1B;IAZD;;;OAGG;IACH,0BAAsB;IAUtB,sCAEC;IAED;;OAEG;IACH,8BAFW,MAAM,QAkBhB;IAED;;;;;;;;;MASC;CACF;yBA3EwB,4CAA4C;iCA+ErC,iCAAiC;0CACa,yCAAyC;sCAAzC,yCAAyC"}

package/dist/types/form/form-editor/preview/component-elements.d.ts

@@ -4,19 +4,13 @@
 export class ComponentElements implements QuestionElements {
     /**
      * @param {ComponentDef} component
-     * @param {boolean} [largeTitle]
      */
-    constructor(component: ComponentDef, largeTitle?: boolean);
+    constructor(component: ComponentDef);
     /**
      * @type {ComponentDef}
      * @protected
      */
     protected _component: ComponentDef;
-    /**
-     * @type {boolean}
-     * @private
-     */
-    private _largeTitle;
     /**
      * @protected
      * @returns {BaseSettings}

package/dist/types/form/form-editor/preview/component-elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-elements.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/component-elements.js"],"names":[],"mappings":"AAAA;;GAEG;AACH;IAWE;;;OAGG;IACH,uBAHW,YAAY,eACZ,OAAO,EAKjB;IAjBD;;;OAGG;IACH,sBAHU,YAAY,CAGZ;IACV;;;OAGG;IACH,oBAAkB;IAUlB;;;OAGG;IACH,wBAFa,YAAY,CAcxB;IAED;;OAEG;IACH,cAFa,YAAY,CAKxB;IAED;;OAEG;IACH,wBAFW,WAAW,QAIrB;IAED;;OAEG;IACH,uBAFW,MAAM,QAIhB;CACF;sCAGqI,yCAAyC;kCACrG,2BAA2B;kCADiC,yCAAyC"}
+{"version":3,"file":"component-elements.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/component-elements.js"],"names":[],"mappings":"AAAA;;GAEG;AACH;IAME;;OAEG;IACH,uBAFW,YAAY,EAItB;IAVD;;;OAGG;IACH,sBAHU,YAAY,CAGZ;IAQV;;;OAGG;IACH,wBAFa,YAAY,CAaxB;IAED;;OAEG;IACH,cAFa,YAAY,CAKxB;IAED;;OAEG;IACH,wBAFW,WAAW,QAIrB;IAED;;OAEG;IACH,uBAFW,MAAM,QAIhB;CACF;sCAGqI,yCAAyC;kCACrG,2BAA2B;kCADiC,yCAAyC"}

package/dist/types/form/form-editor/preview/content.d.ts

@@ -4,9 +4,8 @@
 export class ContentElements extends ComponentElements implements QuestionElements {
     /**
      * @param {Exclude<ContentComponentsDef, ListComponent>} component
-     * @param {boolean} largeTitle
      */
-    constructor(component: Exclude<ContentComponentsDef, ListComponent>, largeTitle?: boolean);
+    constructor(component: Exclude<ContentComponentsDef, ListComponent>);
     /**
      * @type {Exclude<ContentComponentsDef, ListComponent>}
      * @protected

package/dist/types/form/form-editor/preview/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/content.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IAME;;;OAGG;IACH,uBAHW,OAAO,CAAC,oBAAoB,EAAE,aAAa,CAAC,eAC5C,OAAO,EAKjB;IAZD;;;OAGG;IACH,sBAHU,OAAO,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAG5C;CAoBX;AAED;;;;;GAKG;AACH;IACE;;;OAGG;IACH,oBAHU,MAAM,CAGR;IAwBR;;;OAGG;IACH,6BAHW,MAAM,QAKhB;IASD,mBANa,MAAM,EASlB;IAVD;;OAEG;IACH,eAFa,MAAM,CAIlB;CAMF;sCAGqI,yCAAyC;kCA1F7I,sDAAsD;0CA2FC,2BAA2B;mCAA3B,2BAA2B;iCA1FnF,2CAA2C"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/content.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IAME;;OAEG;IACH,uBAFW,OAAO,CAAC,oBAAoB,EAAE,aAAa,CAAC,EAKtD;IAXD;;;OAGG;IACH,sBAHU,OAAO,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAG5C;CAmBX;AAED;;;;;GAKG;AACH;IACE;;;OAGG;IACH,oBAHU,MAAM,CAGR;IAwBR;;;OAGG;IACH,6BAHW,MAAM,QAKhB;IASD,mBANa,MAAM,EASlB;IAVD;;OAEG;IACH,eAFa,MAAM,CAIlB;CAMF;sCAGqI,yCAAyC;kCAzF7I,sDAAsD;0CA0FC,2BAA2B;mCAA3B,2BAA2B;iCAzFnF,2CAA2C"}