@defra/forms-model 3.0.480 → 3.0.482

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

@@ -1,8 +1,10 @@
-import { Question } from "./question.js";
+import { ComponentType } from "../../../components/enums.js";
+import { PreviewComponent } from "./preview.js";
+import { Question, QuestionComponentElements } from "./question.js";
 const DefaultListConst = {
   TextElementId: 'radioText',
   HintElementId: 'radioHint',
-  Template: Question.PATH + 'radios.njk',
+  Template: PreviewComponent.PATH + 'radios.njk',
   Input: 'listInput',
   RenderName: 'listInputField'
 };
@@ -24,7 +26,59 @@ export function listsElementToMap(listElements) {
   const entries = listElements ? listElements.map(listItemMapper) : [];
   return new Map(entries);
 }
+
+/**
+ * @param {Item} item
+ * @returns {ListElement}
+ */
+export function listItemToListElement(item) {
+  return {
+    text: item.text,
+    label: {
+      text: item.text,
+      classes: ''
+    },
+    value: item.value,
+    id: item.id ?? '',
+    hint: item.hint
+  };
+}
+
+/**
+ * @implements {QuestionElements}
+ */
+export class ListComponentElements extends QuestionComponentElements {
+  /**
+   * @type {List}
+   * @protected
+   */
+  _list;
+
+  /**
+   * @param {SelectionComponentsDef} component
+   * @param {List} list
+   */
+  constructor(component, list) {
+    super(component);
+    this._list = list;
+  }
+
+  /**
+   * @returns {BaseSettings}
+   * @protected
+   */
+  _getValues() {
+    return {
+      ...super._getValues(),
+      items: this._list.items.map(listItemToListElement)
+    };
+  }
+}
 export class ListQuestion extends Question {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.List;
   /**
    * @type {string}
    * @protected
@@ -187,6 +241,8 @@ export class ListQuestion extends Question {
 
 /**
  * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
- * @import { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset } from '~/src/form/form-editor/preview/types.js'
+ * @import { SelectionComponentsDef, ListComponentsDef } from '~/src/components/types.js'
+ * @import { List, Item } from '~/src/form/form-definition/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":["Question","DefaultListConst","TextElementId","HintElementId","Template","PATH","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: Question.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\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  /**\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 { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset } 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","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   */\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\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":[]}

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

@@ -1,10 +1,16 @@
+import { ComponentType } from "../../../components/enums.js";
+import { PreviewComponent } from "./preview.js";
 import { Question } from "./question.js";
 export class LongAnswerQuestion extends Question {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.MultilineTextField;
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = Question.PATH + 'textarea.njk';
+  _questionTemplate = PreviewComponent.PATH + 'textarea.njk';
   /**
    * @type {string}
    * @protected

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

@@ -1 +1 @@
-{"version":3,"file":"long-answer.js","names":["Question","LongAnswerQuestion","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/long-answer.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class LongAnswerQuestion extends Question {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'textarea.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'longAnswerField'\n}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,kBAAkB,SAASD,QAAQ,CAAC;EAC/C;AACF;AACA;AACA;EACEE,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,cAAc;EAClD;AACF;AACA;AACA;EACEC,UAAU,GAAG,iBAAiB;AAChC","ignoreList":[]}
+{"version":3,"file":"long-answer.js","names":["ComponentType","PreviewComponent","Question","LongAnswerQuestion","componentType","MultilineTextField","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/long-answer.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class LongAnswerQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.MultilineTextField\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'textarea.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'longAnswerField'\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,kBAAkB,SAASD,QAAQ,CAAC;EAC/C;AACF;AACA;EACEE,aAAa,GAAGJ,aAAa,CAACK,kBAAkB;EAChD;AACF;AACA;AACA;EACEC,iBAAiB,GAAGL,gBAAgB,CAACM,IAAI,GAAG,cAAc;EAC1D;AACF;AACA;AACA;EACEC,UAAU,GAAG,iBAAiB;AAChC","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+import { ComponentType } from "../../../components/enums.js";
+import { Content } from "./content.js";
+import { PreviewComponent } from "./preview.js";
+import { markdownToHtml } from "../../../utils/markdown.js";
+
+/**
+ * @class Markdown
+ * @classdesc
+ * Base of Content preview classes
+ */
+export class Markdown extends Content {
+  /**
+   * @type {string}
+   * @protected
+   */
+  _fieldName = 'markdown';
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.Markdown;
+
+  /**
+   * @type {string}
+   * @protected
+   */
+  _questionTemplate = PreviewComponent.PATH + 'markdown.njk';
+  /**
+   * @param {QuestionElements} htmlElements
+   * @param {QuestionRenderer} questionRenderer
+   */
+  constructor(htmlElements, questionRenderer) {
+    super(htmlElements, questionRenderer);
+    const {
+      content
+    } = htmlElements.values;
+    this._content = markdownToHtml(content);
+  }
+
+  /**
+   * @param {string} value
+   * @protected
+   */
+  _setContent(value) {
+    super._setContent(markdownToHtml(value));
+  }
+}
+
+/**
+ * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'
+ * @import { FormComponentsDef, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'
+ * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
+ */
+//# sourceMappingURL=markdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","names":["ComponentType","Content","PreviewComponent","markdownToHtml","Markdown","_fieldName","componentType","_questionTemplate","PATH","constructor","htmlElements","questionRenderer","content","values","_content","_setContent","value"],"sources":["../../../../../src/form/form-editor/preview/markdown.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { Content } from '~/src/form/form-editor/preview/content.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { markdownToHtml } from '~/src/utils/markdown.js'\n\n/**\n * @class Markdown\n * @classdesc\n * Base of Content preview classes\n */\nexport class Markdown extends Content {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'markdown'\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.Markdown\n\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'markdown.njk'\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    super(htmlElements, questionRenderer)\n    const { content } = htmlElements.values\n    this._content = markdownToHtml(content)\n  }\n\n  /**\n   * @param {string} value\n   * @protected\n   */\n  _setContent(value) {\n    super._setContent(markdownToHtml(value))\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,OAAO;AAChB,SAASC,gBAAgB;AACzB,SAASC,cAAc;;AAEvB;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,SAASH,OAAO,CAAC;EACpC;AACF;AACA;AACA;EACEI,UAAU,GAAG,UAAU;EACvB;AACF;AACA;EACEC,aAAa,GAAGN,aAAa,CAACI,QAAQ;;EAEtC;AACF;AACA;AACA;EACEG,iBAAiB,GAAGL,gBAAgB,CAACM,IAAI,GAAG,cAAc;EAC1D;AACF;AACA;AACA;EACEC,WAAWA,CAACC,YAAY,EAAEC,gBAAgB,EAAE;IAC1C,KAAK,CAACD,YAAY,EAAEC,gBAAgB,CAAC;IACrC,MAAM;MAAEC;IAAQ,CAAC,GAAGF,YAAY,CAACG,MAAM;IACvC,IAAI,CAACC,QAAQ,GAAGX,cAAc,CAACS,OAAO,CAAC;EACzC;;EAEA;AACF;AACA;AACA;EACEG,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACD,WAAW,CAACZ,cAAc,CAACa,KAAK,CAAC,CAAC;EAC1C;AACF;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -1,11 +1,16 @@
+import { ComponentType } from "../../../components/enums.js";
 import { FieldsetQuestion } from "./fieldset-question.js";
-import { Question } from "../../../index.js";
+import { PreviewComponent } from "./preview.js";
 export class MonthYearQuestion extends FieldsetQuestion {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.MonthYearField;
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = Question.PATH + 'monthyearfield.njk';
+  _questionTemplate = PreviewComponent.PATH + 'monthyearfield.njk';
   _fieldName = 'monthYear';
 
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"month-year.js","names":["FieldsetQuestion","Question","MonthYearQuestion","_questionTemplate","PATH","_fieldName","customRenderFields","items","name","classes"],"sources":["../../../../../src/form/form-editor/preview/month-year.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { Question } from '~/src/index.js'\n\nexport class MonthYearQuestion extends FieldsetQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'monthyearfield.njk'\n  _fieldName = 'monthYear'\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {\n      items: [\n        { name: 'month', classes: 'govuk-input--width-2' },\n        { name: 'year', classes: 'govuk-input--width-4' }\n      ]\n    }\n  }\n}\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,iBAAiB,SAASF,gBAAgB,CAAC;EACtD;AACF;AACA;AACA;EACEG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,oBAAoB;EACxDC,UAAU,GAAG,WAAW;;EAExB;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO;MACLC,KAAK,EAAE,CACL;QAAEC,IAAI,EAAE,OAAO;QAAEC,OAAO,EAAE;MAAuB,CAAC,EAClD;QAAED,IAAI,EAAE,MAAM;QAAEC,OAAO,EAAE;MAAuB,CAAC;IAErD,CAAC;EACH;AACF;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"month-year.js","names":["ComponentType","FieldsetQuestion","PreviewComponent","MonthYearQuestion","componentType","MonthYearField","_questionTemplate","PATH","_fieldName","customRenderFields","items","name","classes"],"sources":["../../../../../src/form/form-editor/preview/month-year.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class MonthYearQuestion extends FieldsetQuestion {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.MonthYearField\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'monthyearfield.njk'\n  _fieldName = 'monthYear'\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {\n      items: [\n        { name: 'month', classes: 'govuk-input--width-2' },\n        { name: 'year', classes: 'govuk-input--width-4' }\n      ]\n    }\n  }\n}\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,iBAAiB,SAASF,gBAAgB,CAAC;EACtD;AACF;AACA;EACEG,aAAa,GAAGJ,aAAa,CAACK,cAAc;EAC5C;AACF;AACA;AACA;EACEC,iBAAiB,GAAGJ,gBAAgB,CAACK,IAAI,GAAG,oBAAoB;EAChEC,UAAU,GAAG,WAAW;;EAExB;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO;MACLC,KAAK,EAAE,CACL;QAAEC,IAAI,EAAE,OAAO;QAAEC,OAAO,EAAE;MAAuB,CAAC,EAClD;QAAED,IAAI,EAAE,MAAM;QAAEC,OAAO,EAAE;MAAuB,CAAC;IAErD,CAAC;EACH;AACF;AACA;AACA;AACA","ignoreList":[]}

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

@@ -1,5 +1,10 @@
+import { ComponentType } from "../../../components/enums.js";
 import { Question } from "./question.js";
 export class NumberOnlyQuestion extends Question {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.NumberField;
   /**
    * @returns {Partial<QuestionBaseModel>}
    */

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

@@ -1 +1 @@
-{"version":3,"file":"number-only.js","names":["Question","NumberOnlyQuestion","customRenderFields","type"],"sources":["../../../../../src/form/form-editor/preview/number-only.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class NumberOnlyQuestion extends Question {\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {\n      type: 'number'\n    }\n  }\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,kBAAkB,SAASD,QAAQ,CAAC;EAC/C;AACF;AACA;EACE,IAAIE,kBAAkBA,CAAA,EAAG;IACvB,OAAO;MACLC,IAAI,EAAE;IACR,CAAC;EACH;AACF;;AAEA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"number-only.js","names":["ComponentType","Question","NumberOnlyQuestion","componentType","NumberField","customRenderFields","type"],"sources":["../../../../../src/form/form-editor/preview/number-only.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class NumberOnlyQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.NumberField\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {\n      type: 'number'\n    }\n  }\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,kBAAkB,SAASD,QAAQ,CAAC;EAC/C;AACF;AACA;EACEE,aAAa,GAAGH,aAAa,CAACI,WAAW;EACzC;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO;MACLC,IAAI,EAAE;IACR,CAAC;EACH;AACF;;AAEA;AACA;AACA","ignoreList":[]}

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

@@ -1,6 +1,12 @@
+import { ComponentType } from "../../../components/enums.js";
+import { PreviewComponent } from "./preview.js";
 import { Question } from "./question.js";
 export class PhoneNumberQuestion extends Question {
-  _questionTemplate = Question.PATH + 'telephonenumberfield.njk';
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.TelephoneNumberField;
+  _questionTemplate = PreviewComponent.PATH + 'telephonenumberfield.njk';
   _fieldName = 'phoneNumberField';
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"phone-number.js","names":["Question","PhoneNumberQuestion","_questionTemplate","PATH","_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 = Question.PATH + '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,GAAGF,QAAQ,CAACG,IAAI,GAAG,0BAA0B;EAC9DC,UAAU,GAAG,kBAAkB;AACjC;;AAEA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"phone-number.js","names":["ComponentType","PreviewComponent","Question","PhoneNumberQuestion","componentType","TelephoneNumberField","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/phone-number.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class PhoneNumberQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.TelephoneNumberField\n  _questionTemplate = PreviewComponent.PATH + 'telephonenumberfield.njk'\n  _fieldName = 'phoneNumberField'\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/question.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,mBAAmB,SAASD,QAAQ,CAAC;EAChD;AACF;AACA;EACEE,aAAa,GAAGJ,aAAa,CAACK,oBAAoB;EAClDC,iBAAiB,GAAGL,gBAAgB,CAACM,IAAI,GAAG,0BAA0B;EACtEC,UAAU,GAAG,kBAAkB;AACjC;;AAEA;AACA;AACA","ignoreList":[]}

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

@@ -0,0 +1,212 @@
+import { ComponentType } from "../../../components/enums.js";
+import { HIGHLIGHT_CLASS } from "./constants.js";
+
+/**
+ * @abstract
+ */
+export class PreviewComponent {
+  static PATH = 'preview-components/';
+  /**
+   * @abstract
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.Details;
+  /**
+   * @abstract
+   * @type {string}
+   * @protected
+   */
+  _questionTemplate = '';
+  /**
+   * @type { string|null }
+   * @protected
+   */
+  _highlight = null;
+  /**
+   * @abstract
+   * @type {string}
+   * @protected
+   */
+  _fieldName = '';
+  /**
+   * @type {QuestionRenderer}
+   * @protected
+   */
+  _questionRenderer;
+
+  /**
+   * @type {QuestionElements}
+   * @protected
+   */
+  _htmlElements;
+  /**
+   * @type {boolean}
+   * @protected
+   */
+  _highlighted = false;
+
+  /**
+   * @param {QuestionElements} htmlElements
+   * @param {QuestionRenderer} questionRenderer
+   */
+  constructor(htmlElements, questionRenderer) {
+    const {
+      question,
+      optional
+    } = htmlElements.values;
+
+    /**
+     * @type {QuestionElements}
+     * @protected
+     */
+    this._htmlElements = htmlElements;
+    /**
+     * @type {string}
+     * @private
+     */
+    this._question = question;
+    /**
+     * @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')
+      }
+    };
+  }
+
+  /**
+   * @returns {Partial<QuestionBaseModel>}
+   */
+  get customRenderFields() {
+    return {};
+  }
+
+  /**
+   *
+   * @returns {QuestionBaseModel}
+   * @protected
+   */
+  _renderInput() {
+    return {
+      id: this._fieldName,
+      name: this._fieldName,
+      classes: this._highlighted ? HIGHLIGHT_CLASS : ''
+    };
+  }
+
+  /**
+   * @type {QuestionBaseModel}
+   */
+  get renderInput() {
+    return {
+      ...this._renderInput(),
+      ...this.customRenderFields
+    };
+  }
+  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();
+  }
+  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();
+  }
+
+  /**
+   * no render
+   */
+  highlightContent() {
+    this._highlighted = true;
+  }
+
+  /**
+   * no render
+   */
+  unHighlightContent() {
+    this._highlighted = false;
+  }
+}
+
+/**
+ * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'
+ * @import { FormComponentsDef, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'
+ * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
+ */
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"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  /**\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":[]}