@defra/forms-model 3.0.452 → 3.0.453

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

@@ -97,6 +97,49 @@ export const baseElements = /** @type {BaseSettings} */{
   hintText: 'Choose one adventure that best suits you.',
   shortDesc: ''
 };
+const list1Id = '414d82a3-4cab-416a-bd54-6b86fbd51120';
+const list2Id = '801385a4-81e6-4171-96c3-6c6727d97f22';
+const list3Id = 'e6e3f621-b875-4ca3-a054-cca9149149dd';
+const list4Id = 'd71b3909-582f-4e90-b6f5-490b89a6eb8f';
+const listElementsBase = /** @type {BaseSettings} */{
+  ...baseElements,
+  items: [{
+    label: {
+      text: 'Treasure Hunting'
+    },
+    text: 'Treasure Hunting',
+    value: 'Treasure Hunting',
+    id: list1Id
+  }, {
+    label: {
+      text: 'Rescuing the princess'
+    },
+    text: 'Rescuing the princess',
+    value: 'Rescuing the princess',
+    id: list2Id
+  }, {
+    label: {
+      text: 'Saving a city'
+    },
+    text: 'Saving a city',
+    value: 'Saving a city',
+    id: list3Id
+  }, {
+    label: {
+      text: 'Defeating the baron'
+    },
+    text: 'Defeating the baron',
+    value: 'Defeating the baron',
+    id: list4Id
+  }]
+};
+export const listElementsStub = {
+  list1Id,
+  list2Id,
+  list3Id,
+  list4Id,
+  baseElements: listElementsBase
+};
 
 /**
  * @import { ListElement } from  '~/src/form/form-editor/types.js'

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

@@ -1 +1 @@
-{"version":3,"file":"preview.js","names":["QuestionRendererStub","renderMock","constructor","render","questionTemplate","questionBaseModel","buildHTML","_questionTemplate","_renderContext","QuestionPreviewElements","_question","_hintText","_optional","_shortDesc","_items","afterInputsHTML","question","hintText","optional","shortDesc","items","values","setPreviewHTML","_value","baseElements"],"sources":["../../../../../src/form/form-editor/__stubs__/preview.js"],"sourcesContent":["/**\n * @implements {QuestionRenderer}\n */\nexport class QuestionRendererStub {\n  /**\n   * @type {jest.Mock<void, [string, QuestionBaseModel]>}\n   */\n  renderMock\n\n  /**\n   * @param {jest.Mock<void, [string, QuestionBaseModel]>} renderMock\n   */\n  constructor(renderMock) {\n    this.renderMock = renderMock\n  }\n\n  /**\n   * @param {string} questionTemplate\n   * @param {QuestionBaseModel} questionBaseModel\n   */\n  render(questionTemplate, questionBaseModel) {\n    this.renderMock(questionTemplate, questionBaseModel)\n  }\n\n  /**\n   * @returns {string}\n   * @param {string} _questionTemplate\n   * @param {RenderContext} _renderContext\n   */\n  static buildHTML(_questionTemplate, _renderContext) {\n    return '**** BUILT HTML ****'\n  }\n}\n\n/**\n * @implements {ListElements}\n */\nexport class QuestionPreviewElements {\n  /**\n   * @protected\n   */\n  _question = ''\n  /** @protected */\n  _hintText = ''\n  /** @protected */\n  _optional = false\n  /**\n   * @type {string}\n   * @protected\n   */\n  _shortDesc = ''\n  /**\n   *\n   * @type {ListElement[]}\n   * @private\n   */\n  _items = []\n\n  afterInputsHTML = '<div class=\"govuk-inset-text\">No items added yet.</div>'\n\n  /**\n   * @param {BaseSettings} baseSettings\n   */\n  constructor({ question, hintText, optional, shortDesc, items }) {\n    this._question = question\n    this._hintText = hintText\n    this._optional = optional\n    this._shortDesc = shortDesc\n    this._items = items\n  }\n\n  get values() {\n    return {\n      question: this._question,\n      hintText: this._hintText,\n      optional: this._optional,\n      shortDesc: this._shortDesc,\n      items: this._items\n    }\n  }\n\n  /**\n   * @param {string} _value\n   */\n  setPreviewHTML(_value) {\n    // Not implemented for server side render\n  }\n}\n\nexport const baseElements = /** @type {BaseSettings} */ ({\n  items: [],\n  optional: false,\n  question: 'Which quest would you like to pick?',\n  hintText: 'Choose one adventure that best suits you.',\n  shortDesc: ''\n})\n\n/**\n * @import { ListElement } from  '~/src/form/form-editor/types.js'\n * @import { BaseSettings, ListElements, RenderContext, QuestionBaseModel, QuestionElements, QuestionRenderer } from  '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,MAAMA,oBAAoB,CAAC;EAChC;AACF;AACA;EACEC,UAAU;;EAEV;AACF;AACA;EACEC,WAAWA,CAACD,UAAU,EAAE;IACtB,IAAI,CAACA,UAAU,GAAGA,UAAU;EAC9B;;EAEA;AACF;AACA;AACA;EACEE,MAAMA,CAACC,gBAAgB,EAAEC,iBAAiB,EAAE;IAC1C,IAAI,CAACJ,UAAU,CAACG,gBAAgB,EAAEC,iBAAiB,CAAC;EACtD;;EAEA;AACF;AACA;AACA;AACA;EACE,OAAOC,SAASA,CAACC,iBAAiB,EAAEC,cAAc,EAAE;IAClD,OAAO,sBAAsB;EAC/B;AACF;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,CAAC;EACnC;AACF;AACA;EACEC,SAAS,GAAG,EAAE;EACd;EACAC,SAAS,GAAG,EAAE;EACd;EACAC,SAAS,GAAG,KAAK;EACjB;AACF;AACA;AACA;EACEC,UAAU,GAAG,EAAE;EACf;AACF;AACA;AACA;AACA;EACEC,MAAM,GAAG,EAAE;EAEXC,eAAe,GAAG,yDAAyD;;EAE3E;AACF;AACA;EACEb,WAAWA,CAAC;IAAEc,QAAQ;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAM,CAAC,EAAE;IAC9D,IAAI,CAACV,SAAS,GAAGM,QAAQ;IACzB,IAAI,CAACL,SAAS,GAAGM,QAAQ;IACzB,IAAI,CAACL,SAAS,GAAGM,QAAQ;IACzB,IAAI,CAACL,UAAU,GAAGM,SAAS;IAC3B,IAAI,CAACL,MAAM,GAAGM,KAAK;EACrB;EAEA,IAAIC,MAAMA,CAAA,EAAG;IACX,OAAO;MACLL,QAAQ,EAAE,IAAI,CAACN,SAAS;MACxBO,QAAQ,EAAE,IAAI,CAACN,SAAS;MACxBO,QAAQ,EAAE,IAAI,CAACN,SAAS;MACxBO,SAAS,EAAE,IAAI,CAACN,UAAU;MAC1BO,KAAK,EAAE,IAAI,CAACN;IACd,CAAC;EACH;;EAEA;AACF;AACA;EACEQ,cAAcA,CAACC,MAAM,EAAE;IACrB;EAAA;AAEJ;AAEA,OAAO,MAAMC,YAAY,GAAG,2BAA6B;EACvDJ,KAAK,EAAE,EAAE;EACTF,QAAQ,EAAE,KAAK;EACfF,QAAQ,EAAE,qCAAqC;EAC/CC,QAAQ,EAAE,2CAA2C;EACrDE,SAAS,EAAE;AACb,CAAE;;AAEF;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"preview.js","names":["QuestionRendererStub","renderMock","constructor","render","questionTemplate","questionBaseModel","buildHTML","_questionTemplate","_renderContext","QuestionPreviewElements","_question","_hintText","_optional","_shortDesc","_items","afterInputsHTML","question","hintText","optional","shortDesc","items","values","setPreviewHTML","_value","baseElements","list1Id","list2Id","list3Id","list4Id","listElementsBase","label","text","value","id","listElementsStub"],"sources":["../../../../../src/form/form-editor/__stubs__/preview.js"],"sourcesContent":["/**\n * @implements {QuestionRenderer}\n */\nexport class QuestionRendererStub {\n  /**\n   * @type {jest.Mock<void, [string, QuestionBaseModel]>}\n   */\n  renderMock\n\n  /**\n   * @param {jest.Mock<void, [string, QuestionBaseModel]>} renderMock\n   */\n  constructor(renderMock) {\n    this.renderMock = renderMock\n  }\n\n  /**\n   * @param {string} questionTemplate\n   * @param {QuestionBaseModel} questionBaseModel\n   */\n  render(questionTemplate, questionBaseModel) {\n    this.renderMock(questionTemplate, questionBaseModel)\n  }\n\n  /**\n   * @returns {string}\n   * @param {string} _questionTemplate\n   * @param {RenderContext} _renderContext\n   */\n  static buildHTML(_questionTemplate, _renderContext) {\n    return '**** BUILT HTML ****'\n  }\n}\n\n/**\n * @implements {ListElements}\n */\nexport class QuestionPreviewElements {\n  /**\n   * @protected\n   */\n  _question = ''\n  /** @protected */\n  _hintText = ''\n  /** @protected */\n  _optional = false\n  /**\n   * @type {string}\n   * @protected\n   */\n  _shortDesc = ''\n  /**\n   *\n   * @type {ListElement[]}\n   * @private\n   */\n  _items = []\n\n  afterInputsHTML = '<div class=\"govuk-inset-text\">No items added yet.</div>'\n\n  /**\n   * @param {BaseSettings} baseSettings\n   */\n  constructor({ question, hintText, optional, shortDesc, items }) {\n    this._question = question\n    this._hintText = hintText\n    this._optional = optional\n    this._shortDesc = shortDesc\n    this._items = items\n  }\n\n  get values() {\n    return {\n      question: this._question,\n      hintText: this._hintText,\n      optional: this._optional,\n      shortDesc: this._shortDesc,\n      items: this._items\n    }\n  }\n\n  /**\n   * @param {string} _value\n   */\n  setPreviewHTML(_value) {\n    // Not implemented for server side render\n  }\n}\n\nexport const baseElements = /** @type {BaseSettings} */ ({\n  items: [],\n  optional: false,\n  question: 'Which quest would you like to pick?',\n  hintText: 'Choose one adventure that best suits you.',\n  shortDesc: ''\n})\n\nconst list1Id = '414d82a3-4cab-416a-bd54-6b86fbd51120'\nconst list2Id = '801385a4-81e6-4171-96c3-6c6727d97f22'\nconst list3Id = 'e6e3f621-b875-4ca3-a054-cca9149149dd'\nconst list4Id = 'd71b3909-582f-4e90-b6f5-490b89a6eb8f'\n\nconst listElementsBase = /** @type {BaseSettings} */ ({\n  ...baseElements,\n  items: [\n    {\n      label: { text: 'Treasure Hunting' },\n      text: 'Treasure Hunting',\n      value: 'Treasure Hunting',\n      id: list1Id\n    },\n    {\n      label: { text: 'Rescuing the princess' },\n      text: 'Rescuing the princess',\n      value: 'Rescuing the princess',\n      id: list2Id\n    },\n    {\n      label: { text: 'Saving a city' },\n      text: 'Saving a city',\n      value: 'Saving a city',\n      id: list3Id\n    },\n    {\n      label: { text: 'Defeating the baron' },\n      text: 'Defeating the baron',\n      value: 'Defeating the baron',\n      id: list4Id\n    }\n  ]\n})\n\nexport const listElementsStub = {\n  list1Id,\n  list2Id,\n  list3Id,\n  list4Id,\n  baseElements: listElementsBase\n}\n\n/**\n * @import { ListElement } from  '~/src/form/form-editor/types.js'\n * @import { BaseSettings, ListElements, RenderContext, QuestionBaseModel, QuestionElements, QuestionRenderer } from  '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import { ListSortableQuestion } from "./list-sortable.js";
+import { Question } from "./question.js";
+export class CheckboxSortableQuestion extends ListSortableQuestion {
+  /**
+   * @type {string}
+   * @protected
+   */
+  _questionTemplate = Question.PATH + 'checkboxesfield.njk';
+  listRenderId = 'checkboxField';
+  listRenderName = 'checkboxField';
+}
+//# sourceMappingURL=checkbox-sortable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-sortable.js","names":["ListSortableQuestion","Question","CheckboxSortableQuestion","_questionTemplate","PATH","listRenderId","listRenderName"],"sources":["../../../../../src/form/form-editor/preview/checkbox-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class CheckboxSortableQuestion extends ListSortableQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'checkboxesfield.njk'\n  listRenderId = 'checkboxField'\n  listRenderName = 'checkboxField'\n}\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,QAAQ;AAEjB,OAAO,MAAMC,wBAAwB,SAASF,oBAAoB,CAAC;EACjE;AACF;AACA;AACA;EACEG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,qBAAqB;EACzDC,YAAY,GAAG,eAAe;EAC9BC,cAAc,GAAG,eAAe;AAClC","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 import { FieldsetQuestion } from "./fieldset-question.js";
+import { Question } from "./question.js";
 export class DateInputQuestion extends FieldsetQuestion {
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'date-input.njk';
+  _questionTemplate = Question.PATH + 'date-input.njk';
   _fieldName = 'dateInput';
 }
 //# sourceMappingURL=date-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-input.js","names":["FieldsetQuestion","DateInputQuestion","_questionTemplate","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/date-input.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\n\nexport class DateInputQuestion extends FieldsetQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = 'date-input.njk'\n  _fieldName = 'dateInput'\n}\n"],"mappings":"AAAA,SAASA,gBAAgB;AAEzB,OAAO,MAAMC,iBAAiB,SAASD,gBAAgB,CAAC;EACtD;AACF;AACA;AACA;EACEE,iBAAiB,GAAG,gBAAgB;EACpCC,UAAU,GAAG,WAAW;AAC1B","ignoreList":[]}
+{"version":3,"file":"date-input.js","names":["FieldsetQuestion","Question","DateInputQuestion","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/date-input.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\nexport class DateInputQuestion extends FieldsetQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'date-input.njk'\n  _fieldName = 'dateInput'\n}\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,QAAQ;AACjB,OAAO,MAAMC,iBAAiB,SAASF,gBAAgB,CAAC;EACtD;AACF;AACA;AACA;EACEG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,gBAAgB;EACpDC,UAAU,GAAG,WAAW;AAC1B","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import { Question } from "./question.js";
 export class EmailAddressQuestion extends Question {
-  _questionTemplate = 'emailaddressfield.njk';
+  _questionTemplate = Question.PATH + 'emailaddressfield.njk';
   _fieldName = 'emailAddressField';
 }
 //# sourceMappingURL=email-address.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"email-address.js","names":["Question","EmailAddressQuestion","_questionTemplate","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/email-address.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class EmailAddressQuestion extends Question {\n  _questionTemplate = 'emailaddressfield.njk'\n  _fieldName = 'emailAddressField'\n}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,oBAAoB,SAASD,QAAQ,CAAC;EACjDE,iBAAiB,GAAG,uBAAuB;EAC3CC,UAAU,GAAG,mBAAmB;AAClC","ignoreList":[]}
+{"version":3,"file":"email-address.js","names":["Question","EmailAddressQuestion","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/email-address.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class EmailAddressQuestion extends Question {\n  _questionTemplate = Question.PATH + 'emailaddressfield.njk'\n  _fieldName = 'emailAddressField'\n}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,oBAAoB,SAASD,QAAQ,CAAC;EACjDE,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,uBAAuB;EAC3DC,UAAU,GAAG,mBAAmB;AAClC","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+export * from "./checkbox-sortable.js";
 export * from "./date-input.js";
 export * from "./email-address.js";
 export * from "./list.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/form/form-editor/preview/index.js"],"sourcesContent":["export * from '~/src/form/form-editor/preview/date-input.js'\nexport * from '~/src/form/form-editor/preview/email-address.js'\nexport * from '~/src/form/form-editor/preview/list.js'\nexport * from '~/src/form/form-editor/preview/list-sortable.js'\nexport * from '~/src/form/form-editor/preview/month-year.js'\nexport * from '~/src/form/form-editor/preview/number-only.js'\nexport * from '~/src/form/form-editor/preview/phone-number.js'\nexport * from '~/src/form/form-editor/preview/question.js'\nexport * from '~/src/form/form-editor/preview/radio.js'\nexport * from '~/src/form/form-editor/preview/radio-sortable.js'\nexport * from '~/src/form/form-editor/preview/short-answer.js'\nexport * from '~/src/form/form-editor/preview/long-answer.js'\nexport * from '~/src/form/form-editor/preview/uk-address.js'\nexport * from '~/src/form/form-editor/preview/yes-no.js'\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/form/form-editor/preview/index.js"],"sourcesContent":["export * from '~/src/form/form-editor/preview/checkbox-sortable.js'\nexport * from '~/src/form/form-editor/preview/date-input.js'\nexport * from '~/src/form/form-editor/preview/email-address.js'\nexport * from '~/src/form/form-editor/preview/list.js'\nexport * from '~/src/form/form-editor/preview/list-sortable.js'\nexport * from '~/src/form/form-editor/preview/month-year.js'\nexport * from '~/src/form/form-editor/preview/number-only.js'\nexport * from '~/src/form/form-editor/preview/phone-number.js'\nexport * from '~/src/form/form-editor/preview/question.js'\nexport * from '~/src/form/form-editor/preview/radio.js'\nexport * from '~/src/form/form-editor/preview/radio-sortable.js'\nexport * from '~/src/form/form-editor/preview/short-answer.js'\nexport * from '~/src/form/form-editor/preview/long-answer.js'\nexport * from '~/src/form/form-editor/preview/uk-address.js'\nexport * from '~/src/form/form-editor/preview/yes-no.js'\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ export class LongAnswerQuestion extends Question {
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'textarea.njk';
+  _questionTemplate = Question.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","_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 = '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,GAAG,cAAc;EAClC;AACF;AACA;AACA;EACEC,UAAU,GAAG,iBAAiB;AAChC","ignoreList":[]}
+{"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":[]}

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

@@ -1,10 +1,11 @@
 import { FieldsetQuestion } from "./fieldset-question.js";
+import { Question } from "../../../index.js";
 export class MonthYearQuestion extends FieldsetQuestion {
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'monthyearfield.njk';
+  _questionTemplate = Question.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","MonthYearQuestion","_questionTemplate","_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'\n\nexport class MonthYearQuestion extends FieldsetQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = '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;AAEzB,OAAO,MAAMC,iBAAiB,SAASD,gBAAgB,CAAC;EACtD;AACF;AACA;AACA;EACEE,iBAAiB,GAAG,oBAAoB;EACxCC,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":["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":[]}

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

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

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

@@ -9,11 +9,13 @@
  * server side.
  */
 export class Question {
+  static PATH = '';
+
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'textfield.njk';
+  _questionTemplate = Question.PATH + 'textfield.njk';
   /**
    * @type { string|null }
    * @protected

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"radio-sortable.js","names":["ListSortableQuestion","RadioSortableQuestion","_questionTemplate"],"sources":["../../../../../src/form/form-editor/preview/radio-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\n\nexport class RadioSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,oBAAoB;AAE7B,OAAO,MAAMC,qBAAqB,SAASD,oBAAoB,CAAC;EAC9DE,iBAAiB,GAAG,YAAY;AAClC","ignoreList":[]}
+{"version":3,"file":"radio-sortable.js","names":["ListSortableQuestion","Question","RadioSortableQuestion","_questionTemplate","PATH"],"sources":["../../../../../src/form/form-editor/preview/radio-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { Question } from '~/src/index.js'\n\nexport class RadioSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = Question.PATH + 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,QAAQ;AAEjB,OAAO,MAAMC,qBAAqB,SAASF,oBAAoB,CAAC;EAC9DG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,YAAY;AAClD","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":["ListQuestion","RadioQuestion","_questionTemplate"],"sources":["../../../../../src/form/form-editor/preview/radio.js"],"sourcesContent":["import { ListQuestion } from '~/src/form/form-editor/preview/list.js'\n\nexport class RadioQuestion extends ListQuestion {\n  _questionTemplate = 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,YAAY;AAErB,OAAO,MAAMC,aAAa,SAASD,YAAY,CAAC;EAC9CE,iBAAiB,GAAG,YAAY;AAClC","ignoreList":[]}
+{"version":3,"file":"radio.js","names":["ListQuestion","Question","RadioQuestion","_questionTemplate","PATH"],"sources":["../../../../../src/form/form-editor/preview/radio.js"],"sourcesContent":["import { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { Question } from '~/src/index.js'\n\nexport class RadioQuestion extends ListQuestion {\n  _questionTemplate = Question.PATH + 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,YAAY;AACrB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,aAAa,SAASF,YAAY,CAAC;EAC9CG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,YAAY;AAClD","ignoreList":[]}

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

@@ -1,6 +1,7 @@
 import { FieldsetQuestion } from "./fieldset-question.js";
+import { Question } from "../../../index.js";
 export class UkAddressQuestion extends FieldsetQuestion {
-  _questionTemplate = 'ukaddressfield.njk';
+  _questionTemplate = Question.PATH + 'ukaddressfield.njk';
   _fieldName = 'addressField';
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"uk-address.js","names":["FieldsetQuestion","UkAddressQuestion","_questionTemplate","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\n\nexport class UkAddressQuestion extends FieldsetQuestion {\n  _questionTemplate = 'ukaddressfield.njk'\n  _fieldName = 'addressField'\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,gBAAgB;AAEzB,OAAO,MAAMC,iBAAiB,SAASD,gBAAgB,CAAC;EACtDE,iBAAiB,GAAG,oBAAoB;EACxCC,UAAU,GAAG,cAAc;AAC7B;;AAEA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"uk-address.js","names":["FieldsetQuestion","Question","UkAddressQuestion","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { Question } from '~/src/index.js'\n\nexport class UkAddressQuestion extends FieldsetQuestion {\n  _questionTemplate = Question.PATH + 'ukaddressfield.njk'\n  _fieldName = 'addressField'\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;EACtDG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,oBAAoB;EACxDC,UAAU,GAAG,cAAc;AAC7B;;AAEA;AACA;AACA","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 import { FieldsetQuestion } from "./fieldset-question.js";
+import { Question } from "../../../index.js";
 export class YesNoQuestion extends FieldsetQuestion {
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'radios.njk';
+  _questionTemplate = Question.PATH + 'radios.njk';
   _fieldName = 'yesNo';
 
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"yes-no.js","names":["FieldsetQuestion","YesNoQuestion","_questionTemplate","_fieldName","customRenderFields","type","items","id","text","value","label","classes"],"sources":["../../../../../src/form/form-editor/preview/yes-no.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\n\nexport class YesNoQuestion extends FieldsetQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = 'radios.njk'\n  _fieldName = 'yesNo'\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    /**\n     *\n     */\n    return {\n      type: 'boolean',\n      items: /** @type {ListElement[]} */ ([\n        {\n          id: 'yesNo-yes',\n          text: 'Yes',\n          value: true,\n          label: {\n            text: 'Yes',\n            classes: ''\n          }\n        },\n        {\n          id: 'yesNo-no',\n          text: 'No',\n          value: false,\n          label: {\n            text: 'No',\n            classes: ''\n          }\n        }\n      ])\n    }\n  }\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { ListElement } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA,SAASA,gBAAgB;AAEzB,OAAO,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAClD;AACF;AACA;AACA;EACEE,iBAAiB,GAAG,YAAY;EAChCC,UAAU,GAAG,OAAO;;EAEpB;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB;AACJ;AACA;IACI,OAAO;MACLC,IAAI,EAAE,SAAS;MACfC,KAAK,GAAE,4BAA8B,CACnC;QACEC,EAAE,EAAE,WAAW;QACfC,IAAI,EAAE,KAAK;QACXC,KAAK,EAAE,IAAI;QACXC,KAAK,EAAE;UACLF,IAAI,EAAE,KAAK;UACXG,OAAO,EAAE;QACX;MACF,CAAC,EACD;QACEJ,EAAE,EAAE,UAAU;QACdC,IAAI,EAAE,IAAI;QACVC,KAAK,EAAE,KAAK;QACZC,KAAK,EAAE;UACLF,IAAI,EAAE,IAAI;UACVG,OAAO,EAAE;QACX;MACF,CAAC,CACF;IACH,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"yes-no.js","names":["FieldsetQuestion","Question","YesNoQuestion","_questionTemplate","PATH","_fieldName","customRenderFields","type","items","id","text","value","label","classes"],"sources":["../../../../../src/form/form-editor/preview/yes-no.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { Question } from '~/src/index.js'\n\nexport class YesNoQuestion extends FieldsetQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'radios.njk'\n  _fieldName = 'yesNo'\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    /**\n     *\n     */\n    return {\n      type: 'boolean',\n      items: /** @type {ListElement[]} */ ([\n        {\n          id: 'yesNo-yes',\n          text: 'Yes',\n          value: true,\n          label: {\n            text: 'Yes',\n            classes: ''\n          }\n        },\n        {\n          id: 'yesNo-no',\n          text: 'No',\n          value: false,\n          label: {\n            text: 'No',\n            classes: ''\n          }\n        }\n      ])\n    }\n  }\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { ListElement } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,aAAa,SAASF,gBAAgB,CAAC;EAClD;AACF;AACA;AACA;EACEG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,YAAY;EAChDC,UAAU,GAAG,OAAO;;EAEpB;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB;AACJ;AACA;IACI,OAAO;MACLC,IAAI,EAAE,SAAS;MACfC,KAAK,GAAE,4BAA8B,CACnC;QACEC,EAAE,EAAE,WAAW;QACfC,IAAI,EAAE,KAAK;QACXC,KAAK,EAAE,IAAI;QACXC,KAAK,EAAE;UACLF,IAAI,EAAE,KAAK;UACXG,OAAO,EAAE;QACX;MACF,CAAC,EACD;QACEJ,EAAE,EAAE,UAAU;QACdC,IAAI,EAAE,IAAI;QACVC,KAAK,EAAE,KAAK;QACZC,KAAK,EAAE;UACLF,IAAI,EAAE,IAAI;UACVG,OAAO,EAAE;QACX;MACF,CAAC,CACF;IACH,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -63,10 +63,23 @@ export class QuestionPreviewElements implements ListElements {
     setPreviewHTML(_value: string): void;
 }
 export const baseElements: BaseSettings;
+export namespace listElementsStub {
+    export { list1Id };
+    export { list2Id };
+    export { list3Id };
+    export { list4Id };
+    export { listElementsBase as baseElements };
+}
 import type { QuestionRenderer } from '../../../form/form-editor/preview/types.js';
 import type { QuestionBaseModel } from '../../../form/form-editor/preview/types.js';
 import type { RenderContext } from '../../../form/form-editor/preview/types.js';
 import type { ListElements } from '../../../form/form-editor/preview/types.js';
 import type { ListElement } from '../../../form/form-editor/types.js';
 import type { BaseSettings } from '../../../form/form-editor/preview/types.js';
+declare const list1Id: "414d82a3-4cab-416a-bd54-6b86fbd51120";
+declare const list2Id: "801385a4-81e6-4171-96c3-6c6727d97f22";
+declare const list3Id: "e6e3f621-b875-4ca3-a054-cca9149149dd";
+declare const list4Id: "d71b3909-582f-4e90-b6f5-490b89a6eb8f";
+declare const listElementsBase: BaseSettings;
+export {};
 //# sourceMappingURL=preview.d.ts.map

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":"AAAA;;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;IAuBE;;OAEG;IACH,gEAFW,YAAY,EAQtB;IA/BD;;OAEG;IACH,4BAAc;IACd,iBAAiB;IACjB,4BAAc;IACd,iBAAiB;IACjB,6BAAiB;IACjB;;;OAGG;IACH,sBAHU,MAAM,CAGD;IACf;;;;OAIG;IACH,eAAW;IAEX,wBAA2E;IAa3E;;;;;;MAQC;IAED;;OAEG;IACH,uBAFW,MAAM,QAIhB;CACF;AAED,2BAAuC,YAAY,CAMjD;sCAIoH,yCAAyC;uCAAzC,yCAAyC;mCAAzC,yCAAyC;kCAAzC,yCAAyC;iCAD9H,iCAAiC;kCACoD,yCAAyC"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/__stubs__/preview.js"],"names":[],"mappings":"AAAA;;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;IAuBE;;OAEG;IACH,gEAFW,YAAY,EAQtB;IA/BD;;OAEG;IACH,4BAAc;IACd,iBAAiB;IACjB,4BAAc;IACd,iBAAiB;IACjB,6BAAiB;IACjB;;;OAGG;IACH,sBAHU,MAAM,CAGD;IACf;;;;OAIG;IACH,eAAW;IAEX,wBAA2E;IAa3E;;;;;;MAQC;IAED;;OAEG;IACH,uBAFW,MAAM,QAIhB;CACF;AAED,2BAAuC,YAAY,CAMjD;;;;;;;;sCA+CoH,yCAAyC;uCAAzC,yCAAyC;mCAAzC,yCAAyC;kCAAzC,yCAAyC;iCAD9H,iCAAiC;kCACoD,yCAAyC;AA7C/J,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/preview/checkbox-sortable.d.ts

@@ -0,0 +1,4 @@
+export class CheckboxSortableQuestion extends ListSortableQuestion {
+}
+import { ListSortableQuestion } from '../../../form/form-editor/preview/list-sortable.js';
+//# sourceMappingURL=checkbox-sortable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-sortable.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/checkbox-sortable.js"],"names":[],"mappings":"AAGA;CAQC;qCAXoC,iDAAiD"}

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

@@ -1,3 +1,4 @@
+export * from "../../../form/form-editor/preview/checkbox-sortable.js";
 export * from "../../../form/form-editor/preview/date-input.js";
 export * from "../../../form/form-editor/preview/email-address.js";
 export * from "../../../form/form-editor/preview/list.js";

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

@@ -1 +1 @@
-{"version":3,"file":"month-year.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/month-year.js"],"names":[],"mappings":"AAEA;CAmBC;iCArBgC,qDAAqD"}
+{"version":3,"file":"month-year.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/month-year.js"],"names":[],"mappings":"AAGA;CAmBC;iCAtBgC,qDAAqD"}

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

@@ -9,6 +9,7 @@
  * server side.
  */
 export class Question {
+    static PATH: string;
     /**
      * @param {QuestionElements} htmlElements
      * @param {QuestionRenderer} questionRenderer

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

@@ -1 +1 @@
-{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/question.js"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH;IAsBE;;;OAGG;IACH,0BAHW,gBAAgB,oBAChB,gBAAgB,EA+B1B;IAtDD;;;OAGG;IACH,6BAHU,MAAM,CAGmB;IACnC;;;OAGG;IACH,sBAHW,MAAM,GAAC,IAAI,CAGL;IACjB;;;OAGG;IACH,sBAHU,MAAM,CAGS;IACzB;;;OAGG;IACH,6BAHU,gBAAgB,CAGT;IASf;;;OAGG;IACH,sBAAiC;IACjC;;;OAGG;IACH,kBAAyB;IACzB;;;OAGG;IACH,kBAAyB;IACzB;;;OAGG;IACH,kBAAyB;IAS3B;;;;OAIG;IACH,gCAJW,MAAM,GACJ,MAAM,CAKlB;IAED,wBAGC;IAED;;;OAGG;IACH,uBAFU,gBAAgB,CAOzB;IAED;;;OAGG;IACH,0BAFU,aAAa,CAStB;IAED;;;OAGG;IACH,sBAHU,gBAAgB,CAazB;IAED;;OAEG;IACH,0BAFa,OAAO,CAAC,iBAAiB,CAAC,CAItC;IAED;;OAEG;IACH,mBAFU,iBAAiB,CAU1B;IAED,eAEC;IASD;;OAEG;IACH,oBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,gBAFU,MAAM,CAIf;IAiBD;;OAEG;IACH,oBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,gBAFU,MAAM,CAIf;IAcD;;OAEG;IACH,oBAFW,OAAO,EAKjB;IAVD,gBAKW,OAAO,CAHjB;IAiBD;;OAEG;IACH,qBAFW,MAAM,GAAG,IAAI,EAKvB;IAbD;;OAEG;IACH,iBAFU,MAAM,GAAG,IAAI,CAItB;CASF;sCAGqI,yCAAyC;sCAAzC,yCAAyC;mCAAzC,yCAAyC;uCAAzC,yCAAyC;sCAAzC,yCAAyC"}
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/question.js"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH;IACE,oBAAgB;IAuBhB;;;OAGG;IACH,0BAHW,gBAAgB,oBAChB,gBAAgB,EA+B1B;IAtDD;;;OAGG;IACH,6BAHU,MAAM,CAGmC;IACnD;;;OAGG;IACH,sBAHW,MAAM,GAAC,IAAI,CAGL;IACjB;;;OAGG;IACH,sBAHU,MAAM,CAGS;IACzB;;;OAGG;IACH,6BAHU,gBAAgB,CAGT;IASf;;;OAGG;IACH,sBAAiC;IACjC;;;OAGG;IACH,kBAAyB;IACzB;;;OAGG;IACH,kBAAyB;IACzB;;;OAGG;IACH,kBAAyB;IAS3B;;;;OAIG;IACH,gCAJW,MAAM,GACJ,MAAM,CAKlB;IAED,wBAGC;IAED;;;OAGG;IACH,uBAFU,gBAAgB,CAOzB;IAED;;;OAGG;IACH,0BAFU,aAAa,CAStB;IAED;;;OAGG;IACH,sBAHU,gBAAgB,CAazB;IAED;;OAEG;IACH,0BAFa,OAAO,CAAC,iBAAiB,CAAC,CAItC;IAED;;OAEG;IACH,mBAFU,iBAAiB,CAU1B;IAED,eAEC;IASD;;OAEG;IACH,oBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,gBAFU,MAAM,CAIf;IAiBD;;OAEG;IACH,oBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,gBAFU,MAAM,CAIf;IAcD;;OAEG;IACH,oBAFW,OAAO,EAKjB;IAVD,gBAKW,OAAO,CAHjB;IAiBD;;OAEG;IACH,qBAFW,MAAM,GAAG,IAAI,EAKvB;IAbD;;OAEG;IACH,iBAFU,MAAM,GAAG,IAAI,CAItB;CASF;sCAGqI,yCAAyC;sCAAzC,yCAAyC;mCAAzC,yCAAyC;uCAAzC,yCAAyC;sCAAzC,yCAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio-sortable.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/radio-sortable.js"],"names":[],"mappings":"AAEA;CAEC;qCAJoC,iDAAiD"}
+{"version":3,"file":"radio-sortable.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/radio-sortable.js"],"names":[],"mappings":"AAGA;CAEC;qCALoC,iDAAiD"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/radio.js"],"names":[],"mappings":"AAEA;CAEC;6BAJ4B,wCAAwC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/radio.js"],"names":[],"mappings":"AAGA;CAEC;6BAL4B,wCAAwC"}

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

@@ -1 +1 @@
-{"version":3,"file":"uk-address.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"names":[],"mappings":"AAEA;CAGC;iCALgC,qDAAqD"}
+{"version":3,"file":"uk-address.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"names":[],"mappings":"AAGA;CAGC;iCANgC,qDAAqD"}

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

@@ -1 +1 @@
-{"version":3,"file":"yes-no.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/yes-no.js"],"names":[],"mappings":"AAEA;CAuCC;iCAzCgC,qDAAqD"}
+{"version":3,"file":"yes-no.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/yes-no.js"],"names":[],"mappings":"AAGA;CAuCC;iCA1CgC,qDAAqD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defra/forms-model",
-  "version": "3.0.452",
+  "version": "3.0.453",
   "description": "A hapi plugin providing the model for Defra forms",
   "homepage": "https://github.com/DEFRA/forms-designer/tree/main/model#readme",
   "repository": {

package/src/form/form-editor/__stubs__/preview.js

@@ -95,6 +95,49 @@ export const baseElements = /** @type {BaseSettings} */ ({
   shortDesc: ''
 })
 
+const list1Id = '414d82a3-4cab-416a-bd54-6b86fbd51120'
+const list2Id = '801385a4-81e6-4171-96c3-6c6727d97f22'
+const list3Id = 'e6e3f621-b875-4ca3-a054-cca9149149dd'
+const list4Id = 'd71b3909-582f-4e90-b6f5-490b89a6eb8f'
+
+const listElementsBase = /** @type {BaseSettings} */ ({
+  ...baseElements,
+  items: [
+    {
+      label: { text: 'Treasure Hunting' },
+      text: 'Treasure Hunting',
+      value: 'Treasure Hunting',
+      id: list1Id
+    },
+    {
+      label: { text: 'Rescuing the princess' },
+      text: 'Rescuing the princess',
+      value: 'Rescuing the princess',
+      id: list2Id
+    },
+    {
+      label: { text: 'Saving a city' },
+      text: 'Saving a city',
+      value: 'Saving a city',
+      id: list3Id
+    },
+    {
+      label: { text: 'Defeating the baron' },
+      text: 'Defeating the baron',
+      value: 'Defeating the baron',
+      id: list4Id
+    }
+  ]
+})
+
+export const listElementsStub = {
+  list1Id,
+  list2Id,
+  list3Id,
+  list4Id,
+  baseElements: listElementsBase
+}
+
 /**
  * @import { ListElement } from  '~/src/form/form-editor/types.js'
  * @import { BaseSettings, ListElements, RenderContext, QuestionBaseModel, QuestionElements, QuestionRenderer } from  '~/src/form/form-editor/preview/types.js'

package/src/form/form-editor/preview/checkbox-sortable.js

@@ -0,0 +1,12 @@
+import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'
+import { Question } from '~/src/form/form-editor/preview/question.js'
+
+export class CheckboxSortableQuestion extends ListSortableQuestion {
+  /**
+   * @type {string}
+   * @protected
+   */
+  _questionTemplate = Question.PATH + 'checkboxesfield.njk'
+  listRenderId = 'checkboxField'
+  listRenderName = 'checkboxField'
+}

package/src/form/form-editor/preview/date-input.js

@@ -1,10 +1,10 @@
 import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'
-
+import { Question } from '~/src/form/form-editor/preview/question.js'
 export class DateInputQuestion extends FieldsetQuestion {
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'date-input.njk'
+  _questionTemplate = Question.PATH + 'date-input.njk'
   _fieldName = 'dateInput'
 }

package/src/form/form-editor/preview/email-address.js

@@ -1,6 +1,6 @@
 import { Question } from '~/src/form/form-editor/preview/question.js'
 
 export class EmailAddressQuestion extends Question {
-  _questionTemplate = 'emailaddressfield.njk'
+  _questionTemplate = Question.PATH + 'emailaddressfield.njk'
   _fieldName = 'emailAddressField'
 }

package/src/form/form-editor/preview/index.js

@@ -1,3 +1,4 @@
+export * from '~/src/form/form-editor/preview/checkbox-sortable.js'
 export * from '~/src/form/form-editor/preview/date-input.js'
 export * from '~/src/form/form-editor/preview/email-address.js'
 export * from '~/src/form/form-editor/preview/list.js'

package/src/form/form-editor/preview/long-answer.js

@@ -5,7 +5,7 @@ export class LongAnswerQuestion extends Question {
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'textarea.njk'
+  _questionTemplate = Question.PATH + 'textarea.njk'
   /**
    * @type {string}
    * @protected

package/src/form/form-editor/preview/month-year.js

@@ -1,11 +1,12 @@
 import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'
+import { Question } from '~/src/index.js'
 
 export class MonthYearQuestion extends FieldsetQuestion {
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'monthyearfield.njk'
+  _questionTemplate = Question.PATH + 'monthyearfield.njk'
   _fieldName = 'monthYear'
 
   /**

package/src/form/form-editor/preview/phone-number.js

@@ -1,7 +1,7 @@
 import { Question } from '~/src/form/form-editor/preview/question.js'
 
 export class PhoneNumberQuestion extends Question {
-  _questionTemplate = 'telephonenumberfield.njk'
+  _questionTemplate = Question.PATH + 'telephonenumberfield.njk'
   _fieldName = 'phoneNumberField'
 }
 

package/src/form/form-editor/preview/question.js

@@ -9,11 +9,13 @@
  * server side.
  */
 export class Question {
+  static PATH = ''
+
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'textfield.njk'
+  _questionTemplate = Question.PATH + 'textfield.njk'
   /**
    * @type { string|null }
    * @protected

package/src/form/form-editor/preview/radio-sortable.js

@@ -1,5 +1,6 @@
 import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'
+import { Question } from '~/src/index.js'
 
 export class RadioSortableQuestion extends ListSortableQuestion {
-  _questionTemplate = 'radios.njk'
+  _questionTemplate = Question.PATH + 'radios.njk'
 }

package/src/form/form-editor/preview/radio.js

@@ -1,5 +1,6 @@
 import { ListQuestion } from '~/src/form/form-editor/preview/list.js'
+import { Question } from '~/src/index.js'
 
 export class RadioQuestion extends ListQuestion {
-  _questionTemplate = 'radios.njk'
+  _questionTemplate = Question.PATH + 'radios.njk'
 }

package/src/form/form-editor/preview/uk-address.js

@@ -1,7 +1,8 @@
 import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'
+import { Question } from '~/src/index.js'
 
 export class UkAddressQuestion extends FieldsetQuestion {
-  _questionTemplate = 'ukaddressfield.njk'
+  _questionTemplate = Question.PATH + 'ukaddressfield.njk'
   _fieldName = 'addressField'
 }
 

package/src/form/form-editor/preview/yes-no.js

@@ -1,11 +1,12 @@
 import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'
+import { Question } from '~/src/index.js'
 
 export class YesNoQuestion extends FieldsetQuestion {
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = 'radios.njk'
+  _questionTemplate = Question.PATH + 'radios.njk'
   _fieldName = 'yesNo'
 
   /**