@defra/forms-model 3.0.594 → 3.0.596

package/dist/module/form/form-editor/preview/controller/guidance-page-controller.js

@@ -14,7 +14,7 @@ export class GuidancePageController extends PreviewPageControllerBase {
   _guidanceComponent = PreviewPageControllerBase.createGuidanceComponent(false);
 
   /**
-   * @param {PagePreviewBaseElements} elements
+   * @param {PageOverviewElements} elements
    * @param {PageRenderer} renderer
    */
   constructor(elements, renderer) {
@@ -22,6 +22,7 @@ export class GuidancePageController extends PreviewPageControllerBase {
     if (elements.guidance.length) {
       this._guidanceComponent.content = elements.guidance;
     }
+    this._section = elements.section;
   }
 
   /**
@@ -53,6 +54,6 @@ export class GuidancePageController extends PreviewPageControllerBase {
 
 /**
  * @import { Markdown } from '~/src/form/form-editor/preview/markdown.js'
- * @import { PageRenderer, PagePreviewBaseElements } from '~/src/form/form-editor/preview/types.js'
+ * @import { PageRenderer, PageOverviewElements } from '~/src/form/form-editor/preview/types.js'
  */
 //# sourceMappingURL=guidance-page-controller.js.map

package/dist/module/form/form-editor/preview/controller/guidance-page-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"guidance-page-controller.js","names":["PreviewPageControllerBase","FALLBACK_GUIDANCE_TEXT","GuidancePageController","_unhighlightedEmptyGuidance","createGuidanceComponent","_guidanceComponent","constructor","elements","renderer","guidance","length","content","_getGuidanceComponents","_guidanceText","_isHighlighted","HighlightClass","GUIDANCE","_emptyGuidance","_getGuidanceText","guidanceText"],"sources":["../../../../../../src/form/form-editor/preview/controller/guidance-page-controller.js"],"sourcesContent":["import { PreviewPageControllerBase } from '~/src/form/form-editor/preview/controller/page-controller-base.js'\n\nconst FALLBACK_GUIDANCE_TEXT = 'Guidance text'\n\nexport class GuidancePageController extends PreviewPageControllerBase {\n  /**\n   * @type {Markdown}\n   * @protected\n   */\n  _unhighlightedEmptyGuidance =\n    PreviewPageControllerBase.createGuidanceComponent(false)\n\n  /**\n   * @type {Markdown}\n   * @protected\n   */\n  _guidanceComponent = PreviewPageControllerBase.createGuidanceComponent(false)\n\n  /**\n   * @param {PagePreviewBaseElements} elements\n   * @param {PageRenderer} renderer\n   */\n  constructor(elements, renderer) {\n    super(elements, renderer)\n    if (elements.guidance.length) {\n      this._guidanceComponent.content = elements.guidance\n    }\n  }\n\n  /**\n   * @returns {Markdown[]}\n   * @protected\n   */\n  _getGuidanceComponents() {\n    if (this._guidanceText.length) {\n      return [this._guidanceComponent]\n    }\n\n    if (\n      this._isHighlighted(PreviewPageControllerBase.HighlightClass.GUIDANCE)\n    ) {\n      return [this._emptyGuidance]\n    }\n\n    return [this._unhighlightedEmptyGuidance]\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getGuidanceText() {\n    const guidanceText = super._getGuidanceText()\n    if (!guidanceText.length) {\n      return FALLBACK_GUIDANCE_TEXT\n    }\n    return super._getGuidanceText()\n  }\n}\n\n/**\n * @import { Markdown } from '~/src/form/form-editor/preview/markdown.js'\n * @import { PageRenderer, PagePreviewBaseElements } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,yBAAyB;AAElC,MAAMC,sBAAsB,GAAG,eAAe;AAE9C,OAAO,MAAMC,sBAAsB,SAASF,yBAAyB,CAAC;EACpE;AACF;AACA;AACA;EACEG,2BAA2B,GACzBH,yBAAyB,CAACI,uBAAuB,CAAC,KAAK,CAAC;;EAE1D;AACF;AACA;AACA;EACEC,kBAAkB,GAAGL,yBAAyB,CAACI,uBAAuB,CAAC,KAAK,CAAC;;EAE7E;AACF;AACA;AACA;EACEE,WAAWA,CAACC,QAAQ,EAAEC,QAAQ,EAAE;IAC9B,KAAK,CAACD,QAAQ,EAAEC,QAAQ,CAAC;IACzB,IAAID,QAAQ,CAACE,QAAQ,CAACC,MAAM,EAAE;MAC5B,IAAI,CAACL,kBAAkB,CAACM,OAAO,GAAGJ,QAAQ,CAACE,QAAQ;IACrD;EACF;;EAEA;AACF;AACA;AACA;EACEG,sBAAsBA,CAAA,EAAG;IACvB,IAAI,IAAI,CAACC,aAAa,CAACH,MAAM,EAAE;MAC7B,OAAO,CAAC,IAAI,CAACL,kBAAkB,CAAC;IAClC;IAEA,IACE,IAAI,CAACS,cAAc,CAACd,yBAAyB,CAACe,cAAc,CAACC,QAAQ,CAAC,EACtE;MACA,OAAO,CAAC,IAAI,CAACC,cAAc,CAAC;IAC9B;IAEA,OAAO,CAAC,IAAI,CAACd,2BAA2B,CAAC;EAC3C;;EAEA;AACF;AACA;AACA;EACEe,gBAAgBA,CAAA,EAAG;IACjB,MAAMC,YAAY,GAAG,KAAK,CAACD,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAACC,YAAY,CAACT,MAAM,EAAE;MACxB,OAAOT,sBAAsB;IAC/B;IACA,OAAO,KAAK,CAACiB,gBAAgB,CAAC,CAAC;EACjC;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"guidance-page-controller.js","names":["PreviewPageControllerBase","FALLBACK_GUIDANCE_TEXT","GuidancePageController","_unhighlightedEmptyGuidance","createGuidanceComponent","_guidanceComponent","constructor","elements","renderer","guidance","length","content","_section","section","_getGuidanceComponents","_guidanceText","_isHighlighted","HighlightClass","GUIDANCE","_emptyGuidance","_getGuidanceText","guidanceText"],"sources":["../../../../../../src/form/form-editor/preview/controller/guidance-page-controller.js"],"sourcesContent":["import { PreviewPageControllerBase } from '~/src/form/form-editor/preview/controller/page-controller-base.js'\n\nconst FALLBACK_GUIDANCE_TEXT = 'Guidance text'\n\nexport class GuidancePageController extends PreviewPageControllerBase {\n  /**\n   * @type {Markdown}\n   * @protected\n   */\n  _unhighlightedEmptyGuidance =\n    PreviewPageControllerBase.createGuidanceComponent(false)\n\n  /**\n   * @type {Markdown}\n   * @protected\n   */\n  _guidanceComponent = PreviewPageControllerBase.createGuidanceComponent(false)\n\n  /**\n   * @param {PageOverviewElements} elements\n   * @param {PageRenderer} renderer\n   */\n  constructor(elements, renderer) {\n    super(elements, renderer)\n    if (elements.guidance.length) {\n      this._guidanceComponent.content = elements.guidance\n    }\n    this._section = elements.section\n  }\n\n  /**\n   * @returns {Markdown[]}\n   * @protected\n   */\n  _getGuidanceComponents() {\n    if (this._guidanceText.length) {\n      return [this._guidanceComponent]\n    }\n\n    if (\n      this._isHighlighted(PreviewPageControllerBase.HighlightClass.GUIDANCE)\n    ) {\n      return [this._emptyGuidance]\n    }\n\n    return [this._unhighlightedEmptyGuidance]\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getGuidanceText() {\n    const guidanceText = super._getGuidanceText()\n    if (!guidanceText.length) {\n      return FALLBACK_GUIDANCE_TEXT\n    }\n    return super._getGuidanceText()\n  }\n}\n\n/**\n * @import { Markdown } from '~/src/form/form-editor/preview/markdown.js'\n * @import { PageRenderer, PageOverviewElements } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,yBAAyB;AAElC,MAAMC,sBAAsB,GAAG,eAAe;AAE9C,OAAO,MAAMC,sBAAsB,SAASF,yBAAyB,CAAC;EACpE;AACF;AACA;AACA;EACEG,2BAA2B,GACzBH,yBAAyB,CAACI,uBAAuB,CAAC,KAAK,CAAC;;EAE1D;AACF;AACA;AACA;EACEC,kBAAkB,GAAGL,yBAAyB,CAACI,uBAAuB,CAAC,KAAK,CAAC;;EAE7E;AACF;AACA;AACA;EACEE,WAAWA,CAACC,QAAQ,EAAEC,QAAQ,EAAE;IAC9B,KAAK,CAACD,QAAQ,EAAEC,QAAQ,CAAC;IACzB,IAAID,QAAQ,CAACE,QAAQ,CAACC,MAAM,EAAE;MAC5B,IAAI,CAACL,kBAAkB,CAACM,OAAO,GAAGJ,QAAQ,CAACE,QAAQ;IACrD;IACA,IAAI,CAACG,QAAQ,GAAGL,QAAQ,CAACM,OAAO;EAClC;;EAEA;AACF;AACA;AACA;EACEC,sBAAsBA,CAAA,EAAG;IACvB,IAAI,IAAI,CAACC,aAAa,CAACL,MAAM,EAAE;MAC7B,OAAO,CAAC,IAAI,CAACL,kBAAkB,CAAC;IAClC;IAEA,IACE,IAAI,CAACW,cAAc,CAAChB,yBAAyB,CAACiB,cAAc,CAACC,QAAQ,CAAC,EACtE;MACA,OAAO,CAAC,IAAI,CAACC,cAAc,CAAC;IAC9B;IAEA,OAAO,CAAC,IAAI,CAAChB,2BAA2B,CAAC;EAC3C;;EAEA;AACF;AACA;AACA;EACEiB,gBAAgBA,CAAA,EAAG;IACjB,MAAMC,YAAY,GAAG,KAAK,CAACD,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAACC,YAAY,CAACX,MAAM,EAAE;MACxB,OAAOT,sBAAsB;IAC/B;IACA,OAAO,KAAK,CAACmB,gBAAgB,CAAC,CAAC;EACjC;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/controller/page-controller-base.js

@@ -39,13 +39,21 @@ export class PagePreviewElements {
     title: ''
   };
 
+  /**
+   * @type {PageSectionInfo | undefined}
+   * @protected
+   */
+  _section = undefined;
+
   /**
    * @param {Page|undefined} page
+   * @param {PageSectionInfo} [section]
    */
-  constructor(page) {
+  constructor(page, section) {
     if (page !== undefined) {
       this._page = page;
     }
+    this._section = section;
   }
   get heading() {
     return this._page.title;
@@ -69,6 +77,9 @@ export class PagePreviewElements {
   get hasRepeater() {
     return hasRepeater(this._page);
   }
+  get section() {
+    return this._section;
+  }
 }
 
 /**
@@ -133,6 +144,13 @@ export class PreviewPageControllerBase {
    */
   _isRepeater = false;
 
+  /**
+   * Section info for the page
+   * @type {PageSectionInfo | undefined}
+   * @protected
+   */
+  _section = undefined;
+
   /**
    * @param {PagePreviewBaseElements} elements
    * @param {PageRenderer} renderer
@@ -291,7 +309,10 @@ export class PreviewPageControllerBase {
    * @protected
    */
   _getSectionTitleText() {
-    return this._sectionTitle;
+    if (this._section && !this._section.hideTitle) {
+      return this._section.title;
+    }
+    return undefined;
   }
 
   /**
@@ -365,7 +386,7 @@ export class PreviewPageControllerBase {
 }
 
 /**
- * @import { PageRenderer, PageOverviewElements, PagePreviewBaseElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'
+ * @import { PageRenderer, PageOverviewElements, PagePreviewBaseElements, PageSectionInfo, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'
  * @import { Question } from '~/src/form/form-editor/preview/question.js'
  * @import { Page } from '~/src/form/form-definition/types.js'
  * @import { PagePreviewComponent, PagePreviewPanelMacro } from '~/src/form/form-editor/macros/types.js'

package/dist/module/form/form-editor/preview/controller/page-controller-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-controller-base.js","names":["ComponentType","HIGHLIGHT_CLASS","ContentElements","Markdown","hasComponents","hasRepeater","questionRenderer","render","_questionTemplate","_questionBaseModel","HighlightClass","TITLE","GUIDANCE","REPEATER","PagePreviewElements","_page","title","constructor","page","undefined","heading","guidance","components","length","possibleGuidanceComponent","type","content","addHeading","repeatQuestion","repeat","options","PreviewPageControllerBase","PATH","_pageTemplate","_components","_showTitle","_title","pageRenderer","_highlighted","_guidanceText","_sectionTitle","_emptyGuidance","createGuidanceComponent","_guidanceComponent","_isRepeater","elements","renderer","_getGuidanceComponents","_guidanceComponents","componentsWithGuidance","map","component","model","renderInput","questionType","componentType","_getGuidanceText","guidanceText","text","classes","_isHighlighted","showTitle","pageTitle","setRepeater","unsetRepeater","isRepeater","_getTitle","value","highlightTitle","setHighLighted","sectionTitle","sectionTitleText","_getSectionTitleText","val","highlight","guidanceElement","name","guidanceComponent","highlightContent","highlightGuidance","highlightSection","clearHighlight","unHighlightContent","field","highlightQuestion","questionId","question","find","comp","id","filter","forEach","comp2"],"sources":["../../../../../../src/form/form-editor/preview/controller/page-controller-base.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { HIGHLIGHT_CLASS } from '~/src/form/form-editor/preview/constants.js'\nimport { ContentElements } from '~/src/form/form-editor/preview/content.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { hasComponents, hasRepeater } from '~/src/pages/helpers.js'\n\n/**\n * @type {QuestionRenderer}\n */\nconst questionRenderer = {\n  /**\n   * @param {string} _questionTemplate\n   * @param {QuestionBaseModel} _questionBaseModel\n   */\n  render(_questionTemplate, _questionBaseModel) {\n    //\n  }\n}\n/**\n * Enum for Highlight classes\n * @readonly\n * @enum {string}\n */\nconst HighlightClass = {\n  TITLE: 'title',\n  GUIDANCE: 'guidance',\n  REPEATER: 'repeater'\n}\n\n/**\n * @implements {PageOverviewElements}\n */\nexport class PagePreviewElements {\n  /**\n   * @type {Page | { title: string }}\n   * @private\n   */\n  _page = {\n    title: ''\n  }\n\n  /**\n   * @param {Page|undefined} page\n   */\n  constructor(page) {\n    if (page !== undefined) {\n      this._page = page\n    }\n  }\n\n  get heading() {\n    return this._page.title\n  }\n\n  get guidance() {\n    if (!hasComponents(this._page) || !this._page.components.length) {\n      return ''\n    }\n\n    const [possibleGuidanceComponent] = this._page.components\n\n    return possibleGuidanceComponent.type === ComponentType.Markdown\n      ? possibleGuidanceComponent.content\n      : ''\n  }\n\n  get addHeading() {\n    return this._page.title.length > 0\n  }\n\n  get repeatQuestion() {\n    if (hasRepeater(this._page)) {\n      return this._page.repeat.options.title\n    }\n    return undefined\n  }\n\n  get hasRepeater() {\n    return hasRepeater(this._page)\n  }\n}\n\n/**\n * @abstract\n * @implements {PagePreviewPanelMacro}\n */\nexport class PreviewPageControllerBase {\n  static PATH = 'preview-controllers/'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _pageTemplate = PreviewPageControllerBase.PATH + 'page-controller.njk'\n  /**\n   * @protected\n   * @type {Question[]}\n   */\n  _components = []\n  /**\n   * @type {boolean}\n   * @protected\n   */\n  _showTitle = true\n  /**\n   * @protected\n   * @type {string}\n   */\n  _title = ''\n  /**\n   *\n   * @type {PageRenderer}\n   */\n  #pageRenderer\n  /**\n   * @type { undefined | HighlightClass }\n   * @protected\n   */\n  _highlighted = undefined\n  /**\n   * @type {string}\n   * @protected\n   */\n  _guidanceText = ''\n  /**\n   * @type { string }\n   * @protected\n   */\n  _sectionTitle = ''\n  /**\n   * @type {Markdown}\n   * @protected\n   */\n  _emptyGuidance = PreviewPageControllerBase.createGuidanceComponent()\n  /**\n   * @type {Markdown}\n   * @protected\n   */\n  _guidanceComponent = PreviewPageControllerBase.createGuidanceComponent()\n  /**\n   * @protected\n   * @type {boolean}\n   */\n  _isRepeater = false\n\n  /**\n   * @param {PagePreviewBaseElements} elements\n   * @param {PageRenderer} renderer\n   */\n  constructor(elements, renderer) {\n    this._guidanceText = elements.guidance\n    this.#pageRenderer = renderer\n    this._title = elements.heading\n  }\n\n  /**\n   * @type {typeof HighlightClass}\n   */\n  static HighlightClass = HighlightClass\n\n  /**\n   * @returns {Markdown[]}\n   * @protected\n   */\n  _getGuidanceComponents() {\n    if (this._guidanceText.length) {\n      return [this._guidanceComponent]\n    }\n    if (this._highlighted === 'guidance') {\n      return [this._emptyGuidance]\n    }\n    return []\n  }\n\n  /**\n   * @returns {Markdown[]}\n   * @protected\n   */\n  get _guidanceComponents() {\n    return this._getGuidanceComponents()\n  }\n\n  /**\n   * @returns {PagePreviewComponent[]}\n   */\n  get components() {\n    const componentsWithGuidance = /** @type {Question[]} */ ([\n      ...this._guidanceComponents,\n      ...this._components\n    ])\n\n    return componentsWithGuidance.map((component) => {\n      return {\n        model: component.renderInput,\n        questionType: component.componentType\n      }\n    })\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getGuidanceText() {\n    return this._guidanceText\n  }\n\n  set guidanceText(text) {\n    this._guidanceText = text\n    this._guidanceComponent.content = text\n    this.render()\n  }\n\n  /**\n   * @returns {string}\n   */\n  get guidanceText() {\n    return this._getGuidanceText()\n  }\n\n  get guidance() {\n    return {\n      text: this.guidanceText,\n      classes: this._isHighlighted(HighlightClass.GUIDANCE)\n    }\n  }\n\n  /**\n   * @param {boolean} showTitle\n   */\n  set showTitle(showTitle) {\n    this._showTitle = showTitle\n    this.render()\n  }\n\n  get showTitle() {\n    return this._showTitle\n  }\n\n  /**\n   * @returns {{ text: string, classes: string }}\n   */\n  get pageTitle() {\n    return {\n      text: this.title,\n      classes: this._isHighlighted(HighlightClass.TITLE)\n    }\n  }\n\n  setRepeater() {\n    this._isRepeater = true\n    this.render()\n  }\n\n  unsetRepeater() {\n    this._isRepeater = false\n    this.render()\n  }\n\n  get isRepeater() {\n    return this._isRepeater\n  }\n\n  render() {\n    this.#pageRenderer.render(this._pageTemplate, this)\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getTitle() {\n    if (this._title.length) {\n      return this._title\n    }\n    return 'Page heading'\n  }\n\n  /**\n   * @returns {string}\n   */\n  get title() {\n    return this._getTitle()\n  }\n\n  /**\n   * @param {string} value\n   */\n  set title(value) {\n    this._title = value\n    this.render()\n  }\n\n  highlightTitle() {\n    this.setHighLighted(HighlightClass.TITLE)\n  }\n\n  /**\n   * @returns {{classes: string, text: string} | undefined}\n   */\n  get sectionTitle() {\n    if (this.sectionTitleText === undefined) {\n      return undefined\n    }\n    return {\n      classes: this._isHighlighted(HighlightClass.REPEATER),\n      text: this.sectionTitleText\n    }\n  }\n\n  /**\n   * @returns {string|undefined}\n   * @protected\n   */\n  _getSectionTitleText() {\n    return this._sectionTitle\n  }\n\n  /**\n   * @param {string | undefined} val\n   */\n  set sectionTitleText(val) {\n    this._sectionTitle = val ?? ''\n    this.render()\n  }\n\n  get sectionTitleText() {\n    return this._getSectionTitleText()\n  }\n\n  /**\n   * Creates a dummy component for when guidance is highlighted\n   * but no guidance text exists\n   * @returns {Markdown}\n   */\n  static createGuidanceComponent(highlight = true) {\n    const guidanceElement = new ContentElements({\n      type: ComponentType.Markdown,\n      title: 'Guidance component',\n      name: 'guidanceComponent',\n      content: 'Guidance text',\n      options: {}\n    })\n    const guidanceComponent = new Markdown(guidanceElement, questionRenderer)\n\n    if (highlight) {\n      guidanceComponent.highlightContent()\n    }\n    return guidanceComponent\n  }\n\n  highlightGuidance() {\n    this._guidanceComponent.highlightContent()\n    this.setHighLighted(HighlightClass.GUIDANCE)\n  }\n\n  /**\n   * @param {HighlightClass} highlightSection\n   */\n  setHighLighted(highlightSection) {\n    this._highlighted = highlightSection\n    this.render()\n  }\n\n  clearHighlight() {\n    this._highlighted = undefined\n\n    this._guidanceComponent.unHighlightContent()\n    this.render()\n  }\n\n  /**\n   * @param {string} field\n   * @protected\n   * @returns {string}\n   */\n  _isHighlighted(field) {\n    return this._highlighted === field ? HIGHLIGHT_CLASS : ''\n  }\n\n  /**\n   * @param {string} questionId\n   */\n  highlightQuestion(questionId) {\n    const question = this._components.find((comp) => comp.id === questionId)\n    if (question) {\n      this._components\n        .filter((comp) => comp.id !== questionId)\n        .forEach((comp2) => comp2.unHighlightContent())\n      question.highlightContent()\n      this.render()\n    }\n  }\n}\n\n/**\n * @import { PageRenderer, PageOverviewElements, PagePreviewBaseElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { Page } from '~/src/form/form-definition/types.js'\n * @import { PagePreviewComponent, PagePreviewPanelMacro } from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"page-controller-base.js","names":["ComponentType","HIGHLIGHT_CLASS","ContentElements","Markdown","hasComponents","hasRepeater","questionRenderer","render","_questionTemplate","_questionBaseModel","HighlightClass","TITLE","GUIDANCE","REPEATER","PagePreviewElements","_page","title","_section","undefined","constructor","page","section","heading","guidance","components","length","possibleGuidanceComponent","type","content","addHeading","repeatQuestion","repeat","options","PreviewPageControllerBase","PATH","_pageTemplate","_components","_showTitle","_title","pageRenderer","_highlighted","_guidanceText","_sectionTitle","_emptyGuidance","createGuidanceComponent","_guidanceComponent","_isRepeater","elements","renderer","_getGuidanceComponents","_guidanceComponents","componentsWithGuidance","map","component","model","renderInput","questionType","componentType","_getGuidanceText","guidanceText","text","classes","_isHighlighted","showTitle","pageTitle","setRepeater","unsetRepeater","isRepeater","_getTitle","value","highlightTitle","setHighLighted","sectionTitle","sectionTitleText","_getSectionTitleText","hideTitle","val","highlight","guidanceElement","name","guidanceComponent","highlightContent","highlightGuidance","highlightSection","clearHighlight","unHighlightContent","field","highlightQuestion","questionId","question","find","comp","id","filter","forEach","comp2"],"sources":["../../../../../../src/form/form-editor/preview/controller/page-controller-base.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { HIGHLIGHT_CLASS } from '~/src/form/form-editor/preview/constants.js'\nimport { ContentElements } from '~/src/form/form-editor/preview/content.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { hasComponents, hasRepeater } from '~/src/pages/helpers.js'\n\n/**\n * @type {QuestionRenderer}\n */\nconst questionRenderer = {\n  /**\n   * @param {string} _questionTemplate\n   * @param {QuestionBaseModel} _questionBaseModel\n   */\n  render(_questionTemplate, _questionBaseModel) {\n    //\n  }\n}\n/**\n * Enum for Highlight classes\n * @readonly\n * @enum {string}\n */\nconst HighlightClass = {\n  TITLE: 'title',\n  GUIDANCE: 'guidance',\n  REPEATER: 'repeater'\n}\n\n/**\n * @implements {PageOverviewElements}\n */\nexport class PagePreviewElements {\n  /**\n   * @type {Page | { title: string }}\n   * @private\n   */\n  _page = {\n    title: ''\n  }\n\n  /**\n   * @type {PageSectionInfo | undefined}\n   * @protected\n   */\n  _section = undefined\n\n  /**\n   * @param {Page|undefined} page\n   * @param {PageSectionInfo} [section]\n   */\n  constructor(page, section) {\n    if (page !== undefined) {\n      this._page = page\n    }\n    this._section = section\n  }\n\n  get heading() {\n    return this._page.title\n  }\n\n  get guidance() {\n    if (!hasComponents(this._page) || !this._page.components.length) {\n      return ''\n    }\n\n    const [possibleGuidanceComponent] = this._page.components\n\n    return possibleGuidanceComponent.type === ComponentType.Markdown\n      ? possibleGuidanceComponent.content\n      : ''\n  }\n\n  get addHeading() {\n    return this._page.title.length > 0\n  }\n\n  get repeatQuestion() {\n    if (hasRepeater(this._page)) {\n      return this._page.repeat.options.title\n    }\n    return undefined\n  }\n\n  get hasRepeater() {\n    return hasRepeater(this._page)\n  }\n\n  get section() {\n    return this._section\n  }\n}\n\n/**\n * @abstract\n * @implements {PagePreviewPanelMacro}\n */\nexport class PreviewPageControllerBase {\n  static PATH = 'preview-controllers/'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _pageTemplate = PreviewPageControllerBase.PATH + 'page-controller.njk'\n  /**\n   * @protected\n   * @type {Question[]}\n   */\n  _components = []\n  /**\n   * @type {boolean}\n   * @protected\n   */\n  _showTitle = true\n  /**\n   * @protected\n   * @type {string}\n   */\n  _title = ''\n  /**\n   *\n   * @type {PageRenderer}\n   */\n  #pageRenderer\n  /**\n   * @type { undefined | HighlightClass }\n   * @protected\n   */\n  _highlighted = undefined\n  /**\n   * @type {string}\n   * @protected\n   */\n  _guidanceText = ''\n  /**\n   * @type { string }\n   * @protected\n   */\n  _sectionTitle = ''\n  /**\n   * @type {Markdown}\n   * @protected\n   */\n  _emptyGuidance = PreviewPageControllerBase.createGuidanceComponent()\n  /**\n   * @type {Markdown}\n   * @protected\n   */\n  _guidanceComponent = PreviewPageControllerBase.createGuidanceComponent()\n  /**\n   * @protected\n   * @type {boolean}\n   */\n  _isRepeater = false\n\n  /**\n   * Section info for the page\n   * @type {PageSectionInfo | undefined}\n   * @protected\n   */\n  _section = undefined\n\n  /**\n   * @param {PagePreviewBaseElements} elements\n   * @param {PageRenderer} renderer\n   */\n  constructor(elements, renderer) {\n    this._guidanceText = elements.guidance\n    this.#pageRenderer = renderer\n    this._title = elements.heading\n  }\n\n  /**\n   * @type {typeof HighlightClass}\n   */\n  static HighlightClass = HighlightClass\n\n  /**\n   * @returns {Markdown[]}\n   * @protected\n   */\n  _getGuidanceComponents() {\n    if (this._guidanceText.length) {\n      return [this._guidanceComponent]\n    }\n    if (this._highlighted === 'guidance') {\n      return [this._emptyGuidance]\n    }\n    return []\n  }\n\n  /**\n   * @returns {Markdown[]}\n   * @protected\n   */\n  get _guidanceComponents() {\n    return this._getGuidanceComponents()\n  }\n\n  /**\n   * @returns {PagePreviewComponent[]}\n   */\n  get components() {\n    const componentsWithGuidance = /** @type {Question[]} */ ([\n      ...this._guidanceComponents,\n      ...this._components\n    ])\n\n    return componentsWithGuidance.map((component) => {\n      return {\n        model: component.renderInput,\n        questionType: component.componentType\n      }\n    })\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getGuidanceText() {\n    return this._guidanceText\n  }\n\n  set guidanceText(text) {\n    this._guidanceText = text\n    this._guidanceComponent.content = text\n    this.render()\n  }\n\n  /**\n   * @returns {string}\n   */\n  get guidanceText() {\n    return this._getGuidanceText()\n  }\n\n  get guidance() {\n    return {\n      text: this.guidanceText,\n      classes: this._isHighlighted(HighlightClass.GUIDANCE)\n    }\n  }\n\n  /**\n   * @param {boolean} showTitle\n   */\n  set showTitle(showTitle) {\n    this._showTitle = showTitle\n    this.render()\n  }\n\n  get showTitle() {\n    return this._showTitle\n  }\n\n  /**\n   * @returns {{ text: string, classes: string }}\n   */\n  get pageTitle() {\n    return {\n      text: this.title,\n      classes: this._isHighlighted(HighlightClass.TITLE)\n    }\n  }\n\n  setRepeater() {\n    this._isRepeater = true\n    this.render()\n  }\n\n  unsetRepeater() {\n    this._isRepeater = false\n    this.render()\n  }\n\n  get isRepeater() {\n    return this._isRepeater\n  }\n\n  render() {\n    this.#pageRenderer.render(this._pageTemplate, this)\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getTitle() {\n    if (this._title.length) {\n      return this._title\n    }\n    return 'Page heading'\n  }\n\n  /**\n   * @returns {string}\n   */\n  get title() {\n    return this._getTitle()\n  }\n\n  /**\n   * @param {string} value\n   */\n  set title(value) {\n    this._title = value\n    this.render()\n  }\n\n  highlightTitle() {\n    this.setHighLighted(HighlightClass.TITLE)\n  }\n\n  /**\n   * @returns {{classes: string, text: string} | undefined}\n   */\n  get sectionTitle() {\n    if (this.sectionTitleText === undefined) {\n      return undefined\n    }\n    return {\n      classes: this._isHighlighted(HighlightClass.REPEATER),\n      text: this.sectionTitleText\n    }\n  }\n\n  /**\n   * @returns {string|undefined}\n   * @protected\n   */\n  _getSectionTitleText() {\n    if (this._section && !this._section.hideTitle) {\n      return this._section.title\n    }\n    return undefined\n  }\n\n  /**\n   * @param {string | undefined} val\n   */\n  set sectionTitleText(val) {\n    this._sectionTitle = val ?? ''\n    this.render()\n  }\n\n  get sectionTitleText() {\n    return this._getSectionTitleText()\n  }\n\n  /**\n   * Creates a dummy component for when guidance is highlighted\n   * but no guidance text exists\n   * @returns {Markdown}\n   */\n  static createGuidanceComponent(highlight = true) {\n    const guidanceElement = new ContentElements({\n      type: ComponentType.Markdown,\n      title: 'Guidance component',\n      name: 'guidanceComponent',\n      content: 'Guidance text',\n      options: {}\n    })\n    const guidanceComponent = new Markdown(guidanceElement, questionRenderer)\n\n    if (highlight) {\n      guidanceComponent.highlightContent()\n    }\n    return guidanceComponent\n  }\n\n  highlightGuidance() {\n    this._guidanceComponent.highlightContent()\n    this.setHighLighted(HighlightClass.GUIDANCE)\n  }\n\n  /**\n   * @param {HighlightClass} highlightSection\n   */\n  setHighLighted(highlightSection) {\n    this._highlighted = highlightSection\n    this.render()\n  }\n\n  clearHighlight() {\n    this._highlighted = undefined\n\n    this._guidanceComponent.unHighlightContent()\n    this.render()\n  }\n\n  /**\n   * @param {string} field\n   * @protected\n   * @returns {string}\n   */\n  _isHighlighted(field) {\n    return this._highlighted === field ? HIGHLIGHT_CLASS : ''\n  }\n\n  /**\n   * @param {string} questionId\n   */\n  highlightQuestion(questionId) {\n    const question = this._components.find((comp) => comp.id === questionId)\n    if (question) {\n      this._components\n        .filter((comp) => comp.id !== questionId)\n        .forEach((comp2) => comp2.unHighlightContent())\n      question.highlightContent()\n      this.render()\n    }\n  }\n}\n\n/**\n * @import { PageRenderer, PageOverviewElements, PagePreviewBaseElements, PageSectionInfo, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { Page } from '~/src/form/form-definition/types.js'\n * @import { PagePreviewComponent, PagePreviewPanelMacro } from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,QAAQ;AACjB,SAASC,aAAa,EAAEC,WAAW;;AAEnC;AACA;AACA;AACA,MAAMC,gBAAgB,GAAG;EACvB;AACF;AACA;AACA;EACEC,MAAMA,CAACC,iBAAiB,EAAEC,kBAAkB,EAAE;IAC5C;EAAA;AAEJ,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG;EACrBC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,CAAC;EAC/B;AACF;AACA;AACA;EACEC,KAAK,GAAG;IACNC,KAAK,EAAE;EACT,CAAC;;EAED;AACF;AACA;AACA;EACEC,QAAQ,GAAGC,SAAS;;EAEpB;AACF;AACA;AACA;EACEC,WAAWA,CAACC,IAAI,EAAEC,OAAO,EAAE;IACzB,IAAID,IAAI,KAAKF,SAAS,EAAE;MACtB,IAAI,CAACH,KAAK,GAAGK,IAAI;IACnB;IACA,IAAI,CAACH,QAAQ,GAAGI,OAAO;EACzB;EAEA,IAAIC,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACP,KAAK,CAACC,KAAK;EACzB;EAEA,IAAIO,QAAQA,CAAA,EAAG;IACb,IAAI,CAACnB,aAAa,CAAC,IAAI,CAACW,KAAK,CAAC,IAAI,CAAC,IAAI,CAACA,KAAK,CAACS,UAAU,CAACC,MAAM,EAAE;MAC/D,OAAO,EAAE;IACX;IAEA,MAAM,CAACC,yBAAyB,CAAC,GAAG,IAAI,CAACX,KAAK,CAACS,UAAU;IAEzD,OAAOE,yBAAyB,CAACC,IAAI,KAAK3B,aAAa,CAACG,QAAQ,GAC5DuB,yBAAyB,CAACE,OAAO,GACjC,EAAE;EACR;EAEA,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACd,KAAK,CAACC,KAAK,CAACS,MAAM,GAAG,CAAC;EACpC;EAEA,IAAIK,cAAcA,CAAA,EAAG;IACnB,IAAIzB,WAAW,CAAC,IAAI,CAACU,KAAK,CAAC,EAAE;MAC3B,OAAO,IAAI,CAACA,KAAK,CAACgB,MAAM,CAACC,OAAO,CAAChB,KAAK;IACxC;IACA,OAAOE,SAAS;EAClB;EAEA,IAAIb,WAAWA,CAAA,EAAG;IAChB,OAAOA,WAAW,CAAC,IAAI,CAACU,KAAK,CAAC;EAChC;EAEA,IAAIM,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACJ,QAAQ;EACtB;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMgB,yBAAyB,CAAC;EACrC,OAAOC,IAAI,GAAG,sBAAsB;EACpC;AACF;AACA;AACA;EACEC,aAAa,GAAGF,yBAAyB,CAACC,IAAI,GAAG,qBAAqB;EACtE;AACF;AACA;AACA;EACEE,WAAW,GAAG,EAAE;EAChB;AACF;AACA;AACA;EACEC,UAAU,GAAG,IAAI;EACjB;AACF;AACA;AACA;EACEC,MAAM,GAAG,EAAE;EACX;AACF;AACA;AACA;EACE,CAACC,YAAY;EACb;AACF;AACA;AACA;EACEC,YAAY,GAAGtB,SAAS;EACxB;AACF;AACA;AACA;EACEuB,aAAa,GAAG,EAAE;EAClB;AACF;AACA;AACA;EACEC,aAAa,GAAG,EAAE;EAClB;AACF;AACA;AACA;EACEC,cAAc,GAAGV,yBAAyB,CAACW,uBAAuB,CAAC,CAAC;EACpE;AACF;AACA;AACA;EACEC,kBAAkB,GAAGZ,yBAAyB,CAACW,uBAAuB,CAAC,CAAC;EACxE;AACF;AACA;AACA;EACEE,WAAW,GAAG,KAAK;;EAEnB;AACF;AACA;AACA;AACA;EACE7B,QAAQ,GAAGC,SAAS;;EAEpB;AACF;AACA;AACA;EACEC,WAAWA,CAAC4B,QAAQ,EAAEC,QAAQ,EAAE;IAC9B,IAAI,CAACP,aAAa,GAAGM,QAAQ,CAACxB,QAAQ;IACtC,IAAI,CAAC,CAACgB,YAAY,GAAGS,QAAQ;IAC7B,IAAI,CAACV,MAAM,GAAGS,QAAQ,CAACzB,OAAO;EAChC;;EAEA;AACF;AACA;EACE,OAAOZ,cAAc,GAAGA,cAAc;;EAEtC;AACF;AACA;AACA;EACEuC,sBAAsBA,CAAA,EAAG;IACvB,IAAI,IAAI,CAACR,aAAa,CAAChB,MAAM,EAAE;MAC7B,OAAO,CAAC,IAAI,CAACoB,kBAAkB,CAAC;IAClC;IACA,IAAI,IAAI,CAACL,YAAY,KAAK,UAAU,EAAE;MACpC,OAAO,CAAC,IAAI,CAACG,cAAc,CAAC;IAC9B;IACA,OAAO,EAAE;EACX;;EAEA;AACF;AACA;AACA;EACE,IAAIO,mBAAmBA,CAAA,EAAG;IACxB,OAAO,IAAI,CAACD,sBAAsB,CAAC,CAAC;EACtC;;EAEA;AACF;AACA;EACE,IAAIzB,UAAUA,CAAA,EAAG;IACf,MAAM2B,sBAAsB,GAAG,yBAA2B,CACxD,GAAG,IAAI,CAACD,mBAAmB,EAC3B,GAAG,IAAI,CAACd,WAAW,CACnB;IAEF,OAAOe,sBAAsB,CAACC,GAAG,CAAEC,SAAS,IAAK;MAC/C,OAAO;QACLC,KAAK,EAAED,SAAS,CAACE,WAAW;QAC5BC,YAAY,EAAEH,SAAS,CAACI;MAC1B,CAAC;IACH,CAAC,CAAC;EACJ;;EAEA;AACF;AACA;AACA;EACEC,gBAAgBA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACjB,aAAa;EAC3B;EAEA,IAAIkB,YAAYA,CAACC,IAAI,EAAE;IACrB,IAAI,CAACnB,aAAa,GAAGmB,IAAI;IACzB,IAAI,CAACf,kBAAkB,CAACjB,OAAO,GAAGgC,IAAI;IACtC,IAAI,CAACrD,MAAM,CAAC,CAAC;EACf;;EAEA;AACF;AACA;EACE,IAAIoD,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACD,gBAAgB,CAAC,CAAC;EAChC;EAEA,IAAInC,QAAQA,CAAA,EAAG;IACb,OAAO;MACLqC,IAAI,EAAE,IAAI,CAACD,YAAY;MACvBE,OAAO,EAAE,IAAI,CAACC,cAAc,CAACpD,cAAc,CAACE,QAAQ;IACtD,CAAC;EACH;;EAEA;AACF;AACA;EACE,IAAImD,SAASA,CAACA,SAAS,EAAE;IACvB,IAAI,CAAC1B,UAAU,GAAG0B,SAAS;IAC3B,IAAI,CAACxD,MAAM,CAAC,CAAC;EACf;EAEA,IAAIwD,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAAC1B,UAAU;EACxB;;EAEA;AACF;AACA;EACE,IAAI2B,SAASA,CAAA,EAAG;IACd,OAAO;MACLJ,IAAI,EAAE,IAAI,CAAC5C,KAAK;MAChB6C,OAAO,EAAE,IAAI,CAACC,cAAc,CAACpD,cAAc,CAACC,KAAK;IACnD,CAAC;EACH;EAEAsD,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACnB,WAAW,GAAG,IAAI;IACvB,IAAI,CAACvC,MAAM,CAAC,CAAC;EACf;EAEA2D,aAAaA,CAAA,EAAG;IACd,IAAI,CAACpB,WAAW,GAAG,KAAK;IACxB,IAAI,CAACvC,MAAM,CAAC,CAAC;EACf;EAEA,IAAI4D,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACrB,WAAW;EACzB;EAEAvC,MAAMA,CAAA,EAAG;IACP,IAAI,CAAC,CAACgC,YAAY,CAAChC,MAAM,CAAC,IAAI,CAAC4B,aAAa,EAAE,IAAI,CAAC;EACrD;;EAEA;AACF;AACA;AACA;EACEiC,SAASA,CAAA,EAAG;IACV,IAAI,IAAI,CAAC9B,MAAM,CAACb,MAAM,EAAE;MACtB,OAAO,IAAI,CAACa,MAAM;IACpB;IACA,OAAO,cAAc;EACvB;;EAEA;AACF;AACA;EACE,IAAItB,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACoD,SAAS,CAAC,CAAC;EACzB;;EAEA;AACF;AACA;EACE,IAAIpD,KAAKA,CAACqD,KAAK,EAAE;IACf,IAAI,CAAC/B,MAAM,GAAG+B,KAAK;IACnB,IAAI,CAAC9D,MAAM,CAAC,CAAC;EACf;EAEA+D,cAAcA,CAAA,EAAG;IACf,IAAI,CAACC,cAAc,CAAC7D,cAAc,CAACC,KAAK,CAAC;EAC3C;;EAEA;AACF;AACA;EACE,IAAI6D,YAAYA,CAAA,EAAG;IACjB,IAAI,IAAI,CAACC,gBAAgB,KAAKvD,SAAS,EAAE;MACvC,OAAOA,SAAS;IAClB;IACA,OAAO;MACL2C,OAAO,EAAE,IAAI,CAACC,cAAc,CAACpD,cAAc,CAACG,QAAQ,CAAC;MACrD+C,IAAI,EAAE,IAAI,CAACa;IACb,CAAC;EACH;;EAEA;AACF;AACA;AACA;EACEC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACzD,QAAQ,IAAI,CAAC,IAAI,CAACA,QAAQ,CAAC0D,SAAS,EAAE;MAC7C,OAAO,IAAI,CAAC1D,QAAQ,CAACD,KAAK;IAC5B;IACA,OAAOE,SAAS;EAClB;;EAEA;AACF;AACA;EACE,IAAIuD,gBAAgBA,CAACG,GAAG,EAAE;IACxB,IAAI,CAAClC,aAAa,GAAGkC,GAAG,IAAI,EAAE;IAC9B,IAAI,CAACrE,MAAM,CAAC,CAAC;EACf;EAEA,IAAIkE,gBAAgBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACC,oBAAoB,CAAC,CAAC;EACpC;;EAEA;AACF;AACA;AACA;AACA;EACE,OAAO9B,uBAAuBA,CAACiC,SAAS,GAAG,IAAI,EAAE;IAC/C,MAAMC,eAAe,GAAG,IAAI5E,eAAe,CAAC;MAC1CyB,IAAI,EAAE3B,aAAa,CAACG,QAAQ;MAC5Ba,KAAK,EAAE,oBAAoB;MAC3B+D,IAAI,EAAE,mBAAmB;MACzBnD,OAAO,EAAE,eAAe;MACxBI,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IACF,MAAMgD,iBAAiB,GAAG,IAAI7E,QAAQ,CAAC2E,eAAe,EAAExE,gBAAgB,CAAC;IAEzE,IAAIuE,SAAS,EAAE;MACbG,iBAAiB,CAACC,gBAAgB,CAAC,CAAC;IACtC;IACA,OAAOD,iBAAiB;EAC1B;EAEAE,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACrC,kBAAkB,CAACoC,gBAAgB,CAAC,CAAC;IAC1C,IAAI,CAACV,cAAc,CAAC7D,cAAc,CAACE,QAAQ,CAAC;EAC9C;;EAEA;AACF;AACA;EACE2D,cAAcA,CAACY,gBAAgB,EAAE;IAC/B,IAAI,CAAC3C,YAAY,GAAG2C,gBAAgB;IACpC,IAAI,CAAC5E,MAAM,CAAC,CAAC;EACf;EAEA6E,cAAcA,CAAA,EAAG;IACf,IAAI,CAAC5C,YAAY,GAAGtB,SAAS;IAE7B,IAAI,CAAC2B,kBAAkB,CAACwC,kBAAkB,CAAC,CAAC;IAC5C,IAAI,CAAC9E,MAAM,CAAC,CAAC;EACf;;EAEA;AACF;AACA;AACA;AACA;EACEuD,cAAcA,CAACwB,KAAK,EAAE;IACpB,OAAO,IAAI,CAAC9C,YAAY,KAAK8C,KAAK,GAAGrF,eAAe,GAAG,EAAE;EAC3D;;EAEA;AACF;AACA;EACEsF,iBAAiBA,CAACC,UAAU,EAAE;IAC5B,MAAMC,QAAQ,GAAG,IAAI,CAACrD,WAAW,CAACsD,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKJ,UAAU,CAAC;IACxE,IAAIC,QAAQ,EAAE;MACZ,IAAI,CAACrD,WAAW,CACbyD,MAAM,CAAEF,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKJ,UAAU,CAAC,CACxCM,OAAO,CAAEC,KAAK,IAAKA,KAAK,CAACV,kBAAkB,CAAC,CAAC,CAAC;MACjDI,QAAQ,CAACR,gBAAgB,CAAC,CAAC;MAC3B,IAAI,CAAC1E,MAAM,CAAC,CAAC;IACf;EACF;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -39,6 +39,7 @@ export class PreviewPageController extends PreviewPageControllerBase {
     this._showTitle = elements.addHeading;
     this._sectionTitle = elements.repeatQuestion ?? '';
     this._isRepeater = elements.hasRepeater;
+    this._section = elements.section;
   }
 
   /**
@@ -158,7 +159,7 @@ export class PreviewPageController extends PreviewPageControllerBase {
     if (this._isRepeater) {
       return this.repeaterText;
     }
-    return undefined;
+    return super._getSectionTitleText();
   }
 
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"page-controller.js","names":["PreviewPageControllerBase","mapComponentToPreviewQuestion","Markdown","questionRenderer","render","_questionTemplate","_questionBaseModel","PreviewPageController","PATH","_components","constructor","components","elements","definition","renderer","questions","map","firstQuestion","shift","_guidanceComponent","getOrCreateGuidanceComponent","_guidanceText","guidance","constructComponents","_showTitle","addHeading","_sectionTitle","repeatQuestion","_isRepeater","hasRepeater","HighlightClass","#constructComponents","undefined","componentsWithGuidance","_guidanceComponents","component","model","_overrideComponentHeading","questionType","componentType","showLargeTitle","componentsLength","length","_highlighted","_title","trim","question","largeTitle","fieldset","renderInput","legend","classes","label","titleAndFirstTitleSame","_getTitle","_getGuidanceText","repeaterText","_getSectionTitleText","guidanceComponent","createGuidanceComponent"],"sources":["../../../../../../src/form/form-editor/preview/controller/page-controller.js"],"sourcesContent":["import { PreviewPageControllerBase } from '~/src/form/form-editor/preview/controller/page-controller-base.js'\nimport { mapComponentToPreviewQuestion } from '~/src/form/form-editor/preview/helpers.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\n\n/**\n * @type {QuestionRenderer}\n */\nconst questionRenderer = {\n  /**\n   * @param {string} _questionTemplate\n   * @param {QuestionBaseModel} _questionBaseModel\n   */\n  render(_questionTemplate, _questionBaseModel) {\n    //\n  }\n}\n\nexport class PreviewPageController extends PreviewPageControllerBase {\n  static PATH = PreviewPageControllerBase.PATH\n  /**\n   * @protected\n   * @type {Question[]}\n   */\n  _components = []\n\n  /**\n   * @param {ComponentDef[]} components\n   * @param {PageOverviewElements} elements\n   * @param {FormDefinition} definition\n   * @param {PageRenderer} renderer\n   */\n  constructor(components, elements, definition, renderer) {\n    super(elements, renderer)\n    const questions = components.map(\n      mapComponentToPreviewQuestion(questionRenderer, definition)\n    )\n\n    const firstQuestion = /** @type { Markdown | undefined | Question }  */ (\n      questions.shift()\n    )\n    this._guidanceComponent =\n      PreviewPageController.getOrCreateGuidanceComponent(firstQuestion)\n    this._guidanceText = elements.guidance\n    this._components = this.#constructComponents(firstQuestion, questions)\n    this._showTitle = elements.addHeading\n    this._sectionTitle = elements.repeatQuestion ?? ''\n    this._isRepeater = elements.hasRepeater\n  }\n\n  /**\n   * @type {typeof PreviewPageControllerBase.HighlightClass}\n   */\n  static HighlightClass = PreviewPageControllerBase.HighlightClass\n\n  /**\n   * @param { Question | Markdown | undefined} firstQuestion\n   * @param {Question[]} questions\n   * @returns {Question[]}\n   */\n  #constructComponents(firstQuestion, questions) {\n    return firstQuestion instanceof Markdown || firstQuestion === undefined\n      ? questions\n      : [firstQuestion, ...questions]\n  }\n\n  /**\n   * @returns {PagePreviewComponent[]}\n   */\n  get components() {\n    const componentsWithGuidance = /** @type {Question[]} */ ([\n      ...this._guidanceComponents,\n      ...this._components\n    ])\n\n    return componentsWithGuidance.map((component) => {\n      return {\n        model: this._overrideComponentHeading(component),\n        questionType: component.componentType\n      }\n    })\n  }\n\n  /**\n   * @returns {boolean}\n   */\n  get showLargeTitle() {\n    const componentsLength =\n      this._components.length + this._guidanceComponents.length\n\n    if (componentsLength > 1 || this._highlighted === 'title') {\n      return false\n    }\n    // |_ one component and title not highlighted\n    if (this._title.trim() === this._components[0]?.question?.trim()) {\n      return true\n    }\n    // titles not the same\n\n    return !this._showTitle // add page heading deselected?\n  }\n\n  /**\n   * @param {PreviewComponent} component\n   * @returns {QuestionBaseModel}\n   */\n  _overrideComponentHeading(component) {\n    const largeTitle = this.showLargeTitle\n\n    const fieldset = component.renderInput.fieldset\n      ? {\n          fieldset: {\n            legend: {\n              ...component.renderInput.fieldset.legend,\n              classes: largeTitle\n                ? 'govuk-fieldset__legend--l'\n                : 'govuk-fieldset__legend--m'\n            }\n          }\n        }\n      : {}\n\n    const label = component.renderInput.label\n      ? {\n          label: {\n            ...component.renderInput.label,\n            classes: largeTitle ? 'govuk-label--l' : 'govuk-label--m'\n          }\n        }\n      : {}\n\n    return {\n      ...component.renderInput,\n      ...fieldset,\n      ...label\n    }\n  }\n\n  /**\n   * @returns {boolean}\n   */\n  get titleAndFirstTitleSame() {\n    return (\n      this._components.length > 0 &&\n      this._title.trim() === this._components[0]?.question?.trim() &&\n      this.components.length === 1 &&\n      this._highlighted !== 'title'\n    )\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getTitle() {\n    if (!this._showTitle || this.titleAndFirstTitleSame) {\n      return ''\n    }\n    return super._getTitle()\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getGuidanceText() {\n    if (!this._showTitle) {\n      return ''\n    }\n    return super._getGuidanceText()\n  }\n\n  get repeaterText() {\n    if (!this._isRepeater) {\n      return undefined\n    }\n    if (!this._sectionTitle.length) {\n      return 'Question set name'\n    }\n    return this._sectionTitle + ' 1'\n  }\n\n  /**\n   * @returns {string|undefined}\n   * @protected\n   */\n  _getSectionTitleText() {\n    if (this._isRepeater) {\n      return this.repeaterText\n    }\n    return undefined\n  }\n\n  /**\n   * Helper method to return the guidance or a new one\n   * @param { Markdown | Question | undefined } guidanceComponent\n   * @returns {Markdown}\n   * @private\n   */\n  static getOrCreateGuidanceComponent(guidanceComponent) {\n    if (guidanceComponent instanceof Markdown) {\n      return guidanceComponent\n    }\n    return PreviewPageControllerBase.createGuidanceComponent()\n  }\n}\n\n/**\n * @import { PageRenderer, PageOverviewElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n * @import { FormDefinition } from '~/src/form/form-definition/types.js'\n * @import { ComponentDef } from '~/src/components/types.js'\n * @import { PagePreviewComponent } from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"page-controller.js","names":["PreviewPageControllerBase","mapComponentToPreviewQuestion","Markdown","questionRenderer","render","_questionTemplate","_questionBaseModel","PreviewPageController","PATH","_components","constructor","components","elements","definition","renderer","questions","map","firstQuestion","shift","_guidanceComponent","getOrCreateGuidanceComponent","_guidanceText","guidance","constructComponents","_showTitle","addHeading","_sectionTitle","repeatQuestion","_isRepeater","hasRepeater","_section","section","HighlightClass","#constructComponents","undefined","componentsWithGuidance","_guidanceComponents","component","model","_overrideComponentHeading","questionType","componentType","showLargeTitle","componentsLength","length","_highlighted","_title","trim","question","largeTitle","fieldset","renderInput","legend","classes","label","titleAndFirstTitleSame","_getTitle","_getGuidanceText","repeaterText","_getSectionTitleText","guidanceComponent","createGuidanceComponent"],"sources":["../../../../../../src/form/form-editor/preview/controller/page-controller.js"],"sourcesContent":["import { PreviewPageControllerBase } from '~/src/form/form-editor/preview/controller/page-controller-base.js'\nimport { mapComponentToPreviewQuestion } from '~/src/form/form-editor/preview/helpers.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\n\n/**\n * @type {QuestionRenderer}\n */\nconst questionRenderer = {\n  /**\n   * @param {string} _questionTemplate\n   * @param {QuestionBaseModel} _questionBaseModel\n   */\n  render(_questionTemplate, _questionBaseModel) {\n    //\n  }\n}\n\nexport class PreviewPageController extends PreviewPageControllerBase {\n  static PATH = PreviewPageControllerBase.PATH\n  /**\n   * @protected\n   * @type {Question[]}\n   */\n  _components = []\n\n  /**\n   * @param {ComponentDef[]} components\n   * @param {PageOverviewElements} elements\n   * @param {FormDefinition} definition\n   * @param {PageRenderer} renderer\n   */\n  constructor(components, elements, definition, renderer) {\n    super(elements, renderer)\n    const questions = components.map(\n      mapComponentToPreviewQuestion(questionRenderer, definition)\n    )\n\n    const firstQuestion = /** @type { Markdown | undefined | Question }  */ (\n      questions.shift()\n    )\n    this._guidanceComponent =\n      PreviewPageController.getOrCreateGuidanceComponent(firstQuestion)\n    this._guidanceText = elements.guidance\n    this._components = this.#constructComponents(firstQuestion, questions)\n    this._showTitle = elements.addHeading\n    this._sectionTitle = elements.repeatQuestion ?? ''\n    this._isRepeater = elements.hasRepeater\n    this._section = elements.section\n  }\n\n  /**\n   * @type {typeof PreviewPageControllerBase.HighlightClass}\n   */\n  static HighlightClass = PreviewPageControllerBase.HighlightClass\n\n  /**\n   * @param { Question | Markdown | undefined} firstQuestion\n   * @param {Question[]} questions\n   * @returns {Question[]}\n   */\n  #constructComponents(firstQuestion, questions) {\n    return firstQuestion instanceof Markdown || firstQuestion === undefined\n      ? questions\n      : [firstQuestion, ...questions]\n  }\n\n  /**\n   * @returns {PagePreviewComponent[]}\n   */\n  get components() {\n    const componentsWithGuidance = /** @type {Question[]} */ ([\n      ...this._guidanceComponents,\n      ...this._components\n    ])\n\n    return componentsWithGuidance.map((component) => {\n      return {\n        model: this._overrideComponentHeading(component),\n        questionType: component.componentType\n      }\n    })\n  }\n\n  /**\n   * @returns {boolean}\n   */\n  get showLargeTitle() {\n    const componentsLength =\n      this._components.length + this._guidanceComponents.length\n\n    if (componentsLength > 1 || this._highlighted === 'title') {\n      return false\n    }\n    // |_ one component and title not highlighted\n    if (this._title.trim() === this._components[0]?.question?.trim()) {\n      return true\n    }\n    // titles not the same\n\n    return !this._showTitle // add page heading deselected?\n  }\n\n  /**\n   * @param {PreviewComponent} component\n   * @returns {QuestionBaseModel}\n   */\n  _overrideComponentHeading(component) {\n    const largeTitle = this.showLargeTitle\n\n    const fieldset = component.renderInput.fieldset\n      ? {\n          fieldset: {\n            legend: {\n              ...component.renderInput.fieldset.legend,\n              classes: largeTitle\n                ? 'govuk-fieldset__legend--l'\n                : 'govuk-fieldset__legend--m'\n            }\n          }\n        }\n      : {}\n\n    const label = component.renderInput.label\n      ? {\n          label: {\n            ...component.renderInput.label,\n            classes: largeTitle ? 'govuk-label--l' : 'govuk-label--m'\n          }\n        }\n      : {}\n\n    return {\n      ...component.renderInput,\n      ...fieldset,\n      ...label\n    }\n  }\n\n  /**\n   * @returns {boolean}\n   */\n  get titleAndFirstTitleSame() {\n    return (\n      this._components.length > 0 &&\n      this._title.trim() === this._components[0]?.question?.trim() &&\n      this.components.length === 1 &&\n      this._highlighted !== 'title'\n    )\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getTitle() {\n    if (!this._showTitle || this.titleAndFirstTitleSame) {\n      return ''\n    }\n    return super._getTitle()\n  }\n\n  /**\n   * @returns {string}\n   * @protected\n   */\n  _getGuidanceText() {\n    if (!this._showTitle) {\n      return ''\n    }\n    return super._getGuidanceText()\n  }\n\n  get repeaterText() {\n    if (!this._isRepeater) {\n      return undefined\n    }\n    if (!this._sectionTitle.length) {\n      return 'Question set name'\n    }\n    return this._sectionTitle + ' 1'\n  }\n\n  /**\n   * @returns {string|undefined}\n   * @protected\n   */\n  _getSectionTitleText() {\n    if (this._isRepeater) {\n      return this.repeaterText\n    }\n    return super._getSectionTitleText()\n  }\n\n  /**\n   * Helper method to return the guidance or a new one\n   * @param { Markdown | Question | undefined } guidanceComponent\n   * @returns {Markdown}\n   * @private\n   */\n  static getOrCreateGuidanceComponent(guidanceComponent) {\n    if (guidanceComponent instanceof Markdown) {\n      return guidanceComponent\n    }\n    return PreviewPageControllerBase.createGuidanceComponent()\n  }\n}\n\n/**\n * @import { PageRenderer, PageOverviewElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n * @import { FormDefinition } from '~/src/form/form-definition/types.js'\n * @import { ComponentDef } from '~/src/components/types.js'\n * @import { PagePreviewComponent } from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,7 +11,7 @@ import { EmailAddressQuestion } from "./email-address.js";
 import { HiddenQuestion } from "./hidden.js";
 import { LatLongComponentPreviewElements, LatLongQuestion } from "./lat-long.js";
 import { ListComponentElements, ListQuestion, SelectComponentElements } from "./list.js";
-import { LongAnswerQuestion } from "./long-answer.js";
+import { LongAnswerQuestion, MultilineTextFieldComponentPreviewElements } from "./long-answer.js";
 import { Markdown } from "./markdown.js";
 import { MonthYearQuestion } from "./month-year.js";
 import { NationalGridComponentPreviewElements, NationalGridQuestion } from "./national-grid.js";
@@ -77,6 +77,11 @@ const ComponentToPreviewQuestion = {
     const list = findDefinitionListFromComponent(componentCoerced, definition);
     return new SelectComponentElements(componentCoerced, list);
   },
+  [ComponentType.MultilineTextField]: (component, _definition) => {
+    const componentCoerced = /** @type {MultilineTextFieldComponent} */
+    component;
+    return new MultilineTextFieldComponentPreviewElements(componentCoerced);
+  },
   [ComponentType.UkAddressField]: (component, _definition) => {
     const componentCoerced = /** @type {UkAddressFieldComponent} */component;
     return new UkAddressComponentPreviewElements(componentCoerced);
@@ -151,6 +156,6 @@ export function mapComponentToPreviewQuestion(questionRenderer, definition) {
  * @import { Question } from '~/src/form/form-editor/preview/question.js'
  * @import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'
  * @import { FormDefinition } from '~/src/form/form-definition/types.js'
- * @import { AutocompleteFieldComponent, ComponentDef, DeclarationFieldComponent, EastingNorthingFieldComponent, LatLongFieldComponent, NationalGridFieldNumberFieldComponent, NumberFieldComponent, OsGridRefFieldComponent, SelectFieldComponent, UkAddressFieldComponent, YesNoFieldComponent } from '~/src/components/types.js'
+ * @import { AutocompleteFieldComponent, ComponentDef, DeclarationFieldComponent, EastingNorthingFieldComponent, LatLongFieldComponent, MultilineTextFieldComponent, NationalGridFieldNumberFieldComponent, NumberFieldComponent, OsGridRefFieldComponent, SelectFieldComponent, UkAddressFieldComponent, YesNoFieldComponent } from '~/src/components/types.js'
  */
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["ComponentType","hasContentField","hasInputField","hasListField","hasSelectionFields","AutocompleteListQuestion","CheckboxQuestion","ComponentElements","ContentElements","DateInputQuestion","DeclarationComponentPreviewElements","DeclarationQuestion","EastingNorthingComponentPreviewElements","EastingNorthingQuestion","EmailAddressQuestion","HiddenQuestion","LatLongComponentPreviewElements","LatLongQuestion","ListComponentElements","ListQuestion","SelectComponentElements","LongAnswerQuestion","Markdown","MonthYearQuestion","NationalGridComponentPreviewElements","NationalGridQuestion","NumberComponentPreviewElements","NumberOnlyQuestion","OsGridRefComponentPreviewElements","OsGridRefQuestion","PhoneNumberQuestion","QuestionComponentElements","RadioQuestion","SelectQuestion","ShortAnswerQuestion","SupportingEvidenceQuestion","UkAddressComponentPreviewElements","UkAddressQuestion","YesNoQuestion","findDefinitionListFromComponent","InputFieldComponentDefault","InputFieldComponentDictionary","TextField","Details","InsetText","Html","List","EmailAddressField","NumberField","MultilineTextField","TelephoneNumberField","MonthYearField","DatePartsField","UkAddressField","AutocompleteField","RadiosField","CheckboxesField","SelectField","YesNoField","DeclarationField","FileUploadField","EastingNorthingField","OsGridRefField","NationalGridFieldNumberField","LatLongField","HiddenField","ComponentToPreviewQuestion","component","definition","componentCoerced","list","_definition","mapComponentToPreviewQuestion","questionRenderer","questionElements","getQuestionElementsFunc","type","QuestionConstructor","previewComponent","id"],"sources":["../../../../../src/form/form-editor/preview/helpers.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport {\n  hasContentField,\n  hasInputField,\n  hasListField,\n  hasSelectionFields\n} from '~/src/components/helpers.js'\nimport { AutocompleteListQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { CheckboxQuestion } from '~/src/form/form-editor/preview/checkbox.js'\nimport { ComponentElements } from '~/src/form/form-editor/preview/component-elements.js'\nimport { ContentElements } from '~/src/form/form-editor/preview/content.js'\nimport { DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport {\n  DeclarationComponentPreviewElements,\n  DeclarationQuestion\n} from '~/src/form/form-editor/preview/declaration.js'\nimport {\n  EastingNorthingComponentPreviewElements,\n  EastingNorthingQuestion\n} from '~/src/form/form-editor/preview/easting-northing.js'\nimport { EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { HiddenQuestion } from '~/src/form/form-editor/preview/hidden.js'\nimport {\n  LatLongComponentPreviewElements,\n  LatLongQuestion\n} from '~/src/form/form-editor/preview/lat-long.js'\nimport {\n  ListComponentElements,\n  ListQuestion,\n  SelectComponentElements\n} from '~/src/form/form-editor/preview/list.js'\nimport { LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { MonthYearQuestion } from '~/src/form/form-editor/preview/month-year.js'\nimport {\n  NationalGridComponentPreviewElements,\n  NationalGridQuestion\n} from '~/src/form/form-editor/preview/national-grid.js'\nimport {\n  NumberComponentPreviewElements,\n  NumberOnlyQuestion\n} from '~/src/form/form-editor/preview/number-only.js'\nimport {\n  OsGridRefComponentPreviewElements,\n  OsGridRefQuestion\n} from '~/src/form/form-editor/preview/os-grid-ref.js'\nimport { PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { QuestionComponentElements } from '~/src/form/form-editor/preview/question.js'\nimport { RadioQuestion } from '~/src/form/form-editor/preview/radio.js'\nimport { SelectQuestion } from '~/src/form/form-editor/preview/select.js'\nimport { ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { SupportingEvidenceQuestion } from '~/src/form/form-editor/preview/supporting-evidence.js'\nimport {\n  UkAddressComponentPreviewElements,\n  UkAddressQuestion\n} from '~/src/form/form-editor/preview/uk-address.js'\nimport { YesNoQuestion } from '~/src/form/form-editor/preview/yes-no.js'\nimport { findDefinitionListFromComponent } from '~/src/form/utils/list.js'\n/**\n * @type {typeof PreviewComponent}\n */\nconst InputFieldComponentDefault = ShortAnswerQuestion\n\n/**\n * @type {Partial<Record<ComponentType, typeof PreviewComponent>>}\n */\nconst InputFieldComponentDictionary = {\n  [ComponentType.TextField]: InputFieldComponentDefault,\n  [ComponentType.Details]: ShortAnswerQuestion,\n  [ComponentType.InsetText]: ShortAnswerQuestion,\n  [ComponentType.Html]: ShortAnswerQuestion,\n  [ComponentType.Markdown]: Markdown,\n  [ComponentType.List]: ListQuestion,\n  [ComponentType.EmailAddressField]: EmailAddressQuestion,\n  [ComponentType.NumberField]: NumberOnlyQuestion,\n  [ComponentType.MultilineTextField]: LongAnswerQuestion,\n  [ComponentType.TelephoneNumberField]: PhoneNumberQuestion,\n  [ComponentType.MonthYearField]: MonthYearQuestion,\n  [ComponentType.DatePartsField]: DateInputQuestion,\n  [ComponentType.UkAddressField]: UkAddressQuestion,\n  [ComponentType.AutocompleteField]: AutocompleteListQuestion,\n  [ComponentType.RadiosField]: RadioQuestion,\n  [ComponentType.CheckboxesField]: CheckboxQuestion,\n  [ComponentType.SelectField]: SelectQuestion,\n  [ComponentType.YesNoField]: YesNoQuestion,\n  [ComponentType.DeclarationField]: DeclarationQuestion,\n  [ComponentType.FileUploadField]: SupportingEvidenceQuestion,\n  [ComponentType.EastingNorthingField]: EastingNorthingQuestion,\n  [ComponentType.OsGridRefField]: OsGridRefQuestion,\n  [ComponentType.NationalGridFieldNumberField]: NationalGridQuestion,\n  [ComponentType.LatLongField]: LatLongQuestion,\n  [ComponentType.HiddenField]: HiddenQuestion\n}\n\n/**\n * @type {Partial<Record<ComponentType, (component: ComponentDef, definition: FormDefinition ) => QuestionElements>>}\n */\nconst ComponentToPreviewQuestion = {\n  [ComponentType.AutocompleteField]: (component, definition) => {\n    const componentCoerced = /** @type {AutocompleteFieldComponent} */ (\n      component\n    )\n    const list = findDefinitionListFromComponent(componentCoerced, definition)\n    return new SelectComponentElements(componentCoerced, list)\n  },\n  [ComponentType.SelectField]: (component, definition) => {\n    const componentCoerced = /** @type {SelectFieldComponent} */ (component)\n    const list = findDefinitionListFromComponent(componentCoerced, definition)\n    return new SelectComponentElements(componentCoerced, list)\n  },\n  [ComponentType.UkAddressField]: (component, _definition) => {\n    const componentCoerced = /** @type {UkAddressFieldComponent} */ (component)\n    return new UkAddressComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.NumberField]: (component, _definition) => {\n    const componentCoerced = /** @type {NumberFieldComponent} */ (component)\n    return new NumberComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.DeclarationField]: (component, _definition) => {\n    const componentCoerced = /** @type {DeclarationFieldComponent} */ (\n      component\n    )\n    return new DeclarationComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.YesNoField]: (component, _definition) => {\n    const componentCoerced = /** @type {YesNoFieldComponent} */ (component)\n    return new QuestionComponentElements(componentCoerced)\n  },\n  [ComponentType.EastingNorthingField]: (component, _definition) => {\n    const componentCoerced = /** @type {EastingNorthingFieldComponent} */ (\n      component\n    )\n    return new EastingNorthingComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.OsGridRefField]: (component, _definition) => {\n    const componentCoerced = /** @type {OsGridRefFieldComponent} */ (component)\n    return new OsGridRefComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.NationalGridFieldNumberField]: (component, _definition) => {\n    const componentCoerced =\n      /** @type {NationalGridFieldNumberFieldComponent} */ (component)\n    return new NationalGridComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.LatLongField]: (component, _definition) => {\n    const componentCoerced = /** @type {LatLongFieldComponent} */ (component)\n    return new LatLongComponentPreviewElements(componentCoerced)\n  }\n}\n\n/**\n * @param {QuestionRenderer} questionRenderer\n * @param {FormDefinition} definition\n * @returns {(component: ComponentDef) => Question}\n */\nexport function mapComponentToPreviewQuestion(questionRenderer, definition) {\n  return /** @type {(component: ComponentDef) => Question} */ (\n    (component) => {\n      /**\n       * @type {QuestionElements}\n       */\n      let questionElements\n\n      // Look for one-to-one mapping first, then fallback if not found\n      const getQuestionElementsFunc = ComponentToPreviewQuestion[component.type]\n      if (getQuestionElementsFunc) {\n        questionElements = getQuestionElementsFunc(component, definition)\n      } else if (hasSelectionFields(component) && hasListField(component)) {\n        const list = findDefinitionListFromComponent(component, definition)\n        questionElements = new ListComponentElements(component, list)\n      } else if (hasInputField(component)) {\n        questionElements = new QuestionComponentElements(component)\n      } else if (hasContentField(component)) {\n        questionElements = new ContentElements(component)\n      } else {\n        questionElements = new ComponentElements(component)\n      }\n\n      const QuestionConstructor =\n        InputFieldComponentDictionary[component.type] ??\n        InputFieldComponentDefault\n      const previewComponent = new QuestionConstructor(\n        questionElements,\n        questionRenderer\n      )\n      previewComponent.id = component.id\n      return previewComponent\n    }\n  )\n}\n\n/**\n * @import { QuestionElements, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n * @import { FormDefinition } from '~/src/form/form-definition/types.js'\n * @import { AutocompleteFieldComponent, ComponentDef, DeclarationFieldComponent, EastingNorthingFieldComponent, LatLongFieldComponent, NationalGridFieldNumberFieldComponent, NumberFieldComponent, OsGridRefFieldComponent, SelectFieldComponent, UkAddressFieldComponent, YesNoFieldComponent } from '~/src/components/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"helpers.js","names":["ComponentType","hasContentField","hasInputField","hasListField","hasSelectionFields","AutocompleteListQuestion","CheckboxQuestion","ComponentElements","ContentElements","DateInputQuestion","DeclarationComponentPreviewElements","DeclarationQuestion","EastingNorthingComponentPreviewElements","EastingNorthingQuestion","EmailAddressQuestion","HiddenQuestion","LatLongComponentPreviewElements","LatLongQuestion","ListComponentElements","ListQuestion","SelectComponentElements","LongAnswerQuestion","MultilineTextFieldComponentPreviewElements","Markdown","MonthYearQuestion","NationalGridComponentPreviewElements","NationalGridQuestion","NumberComponentPreviewElements","NumberOnlyQuestion","OsGridRefComponentPreviewElements","OsGridRefQuestion","PhoneNumberQuestion","QuestionComponentElements","RadioQuestion","SelectQuestion","ShortAnswerQuestion","SupportingEvidenceQuestion","UkAddressComponentPreviewElements","UkAddressQuestion","YesNoQuestion","findDefinitionListFromComponent","InputFieldComponentDefault","InputFieldComponentDictionary","TextField","Details","InsetText","Html","List","EmailAddressField","NumberField","MultilineTextField","TelephoneNumberField","MonthYearField","DatePartsField","UkAddressField","AutocompleteField","RadiosField","CheckboxesField","SelectField","YesNoField","DeclarationField","FileUploadField","EastingNorthingField","OsGridRefField","NationalGridFieldNumberField","LatLongField","HiddenField","ComponentToPreviewQuestion","component","definition","componentCoerced","list","_definition","mapComponentToPreviewQuestion","questionRenderer","questionElements","getQuestionElementsFunc","type","QuestionConstructor","previewComponent","id"],"sources":["../../../../../src/form/form-editor/preview/helpers.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport {\n  hasContentField,\n  hasInputField,\n  hasListField,\n  hasSelectionFields\n} from '~/src/components/helpers.js'\nimport { AutocompleteListQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { CheckboxQuestion } from '~/src/form/form-editor/preview/checkbox.js'\nimport { ComponentElements } from '~/src/form/form-editor/preview/component-elements.js'\nimport { ContentElements } from '~/src/form/form-editor/preview/content.js'\nimport { DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport {\n  DeclarationComponentPreviewElements,\n  DeclarationQuestion\n} from '~/src/form/form-editor/preview/declaration.js'\nimport {\n  EastingNorthingComponentPreviewElements,\n  EastingNorthingQuestion\n} from '~/src/form/form-editor/preview/easting-northing.js'\nimport { EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { HiddenQuestion } from '~/src/form/form-editor/preview/hidden.js'\nimport {\n  LatLongComponentPreviewElements,\n  LatLongQuestion\n} from '~/src/form/form-editor/preview/lat-long.js'\nimport {\n  ListComponentElements,\n  ListQuestion,\n  SelectComponentElements\n} from '~/src/form/form-editor/preview/list.js'\nimport {\n  LongAnswerQuestion,\n  MultilineTextFieldComponentPreviewElements\n} from '~/src/form/form-editor/preview/long-answer.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { MonthYearQuestion } from '~/src/form/form-editor/preview/month-year.js'\nimport {\n  NationalGridComponentPreviewElements,\n  NationalGridQuestion\n} from '~/src/form/form-editor/preview/national-grid.js'\nimport {\n  NumberComponentPreviewElements,\n  NumberOnlyQuestion\n} from '~/src/form/form-editor/preview/number-only.js'\nimport {\n  OsGridRefComponentPreviewElements,\n  OsGridRefQuestion\n} from '~/src/form/form-editor/preview/os-grid-ref.js'\nimport { PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { QuestionComponentElements } from '~/src/form/form-editor/preview/question.js'\nimport { RadioQuestion } from '~/src/form/form-editor/preview/radio.js'\nimport { SelectQuestion } from '~/src/form/form-editor/preview/select.js'\nimport { ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { SupportingEvidenceQuestion } from '~/src/form/form-editor/preview/supporting-evidence.js'\nimport {\n  UkAddressComponentPreviewElements,\n  UkAddressQuestion\n} from '~/src/form/form-editor/preview/uk-address.js'\nimport { YesNoQuestion } from '~/src/form/form-editor/preview/yes-no.js'\nimport { findDefinitionListFromComponent } from '~/src/form/utils/list.js'\n/**\n * @type {typeof PreviewComponent}\n */\nconst InputFieldComponentDefault = ShortAnswerQuestion\n\n/**\n * @type {Partial<Record<ComponentType, typeof PreviewComponent>>}\n */\nconst InputFieldComponentDictionary = {\n  [ComponentType.TextField]: InputFieldComponentDefault,\n  [ComponentType.Details]: ShortAnswerQuestion,\n  [ComponentType.InsetText]: ShortAnswerQuestion,\n  [ComponentType.Html]: ShortAnswerQuestion,\n  [ComponentType.Markdown]: Markdown,\n  [ComponentType.List]: ListQuestion,\n  [ComponentType.EmailAddressField]: EmailAddressQuestion,\n  [ComponentType.NumberField]: NumberOnlyQuestion,\n  [ComponentType.MultilineTextField]: LongAnswerQuestion,\n  [ComponentType.TelephoneNumberField]: PhoneNumberQuestion,\n  [ComponentType.MonthYearField]: MonthYearQuestion,\n  [ComponentType.DatePartsField]: DateInputQuestion,\n  [ComponentType.UkAddressField]: UkAddressQuestion,\n  [ComponentType.AutocompleteField]: AutocompleteListQuestion,\n  [ComponentType.RadiosField]: RadioQuestion,\n  [ComponentType.CheckboxesField]: CheckboxQuestion,\n  [ComponentType.SelectField]: SelectQuestion,\n  [ComponentType.YesNoField]: YesNoQuestion,\n  [ComponentType.DeclarationField]: DeclarationQuestion,\n  [ComponentType.FileUploadField]: SupportingEvidenceQuestion,\n  [ComponentType.EastingNorthingField]: EastingNorthingQuestion,\n  [ComponentType.OsGridRefField]: OsGridRefQuestion,\n  [ComponentType.NationalGridFieldNumberField]: NationalGridQuestion,\n  [ComponentType.LatLongField]: LatLongQuestion,\n  [ComponentType.HiddenField]: HiddenQuestion\n}\n\n/**\n * @type {Partial<Record<ComponentType, (component: ComponentDef, definition: FormDefinition ) => QuestionElements>>}\n */\nconst ComponentToPreviewQuestion = {\n  [ComponentType.AutocompleteField]: (component, definition) => {\n    const componentCoerced = /** @type {AutocompleteFieldComponent} */ (\n      component\n    )\n    const list = findDefinitionListFromComponent(componentCoerced, definition)\n    return new SelectComponentElements(componentCoerced, list)\n  },\n  [ComponentType.SelectField]: (component, definition) => {\n    const componentCoerced = /** @type {SelectFieldComponent} */ (component)\n    const list = findDefinitionListFromComponent(componentCoerced, definition)\n    return new SelectComponentElements(componentCoerced, list)\n  },\n  [ComponentType.MultilineTextField]: (component, _definition) => {\n    const componentCoerced = /** @type {MultilineTextFieldComponent} */ (\n      component\n    )\n    return new MultilineTextFieldComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.UkAddressField]: (component, _definition) => {\n    const componentCoerced = /** @type {UkAddressFieldComponent} */ (component)\n    return new UkAddressComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.NumberField]: (component, _definition) => {\n    const componentCoerced = /** @type {NumberFieldComponent} */ (component)\n    return new NumberComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.DeclarationField]: (component, _definition) => {\n    const componentCoerced = /** @type {DeclarationFieldComponent} */ (\n      component\n    )\n    return new DeclarationComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.YesNoField]: (component, _definition) => {\n    const componentCoerced = /** @type {YesNoFieldComponent} */ (component)\n    return new QuestionComponentElements(componentCoerced)\n  },\n  [ComponentType.EastingNorthingField]: (component, _definition) => {\n    const componentCoerced = /** @type {EastingNorthingFieldComponent} */ (\n      component\n    )\n    return new EastingNorthingComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.OsGridRefField]: (component, _definition) => {\n    const componentCoerced = /** @type {OsGridRefFieldComponent} */ (component)\n    return new OsGridRefComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.NationalGridFieldNumberField]: (component, _definition) => {\n    const componentCoerced =\n      /** @type {NationalGridFieldNumberFieldComponent} */ (component)\n    return new NationalGridComponentPreviewElements(componentCoerced)\n  },\n  [ComponentType.LatLongField]: (component, _definition) => {\n    const componentCoerced = /** @type {LatLongFieldComponent} */ (component)\n    return new LatLongComponentPreviewElements(componentCoerced)\n  }\n}\n\n/**\n * @param {QuestionRenderer} questionRenderer\n * @param {FormDefinition} definition\n * @returns {(component: ComponentDef) => Question}\n */\nexport function mapComponentToPreviewQuestion(questionRenderer, definition) {\n  return /** @type {(component: ComponentDef) => Question} */ (\n    (component) => {\n      /**\n       * @type {QuestionElements}\n       */\n      let questionElements\n\n      // Look for one-to-one mapping first, then fallback if not found\n      const getQuestionElementsFunc = ComponentToPreviewQuestion[component.type]\n      if (getQuestionElementsFunc) {\n        questionElements = getQuestionElementsFunc(component, definition)\n      } else if (hasSelectionFields(component) && hasListField(component)) {\n        const list = findDefinitionListFromComponent(component, definition)\n        questionElements = new ListComponentElements(component, list)\n      } else if (hasInputField(component)) {\n        questionElements = new QuestionComponentElements(component)\n      } else if (hasContentField(component)) {\n        questionElements = new ContentElements(component)\n      } else {\n        questionElements = new ComponentElements(component)\n      }\n\n      const QuestionConstructor =\n        InputFieldComponentDictionary[component.type] ??\n        InputFieldComponentDefault\n      const previewComponent = new QuestionConstructor(\n        questionElements,\n        questionRenderer\n      )\n      previewComponent.id = component.id\n      return previewComponent\n    }\n  )\n}\n\n/**\n * @import { QuestionElements, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n * @import { FormDefinition } from '~/src/form/form-definition/types.js'\n * @import { AutocompleteFieldComponent, ComponentDef, DeclarationFieldComponent, EastingNorthingFieldComponent, LatLongFieldComponent, MultilineTextFieldComponent, NationalGridFieldNumberFieldComponent, NumberFieldComponent, OsGridRefFieldComponent, SelectFieldComponent, UkAddressFieldComponent, YesNoFieldComponent } from '~/src/components/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,39 @@
 import { ComponentType } from "../../../components/enums.js";
 import { PreviewComponent } from "./preview.js";
-import { Question } from "./question.js";
+import { Question, QuestionComponentElements } from "./question.js";
+
+/**
+ * @constant
+ * @type {number}
+ * The default number of rows for a multiline text field.
+ */
+export const MULTILINE_TEXT_QUESTION_DEFAULT_ROWS = 5;
+
+/**
+ * @implements {QuestionElements}
+ */
+export class MultilineTextFieldComponentPreviewElements extends QuestionComponentElements {
+  /**
+   * @param {MultilineTextFieldComponent} component
+   */
+  constructor(component) {
+    super(component);
+    this._maxLength = component.schema.max;
+    this._rows = component.options.rows;
+  }
+
+  /**
+   * @protected
+   * @returns {MultilineTextFieldSettings}
+   */
+  _getValues() {
+    return {
+      ...super._getValues(),
+      maxLength: this._maxLength ?? 0,
+      rows: this._rows ?? MULTILINE_TEXT_QUESTION_DEFAULT_ROWS
+    };
+  }
+}
 export class LongAnswerQuestion extends Question {
   /**
    * @type {ComponentType}
@@ -16,5 +49,59 @@ export class LongAnswerQuestion extends Question {
    * @protected
    */
   _fieldName = 'longAnswerField';
+
+  /**
+   * @param {MultilineTextFieldElements} htmlElements
+   * @param {QuestionRenderer} questionRenderer
+   */
+  constructor(htmlElements, questionRenderer) {
+    super(htmlElements, questionRenderer);
+    this._maxLength = htmlElements.values.maxLength;
+    this._rows = htmlElements.values.rows;
+  }
+  get maxLength() {
+    return this._maxLength;
+  }
+
+  /**
+   * @param {number} val
+   */
+  set maxLength(val) {
+    this._maxLength = val;
+    this.render();
+  }
+  get rows() {
+    return this._rows;
+  }
+
+  /**
+   * @param {number} val
+   */
+  set rows(val) {
+    this._rows = val;
+    this.render();
+  }
+
+  /**
+   * @protected
+   */
+  _renderInput() {
+    const maxLengthObj = this.maxLength && this.maxLength > 0 ? {
+      maxlength: this.maxLength
+    } : {};
+    const rowsObj = this.rows ? {
+      rows: this.rows
+    } : {};
+    return {
+      ...super._renderInput(),
+      ...maxLengthObj,
+      ...rowsObj
+    };
+  }
 }
+
+/**
+ * @import { MultilineTextFieldSettings, MultilineTextFieldElements, QuestionElements, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'
+ * @import { MultilineTextFieldComponent } from '~/src/components/types.js'
+ */
 //# sourceMappingURL=long-answer.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"long-answer.js","names":["ComponentType","PreviewComponent","Question","QuestionComponentElements","MULTILINE_TEXT_QUESTION_DEFAULT_ROWS","MultilineTextFieldComponentPreviewElements","constructor","component","_maxLength","schema","max","_rows","options","rows","_getValues","maxLength","LongAnswerQuestion","componentType","MultilineTextField","_questionTemplate","PATH","_fieldName","htmlElements","questionRenderer","values","val","render","_renderInput","maxLengthObj","maxlength","rowsObj"],"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 {\n  Question,\n  QuestionComponentElements\n} from '~/src/form/form-editor/preview/question.js'\n\n/**\n * @constant\n * @type {number}\n * The default number of rows for a multiline text field.\n */\nexport const MULTILINE_TEXT_QUESTION_DEFAULT_ROWS = 5\n\n/**\n * @implements {QuestionElements}\n */\nexport class MultilineTextFieldComponentPreviewElements extends QuestionComponentElements {\n  /**\n   * @param {MultilineTextFieldComponent} component\n   */\n  constructor(component) {\n    super(component)\n    this._maxLength = component.schema.max\n    this._rows = component.options.rows\n  }\n\n  /**\n   * @protected\n   * @returns {MultilineTextFieldSettings}\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      maxLength: this._maxLength ?? 0,\n      rows: this._rows ?? MULTILINE_TEXT_QUESTION_DEFAULT_ROWS\n    }\n  }\n}\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  /**\n   * @param {MultilineTextFieldElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    super(htmlElements, questionRenderer)\n    this._maxLength = htmlElements.values.maxLength\n    this._rows = htmlElements.values.rows\n  }\n\n  get maxLength() {\n    return this._maxLength\n  }\n\n  /**\n   * @param {number} val\n   */\n  set maxLength(val) {\n    this._maxLength = val\n    this.render()\n  }\n\n  get rows() {\n    return this._rows\n  }\n\n  /**\n   * @param {number} val\n   */\n  set rows(val) {\n    this._rows = val\n    this.render()\n  }\n\n  /**\n   * @protected\n   */\n  _renderInput() {\n    const maxLengthObj =\n      this.maxLength && this.maxLength > 0 ? { maxlength: this.maxLength } : {}\n    const rowsObj = this.rows ? { rows: this.rows } : {}\n    return {\n      ...super._renderInput(),\n      ...maxLengthObj,\n      ...rowsObj\n    }\n  }\n}\n\n/**\n * @import { MultilineTextFieldSettings, MultilineTextFieldElements, QuestionElements, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { MultilineTextFieldComponent } from '~/src/components/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SACEC,QAAQ,EACRC,yBAAyB;;AAG3B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oCAAoC,GAAG,CAAC;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,0CAA0C,SAASF,yBAAyB,CAAC;EACxF;AACF;AACA;EACEG,WAAWA,CAACC,SAAS,EAAE;IACrB,KAAK,CAACA,SAAS,CAAC;IAChB,IAAI,CAACC,UAAU,GAAGD,SAAS,CAACE,MAAM,CAACC,GAAG;IACtC,IAAI,CAACC,KAAK,GAAGJ,SAAS,CAACK,OAAO,CAACC,IAAI;EACrC;;EAEA;AACF;AACA;AACA;EACEC,UAAUA,CAAA,EAAG;IACX,OAAO;MACL,GAAG,KAAK,CAACA,UAAU,CAAC,CAAC;MACrBC,SAAS,EAAE,IAAI,CAACP,UAAU,IAAI,CAAC;MAC/BK,IAAI,EAAE,IAAI,CAACF,KAAK,IAAIP;IACtB,CAAC;EACH;AACF;AAEA,OAAO,MAAMY,kBAAkB,SAASd,QAAQ,CAAC;EAC/C;AACF;AACA;EACEe,aAAa,GAAGjB,aAAa,CAACkB,kBAAkB;EAChD;AACF;AACA;AACA;EACEC,iBAAiB,GAAGlB,gBAAgB,CAACmB,IAAI,GAAG,cAAc;EAC1D;AACF;AACA;AACA;EACEC,UAAU,GAAG,iBAAiB;;EAE9B;AACF;AACA;AACA;EACEf,WAAWA,CAACgB,YAAY,EAAEC,gBAAgB,EAAE;IAC1C,KAAK,CAACD,YAAY,EAAEC,gBAAgB,CAAC;IACrC,IAAI,CAACf,UAAU,GAAGc,YAAY,CAACE,MAAM,CAACT,SAAS;IAC/C,IAAI,CAACJ,KAAK,GAAGW,YAAY,CAACE,MAAM,CAACX,IAAI;EACvC;EAEA,IAAIE,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,UAAU;EACxB;;EAEA;AACF;AACA;EACE,IAAIO,SAASA,CAACU,GAAG,EAAE;IACjB,IAAI,CAACjB,UAAU,GAAGiB,GAAG;IACrB,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;EAEA,IAAIb,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACF,KAAK;EACnB;;EAEA;AACF;AACA;EACE,IAAIE,IAAIA,CAACY,GAAG,EAAE;IACZ,IAAI,CAACd,KAAK,GAAGc,GAAG;IAChB,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;;EAEA;AACF;AACA;EACEC,YAAYA,CAAA,EAAG;IACb,MAAMC,YAAY,GAChB,IAAI,CAACb,SAAS,IAAI,IAAI,CAACA,SAAS,GAAG,CAAC,GAAG;MAAEc,SAAS,EAAE,IAAI,CAACd;IAAU,CAAC,GAAG,CAAC,CAAC;IAC3E,MAAMe,OAAO,GAAG,IAAI,CAACjB,IAAI,GAAG;MAAEA,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC,GAAG,CAAC,CAAC;IACpD,OAAO;MACL,GAAG,KAAK,CAACc,YAAY,CAAC,CAAC;MACvB,GAAGC,YAAY;MACf,GAAGE;IACL,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import {\n  type PagePreviewPanelMacro,\n  type QuestionBaseModel\n} from '~/src/form/form-editor/macros/types.js'\nimport { type AutocompleteQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { type DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { type EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { type ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { type LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { type PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { type Question } from '~/src/form/form-editor/preview/question.js'\nimport { type RadioSortableQuestion } from '~/src/form/form-editor/preview/radio-sortable.js'\nimport { type SelectSortableQuestion } from '~/src/form/form-editor/preview/select-sortable.js'\nimport { type ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { type UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport { type ListElement } from '~/src/form/form-editor/types.js'\nexport { type QuestionBaseModel } from '~/src/form/form-editor/macros/types.js'\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  userClasses: string\n  items: ListElement[]\n  content: string\n  attributes?: Record<string, string>\n}\n\nexport interface DefaultComponent {\n  id?: string\n  text: string\n  classes: string\n  isPageHeading?: boolean\n}\n\nexport interface GovukFieldset {\n  legend: DefaultComponent\n}\n\nexport type ListenerRow = [\n  HTMLInputElement | HTMLTextAreaElement | null,\n  (target: HTMLInputElement | HTMLTextAreaElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface DomElementsBase {\n  readonly values?: BaseSettings\n  autocompleteOptions?: string\n  setPreviewHTML(value: string): void\n  setPreviewDOM(element: HTMLElement): void\n}\n\nexport interface QuestionElements extends DomElementsBase {\n  readonly values: BaseSettings\n}\n\nexport interface AutocompleteElements extends QuestionElements {\n  autocompleteOptions: string\n}\n\nexport interface NumberSettings extends BaseSettings {\n  prefix: string\n  suffix: string\n}\n\nexport interface DeclarationSettings extends BaseSettings {\n  declarationText: string\n}\n\nexport interface DeclarationElements extends DomElementsBase {\n  readonly values: DeclarationSettings\n}\n\nexport interface UkAddressSettings extends BaseSettings {\n  usePostcodeLookup?: boolean\n}\n\nexport interface UkAddressElements extends DomElementsBase {\n  readonly values: UkAddressSettings\n}\n\nexport interface NumberElements extends DomElementsBase {\n  readonly values: NumberSettings\n}\n\nexport interface LocationSettings extends BaseSettings {\n  instructionText: string\n}\n\nexport interface LocationElements extends DomElementsBase {\n  readonly values: LocationSettings\n}\n\nexport interface LocationFieldModel extends QuestionBaseModel {\n  userClasses: string\n  fieldset: {\n    legend: {\n      text: string\n      classes: string\n    }\n  }\n  instructionText: string\n  details: {\n    classes: string\n  }\n}\n\nexport interface RenderBase {\n  render(questionTemplate: string, renderContext: RenderContext): void\n}\n\nexport interface QuestionRenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface PageRenderContext {\n  params: PagePreviewPanelMacro\n}\n\nexport type RenderContext = QuestionRenderContext | PageRenderContext\n\nexport interface HTMLBuilder {\n  buildHTML(questionTemplate: string, renderContext: RenderContext): string\n}\n\nexport interface QuestionRenderer {\n  render(questionTemplate: string, questionBaseModel: QuestionBaseModel): void\n}\n\nexport interface PageRenderer {\n  render(pageTemplate: string, pagePreview: PagePreviewPanelMacro): void\n}\n\nexport type Renderer = QuestionRenderer | PageRenderer\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport interface PagePreviewBaseElements {\n  heading: string\n  guidance: string\n}\n\nexport interface PageOverviewElements extends PagePreviewBaseElements {\n  addHeading: boolean\n  repeatQuestion: string | undefined\n  hasRepeater: boolean\n}\n\nexport interface SectionForPreview {\n  name: string\n  title: string\n  pages: { title: string }[]\n}\n\nexport interface SummaryPageElements extends PagePreviewBaseElements {\n  declaration: boolean\n  showConfirmationEmail: boolean\n  isConfirmationEmailSettingsPanel: boolean\n  sections?: SectionForPreview[]\n  unassignedPages?: { title: string }[]\n}\n\nexport interface SummaryPageInitialState {\n  showConfirmationEmail: boolean\n  declarationText: string\n  needDeclaration: boolean\n  isConfirmationEmailSettingsPanel: boolean\n  sections?: SectionForPreview[]\n  unassignedPages?: { title: string }[]\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | SelectSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n  | AutocompleteQuestion\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import {\n  type PagePreviewPanelMacro,\n  type QuestionBaseModel\n} from '~/src/form/form-editor/macros/types.js'\nimport { type AutocompleteQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { type DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { type EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { type ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { type LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { type PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { type Question } from '~/src/form/form-editor/preview/question.js'\nimport { type RadioSortableQuestion } from '~/src/form/form-editor/preview/radio-sortable.js'\nimport { type SelectSortableQuestion } from '~/src/form/form-editor/preview/select-sortable.js'\nimport { type ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { type UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport { type ListElement } from '~/src/form/form-editor/types.js'\nexport { type QuestionBaseModel } from '~/src/form/form-editor/macros/types.js'\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  userClasses: string\n  items: ListElement[]\n  content: string\n  attributes?: Record<string, string>\n}\n\nexport interface DefaultComponent {\n  id?: string\n  text: string\n  classes: string\n  isPageHeading?: boolean\n}\n\nexport interface GovukFieldset {\n  legend: DefaultComponent\n}\n\nexport type ListenerRow = [\n  HTMLInputElement | HTMLTextAreaElement | null,\n  (target: HTMLInputElement | HTMLTextAreaElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface DomElementsBase {\n  readonly values?: BaseSettings\n  autocompleteOptions?: string\n  setPreviewHTML(value: string): void\n  setPreviewDOM(element: HTMLElement): void\n}\n\nexport interface QuestionElements extends DomElementsBase {\n  readonly values: BaseSettings\n}\n\nexport interface AutocompleteElements extends QuestionElements {\n  autocompleteOptions: string\n}\n\nexport interface NumberSettings extends BaseSettings {\n  prefix: string\n  suffix: string\n}\n\nexport interface DeclarationSettings extends BaseSettings {\n  declarationText: string\n}\n\nexport interface DeclarationElements extends DomElementsBase {\n  readonly values: DeclarationSettings\n}\n\nexport interface UkAddressSettings extends BaseSettings {\n  usePostcodeLookup?: boolean\n}\n\nexport interface UkAddressElements extends DomElementsBase {\n  readonly values: UkAddressSettings\n}\n\nexport interface NumberElements extends DomElementsBase {\n  readonly values: NumberSettings\n}\n\nexport interface MultilineTextFieldSettings extends BaseSettings {\n  maxLength: number\n  rows: number\n}\n\nexport interface MultilineTextFieldElements extends DomElementsBase {\n  readonly values: MultilineTextFieldSettings\n}\n\nexport interface LocationSettings extends BaseSettings {\n  instructionText: string\n}\n\nexport interface LocationElements extends DomElementsBase {\n  readonly values: LocationSettings\n}\n\nexport interface LocationFieldModel extends QuestionBaseModel {\n  userClasses: string\n  fieldset: {\n    legend: {\n      text: string\n      classes: string\n    }\n  }\n  instructionText: string\n  details: {\n    classes: string\n  }\n}\n\nexport interface RenderBase {\n  render(questionTemplate: string, renderContext: RenderContext): void\n}\n\nexport interface QuestionRenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface PageRenderContext {\n  params: PagePreviewPanelMacro\n}\n\nexport type RenderContext = QuestionRenderContext | PageRenderContext\n\nexport interface HTMLBuilder {\n  buildHTML(questionTemplate: string, renderContext: RenderContext): string\n}\n\nexport interface QuestionRenderer {\n  render(questionTemplate: string, questionBaseModel: QuestionBaseModel): void\n}\n\nexport interface PageRenderer {\n  render(pageTemplate: string, pagePreview: PagePreviewPanelMacro): void\n}\n\nexport type Renderer = QuestionRenderer | PageRenderer\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport interface PagePreviewBaseElements {\n  heading: string\n  guidance: string\n}\n\nexport interface PageSectionInfo {\n  title: string\n  hideTitle: boolean\n}\n\nexport interface PageOverviewElements extends PagePreviewBaseElements {\n  addHeading: boolean\n  repeatQuestion: string | undefined\n  hasRepeater: boolean\n  section?: PageSectionInfo\n}\n\nexport interface SectionForPreview {\n  name: string\n  title: string\n  pages: { title: string }[]\n}\n\nexport interface SummaryPageElements extends PagePreviewBaseElements {\n  declaration: boolean\n  showConfirmationEmail: boolean\n  isConfirmationEmailSettingsPanel: boolean\n  sections?: SectionForPreview[]\n  unassignedPages?: { title: string }[]\n}\n\nexport interface SummaryPageInitialState {\n  showConfirmationEmail: boolean\n  declarationText: string\n  needDeclaration: boolean\n  isConfirmationEmailSettingsPanel: boolean\n  sections?: SectionForPreview[]\n  unassignedPages?: { title: string }[]\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | SelectSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n  | AutocompleteQuestion\n"],"mappings":"","ignoreList":[]}

package/dist/types/form/form-editor/preview/controller/guidance-page-controller.d.ts

@@ -1,4 +1,9 @@
 export class GuidancePageController extends PreviewPageControllerBase {
+    /**
+     * @param {PageOverviewElements} elements
+     * @param {PageRenderer} renderer
+     */
+    constructor(elements: PageOverviewElements, renderer: PageRenderer);
     /**
      * @type {Markdown}
      * @protected
@@ -7,4 +12,6 @@ export class GuidancePageController extends PreviewPageControllerBase {
 }
 import { PreviewPageControllerBase } from '../../../../form/form-editor/preview/controller/page-controller-base.js';
 import type { Markdown } from '../../../../form/form-editor/preview/markdown.js';
+import type { PageOverviewElements } from '../../../../form/form-editor/preview/types.js';
+import type { PageRenderer } from '../../../../form/form-editor/preview/types.js';
 //# sourceMappingURL=guidance-page-controller.d.ts.map

package/dist/types/form/form-editor/preview/controller/guidance-page-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"guidance-page-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/form/form-editor/preview/controller/guidance-page-controller.js"],"names":[],"mappings":"AAIA;IACE;;;OAGG;IACH,uCAHU,QAAQ,CAIwC;CAgD3D;0CA1DyC,mEAAmE;8BA6DhF,4CAA4C"}
+{"version":3,"file":"guidance-page-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/form/form-editor/preview/controller/guidance-page-controller.js"],"names":[],"mappings":"AAIA;IAcE;;;OAGG;IACH,sBAHW,oBAAoB,YACpB,YAAY,EAQtB;IAvBD;;;OAGG;IACH,uCAHU,QAAQ,CAIwC;CAiD3D;0CA3DyC,mEAAmE;8BA8DhF,4CAA4C;0CAClB,yCAAyC;kCAAzC,yCAAyC"}

package/dist/types/form/form-editor/preview/controller/page-controller-base.d.ts

@@ -4,18 +4,25 @@
 export class PagePreviewElements implements PageOverviewElements {
     /**
      * @param {Page|undefined} page
+     * @param {PageSectionInfo} [section]
      */
-    constructor(page: Page | undefined);
+    constructor(page: Page | undefined, section?: PageSectionInfo);
     /**
      * @type {Page | { title: string }}
      * @private
      */
     private _page;
+    /**
+     * @type {PageSectionInfo | undefined}
+     * @protected
+     */
+    protected _section: PageSectionInfo | undefined;
     get heading(): string;
     get guidance(): string;
     get addHeading(): boolean;
     get repeatQuestion(): string | undefined;
     get hasRepeater(): boolean;
+    get section(): PageSectionInfo | undefined;
 }
 /**
  * @abstract
@@ -88,6 +95,12 @@ export class PreviewPageControllerBase implements PagePreviewPanelMacro {
      * @type {boolean}
      */
     protected _isRepeater: boolean;
+    /**
+     * Section info for the page
+     * @type {PageSectionInfo | undefined}
+     * @protected
+     */
+    protected _section: PageSectionInfo | undefined;
     /**
      * @returns {Markdown[]}
      * @protected
@@ -182,6 +195,7 @@ export class PreviewPageControllerBase implements PagePreviewPanelMacro {
     #private;
 }
 import type { PageOverviewElements } from '../../../../form/form-editor/preview/types.js';
+import type { PageSectionInfo } from '../../../../form/form-editor/preview/types.js';
 import type { Page } from '../../../../form/form-definition/types.js';
 import type { PagePreviewPanelMacro } from '../../../../form/form-editor/macros/types.js';
 import type { Question } from '../../../../form/form-editor/preview/question.js';

package/dist/types/form/form-editor/preview/controller/page-controller-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-controller-base.d.ts","sourceRoot":"","sources":["../../../../../../src/form/form-editor/preview/controller/page-controller-base.js"],"names":[],"mappings":"AA6BA;;GAEG;AACH;IASE;;OAEG;IACH,kBAFW,IAAI,GAAC,SAAS,EAMxB;IAfD;;;OAGG;IACH,cAEC;IAWD,sBAEC;IAED,uBAUC;IAED,0BAEC;IAED,yCAKC;IAED,2BAEC;CACF;AAED;;;GAGG;AACH;IACE,oBAAoC;IAmEpC;;OAEG;IACH,uBAFU,OAAO,cAAc,CAEO;IA4KtC;;;;OAIG;IACH,qDAFa,QAAQ,CAgBpB;IA5MD;;;OAGG;IACH,sBAHW,uBAAuB,YACvB,YAAY,EAMtB;IAhED;;;OAGG;IACH,yBAHU,MAAM,CAGsD;IACtE;;;OAGG;IACH,uBAFU,QAAQ,EAAE,CAEJ;IAChB;;;OAGG;IACH,sBAHU,OAAO,CAGA;IACjB;;;OAGG;IACH,kBAFU,MAAM,CAEL;IAMX;;;OAGG;IACH,wBAHW,SAAS,GAAG,cAAc,CAGb;IACxB;;;OAGG;IACH,yBAHU,MAAM,CAGE;IAClB;;;OAGG;IACH,yBAHW,MAAM,CAGC;IAClB;;;OAGG;IACH,0BAHU,QAAQ,CAGkD;IACpE;;;OAGG;IACH,8BAHU,QAAQ,CAGsD;IACxE;;;OAGG;IACH,uBAFU,OAAO,CAEE;IAiBnB;;;OAGG;IACH,oCAHa,QAAQ,EAAE,CAWtB;IAED;;;OAGG;IACH,qCAHa,QAAQ,EAAE,CAKtB;IAED;;OAEG;IACH,kBAFa,oBAAoB,EAAE,CAclC;IAED;;;OAGG;IACH,8BAHa,MAAM,CAKlB;IAED,uBAOa,MAAM,EAHlB;IAED;;OAEG;IACH,oBAFa,MAAM,CAIlB;IAED;;;MAKC;IAED;;OAEG;IACH,yBAFW,OAAO,EAKjB;IAED,iBAPW,OAAO,CASjB;IAED;;OAEG;IACH,iBAFa;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAO7C;IAED,oBAGC;IAED,sBAGC;IAED,0BAEC;IAED,eAEC;IAED;;;OAGG;IACH,uBAHa,MAAM,CAQlB;IASD;;OAEG;IACH,iBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,aAFa,MAAM,CAIlB;IAUD,uBAEC;IAED;;OAEG;IACH,oBAFa;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,GAAG,SAAS,CAUvD;IAED;;;OAGG;IACH,kCAHa,MAAM,GAAC,SAAS,CAK5B;IAED;;OAEG;IACH,0BAFW,MAAM,GAAG,SAAS,EAK5B;IAED,wBAPW,MAAM,GAAG,SAAS,CAS5B;IAuBD,0BAGC;IAED;;OAEG;IACH,iCAFW,cAAc,QAKxB;IAED,uBAKC;IAED;;;;OAIG;IACH,gCAJW,MAAM,GAEJ,MAAM,CAIlB;IAED;;OAEG;IACH,8BAFW,MAAM,QAWhB;;CACF;0CAGoH,yCAAyC;0BAErI,qCAAqC;2CACE,wCAAwC;8BAF3E,4CAA4C;;;;sBAvX/D,MAAM;;;;;;yBAlBS,4CAA4C;0CA2YL,wCAAwC;6CAHa,yCAAyC;kCAAzC,yCAAyC"}
+{"version":3,"file":"page-controller-base.d.ts","sourceRoot":"","sources":["../../../../../../src/form/form-editor/preview/controller/page-controller-base.js"],"names":[],"mappings":"AA6BA;;GAEG;AACH;IAeE;;;OAGG;IACH,kBAHW,IAAI,GAAC,SAAS,YACd,eAAe,EAOzB;IAvBD;;;OAGG;IACH,cAEC;IAED;;;OAGG;IACH,oBAHU,eAAe,GAAG,SAAS,CAGjB;IAapB,sBAEC;IAED,uBAUC;IAED,0BAEC;IAED,yCAKC;IAED,2BAEC;IAED,2CAEC;CACF;AAED;;;GAGG;AACH;IACE,oBAAoC;IA0EpC;;OAEG;IACH,uBAFU,OAAO,cAAc,CAEO;IA+KtC;;;;OAIG;IACH,qDAFa,QAAQ,CAgBpB;IA/MD;;;OAGG;IACH,sBAHW,uBAAuB,YACvB,YAAY,EAMtB;IAvED;;;OAGG;IACH,yBAHU,MAAM,CAGsD;IACtE;;;OAGG;IACH,uBAFU,QAAQ,EAAE,CAEJ;IAChB;;;OAGG;IACH,sBAHU,OAAO,CAGA;IACjB;;;OAGG;IACH,kBAFU,MAAM,CAEL;IAMX;;;OAGG;IACH,wBAHW,SAAS,GAAG,cAAc,CAGb;IACxB;;;OAGG;IACH,yBAHU,MAAM,CAGE;IAClB;;;OAGG;IACH,yBAHW,MAAM,CAGC;IAClB;;;OAGG;IACH,0BAHU,QAAQ,CAGkD;IACpE;;;OAGG;IACH,8BAHU,QAAQ,CAGsD;IACxE;;;OAGG;IACH,uBAFU,OAAO,CAEE;IAEnB;;;;OAIG;IACH,oBAHU,eAAe,GAAG,SAAS,CAGjB;IAiBpB;;;OAGG;IACH,oCAHa,QAAQ,EAAE,CAWtB;IAED;;;OAGG;IACH,qCAHa,QAAQ,EAAE,CAKtB;IAED;;OAEG;IACH,kBAFa,oBAAoB,EAAE,CAclC;IAED;;;OAGG;IACH,8BAHa,MAAM,CAKlB;IAED,uBAOa,MAAM,EAHlB;IAED;;OAEG;IACH,oBAFa,MAAM,CAIlB;IAED;;;MAKC;IAED;;OAEG;IACH,yBAFW,OAAO,EAKjB;IAED,iBAPW,OAAO,CASjB;IAED;;OAEG;IACH,iBAFa;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAO7C;IAED,oBAGC;IAED,sBAGC;IAED,0BAEC;IAED,eAEC;IAED;;;OAGG;IACH,uBAHa,MAAM,CAQlB;IASD;;OAEG;IACH,iBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,aAFa,MAAM,CAIlB;IAUD,uBAEC;IAED;;OAEG;IACH,oBAFa;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,GAAG,SAAS,CAUvD;IAED;;;OAGG;IACH,kCAHa,MAAM,GAAC,SAAS,CAQ5B;IAED;;OAEG;IACH,0BAFW,MAAM,GAAG,SAAS,EAK5B;IAED,wBAPW,MAAM,GAAG,SAAS,CAS5B;IAuBD,0BAGC;IAED;;OAEG;IACH,iCAFW,cAAc,QAKxB;IAED,uBAKC;IAED;;;;OAIG;IACH,gCAJW,MAAM,GAEJ,MAAM,CAIlB;IAED;;OAEG;IACH,8BAFW,MAAM,QAWhB;;CACF;0CAGqI,yCAAyC;qCAAzC,yCAAyC;0BAEtJ,qCAAqC;2CACE,wCAAwC;8BAF3E,4CAA4C;;;;sBA7Y/D,MAAM;;;;;;yBAlBS,4CAA4C;0CAiaL,wCAAwC;6CAH8B,yCAAyC;kCAAzC,yCAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"page-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/form/form-editor/preview/controller/page-controller.js"],"names":[],"mappings":"AAiBA;IA+KE;;;;;OAKG;IACH,4CAKC;IAlLD;;;;;OAKG;IACH,wBALW,YAAY,EAAE,YACd,oBAAoB,cACpB,cAAc,YACd,YAAY,EAkBtB;IAmCD;;OAEG;IACH,sBAFa,OAAO,CAgBnB;IAED;;;OAGG;IACH,qCAHW,gBAAgB,GACd,iBAAiB,CAgC7B;IAED;;OAEG;IACH,8BAFa,OAAO,CASnB;IAwBD,uCAQC;;CAyBF;0CA5MyC,mEAAmE;sCAiNxE,2CAA2C;uCAFY,yCAAyC;kCAIpG,2BAA2B;0CAJgC,yCAAyC;oCAGlG,qCAAqC;kCAHoB,yCAAyC"}
+{"version":3,"file":"page-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/form/form-editor/preview/controller/page-controller.js"],"names":[],"mappings":"AAiBA;IAgLE;;;;;OAKG;IACH,4CAKC;IAnLD;;;;;OAKG;IACH,wBALW,YAAY,EAAE,YACd,oBAAoB,cACpB,cAAc,YACd,YAAY,EAmBtB;IAmCD;;OAEG;IACH,sBAFa,OAAO,CAgBnB;IAED;;;OAGG;IACH,qCAHW,gBAAgB,GACd,iBAAiB,CAgC7B;IAED;;OAEG;IACH,8BAFa,OAAO,CASnB;IAwBD,uCAQC;;CAyBF;0CA7MyC,mEAAmE;sCAkNxE,2CAA2C;uCAFY,yCAAyC;kCAIpG,2BAA2B;0CAJgC,yCAAyC;oCAGlG,qCAAqC;kCAHoB,yCAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/helpers.js"],"names":[],"mappings":"AAqJA;;;;GAIG;AACH,gEAJW,gBAAgB,cAChB,cAAc,GACZ,CAAC,SAAS,EAAE,YAAY,KAAK,QAAQ,CAoCjD;sCAGsD,yCAAyC;oCAG7D,qCAAqC;kCACgO,2BAA2B;8BAHtS,4CAA4C"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/helpers.js"],"names":[],"mappings":"AA8JA;;;;GAIG;AACH,gEAJW,gBAAgB,cAChB,cAAc,GACZ,CAAC,SAAS,EAAE,YAAY,KAAK,QAAQ,CAoCjD;sCAGsD,yCAAyC;oCAG7D,qCAAqC;kCAC6P,2BAA2B;8BAHnU,4CAA4C"}

package/dist/types/form/form-editor/preview/long-answer.d.ts

@@ -1,4 +1,141 @@
+/**
+ * @constant
+ * @type {number}
+ * The default number of rows for a multiline text field.
+ */
+export const MULTILINE_TEXT_QUESTION_DEFAULT_ROWS: number;
+/**
+ * @implements {QuestionElements}
+ */
+export class MultilineTextFieldComponentPreviewElements extends QuestionComponentElements implements QuestionElements {
+    /**
+     * @param {MultilineTextFieldComponent} component
+     */
+    constructor(component: MultilineTextFieldComponent);
+    _maxLength: number | undefined;
+    _rows: number | undefined;
+    /**
+     * @protected
+     * @returns {MultilineTextFieldSettings}
+     */
+    protected _getValues(): MultilineTextFieldSettings;
+}
 export class LongAnswerQuestion extends Question {
+    /**
+     * @param {MultilineTextFieldElements} htmlElements
+     * @param {QuestionRenderer} questionRenderer
+     */
+    constructor(htmlElements: MultilineTextFieldElements, questionRenderer: QuestionRenderer);
+    _maxLength: number;
+    _rows: number;
+    /**
+     * @param {number} val
+     */
+    set maxLength(val: number);
+    get maxLength(): number;
+    /**
+     * @param {number} val
+     */
+    set rows(val: number);
+    get rows(): number;
+    /**
+     * @protected
+     */
+    protected _renderInput(): {
+        rows: number;
+        maxlength: number;
+        id?: string;
+        name?: string;
+        content?: string;
+        attributes?: Record<string, string>;
+        label?: import("../../../form/form-editor/preview/types.js").DefaultComponent;
+        hint?: import("../../../form/form-editor/preview/types.js").DefaultComponent;
+        fieldset?: import("../../../form/form-editor/preview/types.js").GovukFieldset;
+        items?: import("../types.js").ListItemReadonly[] | import("../types.js").DateItem[];
+        text?: string;
+        formGroup?: import("../macros/types.js").FormGroupAfterInput;
+        type?: "text" | "number" | "boolean";
+        classes?: string;
+        previewClasses?: string;
+        prefix?: {
+            text: string;
+        };
+        suffix?: {
+            text: string;
+        };
+    } | {
+        rows?: undefined;
+        maxlength: number;
+        id?: string;
+        name?: string;
+        content?: string;
+        attributes?: Record<string, string>;
+        label?: import("../../../form/form-editor/preview/types.js").DefaultComponent;
+        hint?: import("../../../form/form-editor/preview/types.js").DefaultComponent;
+        fieldset?: import("../../../form/form-editor/preview/types.js").GovukFieldset;
+        items?: import("../types.js").ListItemReadonly[] | import("../types.js").DateItem[];
+        text?: string;
+        formGroup?: import("../macros/types.js").FormGroupAfterInput;
+        type?: "text" | "number" | "boolean";
+        classes?: string;
+        previewClasses?: string;
+        prefix?: {
+            text: string;
+        };
+        suffix?: {
+            text: string;
+        };
+    } | {
+        rows: number;
+        maxlength?: undefined;
+        id?: string;
+        name?: string;
+        content?: string;
+        attributes?: Record<string, string>;
+        label?: import("../../../form/form-editor/preview/types.js").DefaultComponent;
+        hint?: import("../../../form/form-editor/preview/types.js").DefaultComponent;
+        fieldset?: import("../../../form/form-editor/preview/types.js").GovukFieldset;
+        items?: import("../types.js").ListItemReadonly[] | import("../types.js").DateItem[];
+        text?: string;
+        formGroup?: import("../macros/types.js").FormGroupAfterInput;
+        type?: "text" | "number" | "boolean";
+        classes?: string;
+        previewClasses?: string;
+        prefix?: {
+            text: string;
+        };
+        suffix?: {
+            text: string;
+        };
+    } | {
+        rows?: undefined;
+        maxlength?: undefined;
+        id?: string;
+        name?: string;
+        content?: string;
+        attributes?: Record<string, string>;
+        label?: import("../../../form/form-editor/preview/types.js").DefaultComponent;
+        hint?: import("../../../form/form-editor/preview/types.js").DefaultComponent;
+        fieldset?: import("../../../form/form-editor/preview/types.js").GovukFieldset;
+        items?: import("../types.js").ListItemReadonly[] | import("../types.js").DateItem[];
+        text?: string;
+        formGroup?: import("../macros/types.js").FormGroupAfterInput;
+        type?: "text" | "number" | "boolean";
+        classes?: string;
+        previewClasses?: string;
+        prefix?: {
+            text: string;
+        };
+        suffix?: {
+            text: string;
+        };
+    };
 }
+import type { QuestionElements } from '../../../form/form-editor/preview/types.js';
+import { QuestionComponentElements } from '../../../form/form-editor/preview/question.js';
+import type { MultilineTextFieldSettings } from '../../../form/form-editor/preview/types.js';
+import type { MultilineTextFieldComponent } from '../../../components/types.js';
 import { Question } from '../../../form/form-editor/preview/question.js';
+import type { MultilineTextFieldElements } from '../../../form/form-editor/preview/types.js';
+import type { QuestionRenderer } from '../../../form/form-editor/preview/types.js';
 //# sourceMappingURL=long-answer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"long-answer.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/long-answer.js"],"names":[],"mappings":"AAIA;CAeC;yBAjBwB,4CAA4C"}
+{"version":3,"file":"long-answer.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/long-answer.js"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,mDAHU,MAAM,CAGqC;AAErD;;GAEG;AACH;IACE;;OAEG;IACH,uBAFW,2BAA2B,EAMrC;IAFC,+BAAsC;IACtC,0BAAmC;IAGrC;;;OAGG;IACH,wBAFa,0BAA0B,CAQtC;CACF;AAED;IAgBE;;;OAGG;IACH,0BAHW,0BAA0B,oBAC1B,gBAAgB,EAM1B;IAFC,mBAA+C;IAC/C,cAAqC;IAOvC;;OAEG;IACH,mBAFW,MAAM,EAKhB;IAVD,iBAKW,MAAM,CAHhB;IAcD;;OAEG;IACH,cAFW,MAAM,EAKhB;IAVD,YAKW,MAAM,CAHhB;IAUD;;OAEG;IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MASC;CACF;sCAG8G,yCAAyC;0CArGjJ,4CAA4C;gDAqG4D,yCAAyC;iDACxG,2BAA2B;yBAtGpE,4CAA4C;gDAqG4D,yCAAyC;sCAAzC,yCAAyC"}

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

@@ -67,6 +67,13 @@ export interface UkAddressElements extends DomElementsBase {
 export interface NumberElements extends DomElementsBase {
     readonly values: NumberSettings;
 }
+export interface MultilineTextFieldSettings extends BaseSettings {
+    maxLength: number;
+    rows: number;
+}
+export interface MultilineTextFieldElements extends DomElementsBase {
+    readonly values: MultilineTextFieldSettings;
+}
 export interface LocationSettings extends BaseSettings {
     instructionText: string;
 }
@@ -113,10 +120,15 @@ export interface PagePreviewBaseElements {
     heading: string;
     guidance: string;
 }
+export interface PageSectionInfo {
+    title: string;
+    hideTitle: boolean;
+}
 export interface PageOverviewElements extends PagePreviewBaseElements {
     addHeading: boolean;
     repeatQuestion: string | undefined;
     hasRepeater: boolean;
+    section?: PageSectionInfo;
 }
 export interface SectionForPreview {
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defra/forms-model",
-  "version": "3.0.594",
+  "version": "3.0.596",
   "description": "A hapi plugin providing the model for Defra forms",
   "homepage": "https://github.com/DEFRA/forms-designer/tree/main/model#readme",
   "types": "dist/types/index.d.ts",

package/src/form/form-editor/preview/controller/guidance-page-controller.js

@@ -17,7 +17,7 @@ export class GuidancePageController extends PreviewPageControllerBase {
   _guidanceComponent = PreviewPageControllerBase.createGuidanceComponent(false)
 
   /**
-   * @param {PagePreviewBaseElements} elements
+   * @param {PageOverviewElements} elements
    * @param {PageRenderer} renderer
    */
   constructor(elements, renderer) {
@@ -25,6 +25,7 @@ export class GuidancePageController extends PreviewPageControllerBase {
     if (elements.guidance.length) {
       this._guidanceComponent.content = elements.guidance
     }
+    this._section = elements.section
   }
 
   /**
@@ -60,5 +61,5 @@ export class GuidancePageController extends PreviewPageControllerBase {
 
 /**
  * @import { Markdown } from '~/src/form/form-editor/preview/markdown.js'
- * @import { PageRenderer, PagePreviewBaseElements } from '~/src/form/form-editor/preview/types.js'
+ * @import { PageRenderer, PageOverviewElements } from '~/src/form/form-editor/preview/types.js'
  */

package/src/form/form-editor/preview/controller/page-controller-base.js

@@ -39,13 +39,21 @@ export class PagePreviewElements {
     title: ''
   }
 
+  /**
+   * @type {PageSectionInfo | undefined}
+   * @protected
+   */
+  _section = undefined
+
   /**
    * @param {Page|undefined} page
+   * @param {PageSectionInfo} [section]
    */
-  constructor(page) {
+  constructor(page, section) {
     if (page !== undefined) {
       this._page = page
     }
+    this._section = section
   }
 
   get heading() {
@@ -78,6 +86,10 @@ export class PagePreviewElements {
   get hasRepeater() {
     return hasRepeater(this._page)
   }
+
+  get section() {
+    return this._section
+  }
 }
 
 /**
@@ -142,6 +154,13 @@ export class PreviewPageControllerBase {
    */
   _isRepeater = false
 
+  /**
+   * Section info for the page
+   * @type {PageSectionInfo | undefined}
+   * @protected
+   */
+  _section = undefined
+
   /**
    * @param {PagePreviewBaseElements} elements
    * @param {PageRenderer} renderer
@@ -312,7 +331,10 @@ export class PreviewPageControllerBase {
    * @protected
    */
   _getSectionTitleText() {
-    return this._sectionTitle
+    if (this._section && !this._section.hideTitle) {
+      return this._section.title
+    }
+    return undefined
   }
 
   /**
@@ -393,7 +415,7 @@ export class PreviewPageControllerBase {
 }
 
 /**
- * @import { PageRenderer, PageOverviewElements, PagePreviewBaseElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'
+ * @import { PageRenderer, PageOverviewElements, PagePreviewBaseElements, PageSectionInfo, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'
  * @import { Question } from '~/src/form/form-editor/preview/question.js'
  * @import { Page } from '~/src/form/form-definition/types.js'
  * @import { PagePreviewComponent, PagePreviewPanelMacro } from '~/src/form/form-editor/macros/types.js'

package/src/form/form-editor/preview/controller/page-controller.js

@@ -45,6 +45,7 @@ export class PreviewPageController extends PreviewPageControllerBase {
     this._showTitle = elements.addHeading
     this._sectionTitle = elements.repeatQuestion ?? ''
     this._isRepeater = elements.hasRepeater
+    this._section = elements.section
   }
 
   /**
@@ -187,7 +188,7 @@ export class PreviewPageController extends PreviewPageControllerBase {
     if (this._isRepeater) {
       return this.repeaterText
     }
-    return undefined
+    return super._getSectionTitleText()
   }
 
   /**

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

@@ -29,7 +29,10 @@ import {
   ListQuestion,
   SelectComponentElements
 } from '~/src/form/form-editor/preview/list.js'
-import { LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'
+import {
+  LongAnswerQuestion,
+  MultilineTextFieldComponentPreviewElements
+} from '~/src/form/form-editor/preview/long-answer.js'
 import { Markdown } from '~/src/form/form-editor/preview/markdown.js'
 import { MonthYearQuestion } from '~/src/form/form-editor/preview/month-year.js'
 import {
@@ -108,6 +111,12 @@ const ComponentToPreviewQuestion = {
     const list = findDefinitionListFromComponent(componentCoerced, definition)
     return new SelectComponentElements(componentCoerced, list)
   },
+  [ComponentType.MultilineTextField]: (component, _definition) => {
+    const componentCoerced = /** @type {MultilineTextFieldComponent} */ (
+      component
+    )
+    return new MultilineTextFieldComponentPreviewElements(componentCoerced)
+  },
   [ComponentType.UkAddressField]: (component, _definition) => {
     const componentCoerced = /** @type {UkAddressFieldComponent} */ (component)
     return new UkAddressComponentPreviewElements(componentCoerced)
@@ -193,5 +202,5 @@ export function mapComponentToPreviewQuestion(questionRenderer, definition) {
  * @import { Question } from '~/src/form/form-editor/preview/question.js'
  * @import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'
  * @import { FormDefinition } from '~/src/form/form-definition/types.js'
- * @import { AutocompleteFieldComponent, ComponentDef, DeclarationFieldComponent, EastingNorthingFieldComponent, LatLongFieldComponent, NationalGridFieldNumberFieldComponent, NumberFieldComponent, OsGridRefFieldComponent, SelectFieldComponent, UkAddressFieldComponent, YesNoFieldComponent } from '~/src/components/types.js'
+ * @import { AutocompleteFieldComponent, ComponentDef, DeclarationFieldComponent, EastingNorthingFieldComponent, LatLongFieldComponent, MultilineTextFieldComponent, NationalGridFieldNumberFieldComponent, NumberFieldComponent, OsGridRefFieldComponent, SelectFieldComponent, UkAddressFieldComponent, YesNoFieldComponent } from '~/src/components/types.js'
  */

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

@@ -1,6 +1,42 @@
 import { ComponentType } from '~/src/components/enums.js'
 import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'
-import { Question } from '~/src/form/form-editor/preview/question.js'
+import {
+  Question,
+  QuestionComponentElements
+} from '~/src/form/form-editor/preview/question.js'
+
+/**
+ * @constant
+ * @type {number}
+ * The default number of rows for a multiline text field.
+ */
+export const MULTILINE_TEXT_QUESTION_DEFAULT_ROWS = 5
+
+/**
+ * @implements {QuestionElements}
+ */
+export class MultilineTextFieldComponentPreviewElements extends QuestionComponentElements {
+  /**
+   * @param {MultilineTextFieldComponent} component
+   */
+  constructor(component) {
+    super(component)
+    this._maxLength = component.schema.max
+    this._rows = component.options.rows
+  }
+
+  /**
+   * @protected
+   * @returns {MultilineTextFieldSettings}
+   */
+  _getValues() {
+    return {
+      ...super._getValues(),
+      maxLength: this._maxLength ?? 0,
+      rows: this._rows ?? MULTILINE_TEXT_QUESTION_DEFAULT_ROWS
+    }
+  }
+}
 
 export class LongAnswerQuestion extends Question {
   /**
@@ -17,4 +53,57 @@ export class LongAnswerQuestion extends Question {
    * @protected
    */
   _fieldName = 'longAnswerField'
+
+  /**
+   * @param {MultilineTextFieldElements} htmlElements
+   * @param {QuestionRenderer} questionRenderer
+   */
+  constructor(htmlElements, questionRenderer) {
+    super(htmlElements, questionRenderer)
+    this._maxLength = htmlElements.values.maxLength
+    this._rows = htmlElements.values.rows
+  }
+
+  get maxLength() {
+    return this._maxLength
+  }
+
+  /**
+   * @param {number} val
+   */
+  set maxLength(val) {
+    this._maxLength = val
+    this.render()
+  }
+
+  get rows() {
+    return this._rows
+  }
+
+  /**
+   * @param {number} val
+   */
+  set rows(val) {
+    this._rows = val
+    this.render()
+  }
+
+  /**
+   * @protected
+   */
+  _renderInput() {
+    const maxLengthObj =
+      this.maxLength && this.maxLength > 0 ? { maxlength: this.maxLength } : {}
+    const rowsObj = this.rows ? { rows: this.rows } : {}
+    return {
+      ...super._renderInput(),
+      ...maxLengthObj,
+      ...rowsObj
+    }
+  }
 }
+
+/**
+ * @import { MultilineTextFieldSettings, MultilineTextFieldElements, QuestionElements, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'
+ * @import { MultilineTextFieldComponent } from '~/src/components/types.js'
+ */

package/src/form/form-editor/preview/types.ts

@@ -83,6 +83,15 @@ export interface NumberElements extends DomElementsBase {
   readonly values: NumberSettings
 }
 
+export interface MultilineTextFieldSettings extends BaseSettings {
+  maxLength: number
+  rows: number
+}
+
+export interface MultilineTextFieldElements extends DomElementsBase {
+  readonly values: MultilineTextFieldSettings
+}
+
 export interface LocationSettings extends BaseSettings {
   instructionText: string
 }
@@ -142,10 +151,16 @@ export interface PagePreviewBaseElements {
   guidance: string
 }
 
+export interface PageSectionInfo {
+  title: string
+  hideTitle: boolean
+}
+
 export interface PageOverviewElements extends PagePreviewBaseElements {
   addHeading: boolean
   repeatQuestion: string | undefined
   hasRepeater: boolean
+  section?: PageSectionInfo
 }
 
 export interface SectionForPreview {