@defra/forms-model 3.0.485 → 3.0.487

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

@@ -1 +1 @@
-{"version":3,"file":"page-controller.js","names":["ComponentType","HIGHLIGHT_CLASS","ContentElements","mapComponentToPreviewQuestion","Markdown","hasComponents","questionRenderer","render","_questionTemplate","_questionBaseModel","PagePreviewElements","_page","constructor","page","heading","title","guidance","components","length","possibleGuidanceComponent","type","content","PreviewPageController","PATH","_pageTemplate","_components","pageRenderer","_highlighted","undefined","_guidanceText","_emptyGuidance","createGuidanceComponent","_guidanceComponent","_showGuidance","elements","definition","renderer","questions","map","firstQuestion","shift","getOrCreateGuidanceComponent","constructComponents","#constructComponents","_guidanceComponents","componentsWithGuidance","component","model","renderInput","questionType","componentType","guidanceText","text","classes","_fallBackTitle","question","pageTitle","value","highlightTitle","setHighLighted","guidanceElement","name","options","guidanceComponent","highlightContent","highlightGuidance","highlightSection","clearHighlight","unHighlightContent"],"sources":["../../../../../../src/form/form-editor/preview/controller/page-controller.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 { mapComponentToPreviewQuestion } from '~/src/form/form-editor/preview/helpers.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { hasComponents } from '~/src/pages/helpers.js'\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/**\n * @implements {PageOverviewElements}\n */\nexport class PagePreviewElements {\n  /**\n   * @type {Page}\n   * @private\n   */\n  _page\n  /**\n   * @param {Page} page\n   */\n  constructor(page) {\n    this._page = page\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\n/**\n * @implements {PagePreviewPanelMacro}\n */\nexport class PreviewPageController {\n  static PATH = 'preview-controllers/'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _pageTemplate = PreviewPageController.PATH + 'page-controller.njk'\n  /**\n   * @protected\n   * @type {Question[]}\n   */\n  _components = []\n  /**\n   * @type {string}\n   */\n  #title = ''\n  /**\n   *\n   * @type {PageRenderer}\n   */\n  #pageRenderer\n  /**\n   * @type { undefined | 'title' | 'guidance'}\n   * @protected\n   */\n  _highlighted = undefined\n  /**\n   * @type {string}\n   * @private\n   */\n  _guidanceText = ''\n  /**\n   * @type {Markdown}\n   * @private\n   */\n  _emptyGuidance = PreviewPageController.createGuidanceComponent()\n  /**\n   *\n   * @type {Markdown}\n   * @protected\n   */\n  _guidanceComponent\n\n  /**\n   * @type {boolean}\n   * @private\n   */\n  _showGuidance = false\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    const questions = components.map(\n      mapComponentToPreviewQuestion(questionRenderer, definition)\n    )\n    const firstQuestion = /** @type { Markdown | undefined | Question }  */ (\n      questions.shift()\n    )\n\n    this._guidanceComponent =\n      PreviewPageController.getOrCreateGuidanceComponent(firstQuestion)\n    this._guidanceText = elements.guidance\n    this._components = this.#constructComponents(firstQuestion, questions)\n    this.#title = elements.heading\n    this.#pageRenderer = renderer\n  }\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 {Markdown[]}\n   * @private\n   */\n  get _guidanceComponents() {\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 {PagePreviewComponent[]}\n   */\n  get components() {\n    const componentsWithGuidance = /** @type {Question[]} */ ([\n      ...this._guidanceComponents,\n      ...this._components\n    ])\n\n    return componentsWithGuidance.map((component) => ({\n      model: component.renderInput,\n      questionType: component.componentType\n    }))\n  }\n\n  set guidanceText(text) {\n    this._guidanceText = text\n    this._guidanceComponent.content = text\n    this.render()\n  }\n\n  get guidanceText() {\n    return this._guidanceText\n  }\n\n  get guidance() {\n    return {\n      text: this.guidanceText,\n      classes: this._highlighted === 'guidance' ? 'highlight' : ''\n    }\n  }\n\n  /**\n   * @private\n   * @returns {string}\n   */\n  _fallBackTitle() {\n    return this._components[0]?.question ?? ''\n  }\n\n  /**\n   * @returns {{ text: string, classes: string }}\n   */\n  get pageTitle() {\n    return {\n      text: this.title,\n      classes: this._highlighted === 'title' ? HIGHLIGHT_CLASS : ''\n    }\n  }\n\n  render() {\n    this.#pageRenderer.render(this._pageTemplate, this)\n  }\n\n  /**\n   * @returns {string}\n   */\n  get title() {\n    return this.#title.length ? this.#title : this._fallBackTitle()\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('title')\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() {\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    // the dummy component should always be highlighted\n    guidanceComponent.highlightContent()\n    return guidanceComponent\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 PreviewPageController.createGuidanceComponent()\n  }\n\n  highlightGuidance() {\n    this._guidanceComponent.highlightContent()\n    this.setHighLighted('guidance')\n  }\n\n  /**\n   * @param {'title'|'guidance'} 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/**\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 { FormDefinition, Page } from '~/src/form/form-definition/types.js'\n * @import { ComponentDef, MarkdownComponent } from '~/src/components/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.js","names":["ComponentType","HIGHLIGHT_CLASS","ContentElements","mapComponentToPreviewQuestion","Markdown","hasComponents","questionRenderer","render","_questionTemplate","_questionBaseModel","PagePreviewElements","_page","constructor","page","heading","title","guidance","components","length","possibleGuidanceComponent","type","content","PreviewPageController","PATH","_pageTemplate","_components","pageRenderer","_highlighted","undefined","_guidanceText","_emptyGuidance","createGuidanceComponent","_guidanceComponent","elements","definition","renderer","questions","map","firstQuestion","shift","getOrCreateGuidanceComponent","constructComponents","#constructComponents","_guidanceComponents","componentsWithGuidance","component","model","renderInput","questionType","componentType","guidanceText","text","classes","pageTitle","value","highlightTitle","setHighLighted","guidanceElement","name","options","guidanceComponent","highlightContent","highlightGuidance","highlightSection","clearHighlight","unHighlightContent"],"sources":["../../../../../../src/form/form-editor/preview/controller/page-controller.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 { mapComponentToPreviewQuestion } from '~/src/form/form-editor/preview/helpers.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { hasComponents } from '~/src/pages/helpers.js'\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/**\n * @implements {PageOverviewElements}\n */\nexport class PagePreviewElements {\n  /**\n   * @type {Page}\n   * @private\n   */\n  _page\n  /**\n   * @param {Page} page\n   */\n  constructor(page) {\n    this._page = page\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\n/**\n * @implements {PagePreviewPanelMacro}\n */\nexport class PreviewPageController {\n  static PATH = 'preview-controllers/'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _pageTemplate = PreviewPageController.PATH + 'page-controller.njk'\n  /**\n   * @protected\n   * @type {Question[]}\n   */\n  _components = []\n  /**\n   * @type {string}\n   */\n  #title = ''\n  /**\n   *\n   * @type {PageRenderer}\n   */\n  #pageRenderer\n  /**\n   * @type { undefined | 'title' | 'guidance'}\n   * @protected\n   */\n  _highlighted = undefined\n  /**\n   * @type {string}\n   * @private\n   */\n  _guidanceText = ''\n  /**\n   * @type {Markdown}\n   * @private\n   */\n  _emptyGuidance = PreviewPageController.createGuidanceComponent()\n  /**\n   *\n   * @type {Markdown}\n   * @protected\n   */\n  _guidanceComponent\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    const questions = components.map(\n      mapComponentToPreviewQuestion(\n        questionRenderer,\n        definition,\n        elements.heading.length > 0\n      )\n    )\n    const firstQuestion = /** @type { Markdown | undefined | Question }  */ (\n      questions.shift()\n    )\n\n    this._guidanceComponent =\n      PreviewPageController.getOrCreateGuidanceComponent(firstQuestion)\n    this._guidanceText = elements.guidance\n    this._components = this.#constructComponents(firstQuestion, questions)\n\n    this.#pageRenderer = renderer\n    this.#title = elements.heading\n  }\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 {Markdown[]}\n   * @private\n   */\n  get _guidanceComponents() {\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 {PagePreviewComponent[]}\n   */\n  get components() {\n    const componentsWithGuidance = /** @type {Question[]} */ ([\n      ...this._guidanceComponents,\n      ...this._components\n    ])\n\n    return componentsWithGuidance.map((component) => ({\n      model: component.renderInput,\n      questionType: component.componentType\n    }))\n  }\n\n  set guidanceText(text) {\n    this._guidanceText = text\n    this._guidanceComponent.content = text\n    this.render()\n  }\n\n  get guidanceText() {\n    return this._guidanceText\n  }\n\n  get guidance() {\n    return {\n      text: this.guidanceText,\n      classes: this._highlighted === 'guidance' ? 'highlight' : ''\n    }\n  }\n\n  /**\n   * @returns {{ text: string, classes: string }}\n   */\n  get pageTitle() {\n    return {\n      text: this.title,\n      classes: this._highlighted === 'title' ? HIGHLIGHT_CLASS : ''\n    }\n  }\n\n  render() {\n    this.#pageRenderer.render(this._pageTemplate, this)\n  }\n\n  /**\n   * @returns {string}\n   */\n  get title() {\n    return this.#title\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('title')\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() {\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    // the dummy component should always be highlighted\n    guidanceComponent.highlightContent()\n    return guidanceComponent\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 PreviewPageController.createGuidanceComponent()\n  }\n\n  highlightGuidance() {\n    this._guidanceComponent.highlightContent()\n    this.setHighLighted('guidance')\n  }\n\n  /**\n   * @param {'title'|'guidance'} 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/**\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 { FormDefinition, Page } from '~/src/form/form-definition/types.js'\n * @import { ComponentDef, MarkdownComponent } from '~/src/components/types.js'\n * @import { PagePreviewComponent, PagePreviewPanelMacro } 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

@@ -48,9 +48,10 @@ const InputFieldComponentDictionary = {
 /**
  * @param {QuestionRenderer} questionRenderer
  * @param {FormDefinition} definition
+ * @param {boolean} hasTitle
  * @returns {(component: ComponentDef) => Question}
  */
-export function mapComponentToPreviewQuestion(questionRenderer, definition) {
+export function mapComponentToPreviewQuestion(questionRenderer, definition, hasTitle) {
   return /** @type {(component: ComponentDef) => Question} */component => {
     /**
      * @type {QuestionElements}
@@ -58,13 +59,13 @@ export function mapComponentToPreviewQuestion(questionRenderer, definition) {
     let questionElements;
     if (hasSelectionFields(component) && hasListField(component)) {
       const list = findDefinitionListFromComponent(component, definition);
-      questionElements = new ListComponentElements(component, list);
+      questionElements = new ListComponentElements(component, list, !hasTitle);
     } else if (hasInputField(component) || component.type === ComponentType.YesNoField) {
-      questionElements = new QuestionComponentElements(component);
+      questionElements = new QuestionComponentElements(component, !hasTitle);
     } else if (hasContentField(component)) {
-      questionElements = new ContentElements(component);
+      questionElements = new ContentElements(component, !hasTitle);
     } else {
-      questionElements = new ComponentElements(component);
+      questionElements = new ComponentElements(component, !hasTitle);
     }
     const QuestionConstructor = InputFieldComponentDictionary[component.type];
     return new QuestionConstructor(questionElements, questionRenderer);

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["ComponentType","AutocompleteListQuestion","CheckboxQuestion","ComponentElements","ContentElements","DateInputQuestion","EmailAddressQuestion","ListQuestion","LongAnswerQuestion","Markdown","MonthYearQuestion","NumberOnlyQuestion","PhoneNumberQuestion","RadioQuestion","SelectQuestion","ShortAnswerQuestion","SupportingEvidenceQuestion","UkAddressQuestion","YesNoQuestion","findDefinitionListFromComponent","ListComponentElements","QuestionComponentElements","hasContentField","hasInputField","hasListField","hasSelectionFields","InputFieldComponentDictionary","TextField","Details","InsetText","Html","List","EmailAddressField","NumberField","MultilineTextField","TelephoneNumberField","MonthYearField","DatePartsField","UkAddressField","AutocompleteField","RadiosField","CheckboxesField","SelectField","YesNoField","FileUploadField","mapComponentToPreviewQuestion","questionRenderer","definition","component","questionElements","list","type","QuestionConstructor"],"sources":["../../../../../src/form/form-editor/preview/helpers.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.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 { EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { ListQuestion } 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 { NumberOnlyQuestion } from '~/src/form/form-editor/preview/number-only.js'\nimport { PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.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 { UkAddressQuestion } 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'\nimport {\n  ListComponentElements,\n  QuestionComponentElements,\n  hasContentField,\n  hasInputField,\n  hasListField,\n  hasSelectionFields\n} from '~/src/index.js'\n\n/**\n * @type {Record<ComponentType, typeof PreviewComponent>}\n */\nconst InputFieldComponentDictionary = {\n  [ComponentType.TextField]: ShortAnswerQuestion,\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.FileUploadField]: SupportingEvidenceQuestion\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      if (hasSelectionFields(component) && hasListField(component)) {\n        const list = findDefinitionListFromComponent(component, definition)\n        questionElements = new ListComponentElements(component, list)\n      } else if (\n        hasInputField(component) ||\n        component.type === ComponentType.YesNoField\n      ) {\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 = InputFieldComponentDictionary[component.type]\n\n      return new QuestionConstructor(questionElements, questionRenderer)\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 { Item, FormDefinition } from '~/src/form/form-definition/types.js'\n * @import { FormComponentsDef, ComponentDef } from '~/src/components/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"helpers.js","names":["ComponentType","AutocompleteListQuestion","CheckboxQuestion","ComponentElements","ContentElements","DateInputQuestion","EmailAddressQuestion","ListQuestion","LongAnswerQuestion","Markdown","MonthYearQuestion","NumberOnlyQuestion","PhoneNumberQuestion","RadioQuestion","SelectQuestion","ShortAnswerQuestion","SupportingEvidenceQuestion","UkAddressQuestion","YesNoQuestion","findDefinitionListFromComponent","ListComponentElements","QuestionComponentElements","hasContentField","hasInputField","hasListField","hasSelectionFields","InputFieldComponentDictionary","TextField","Details","InsetText","Html","List","EmailAddressField","NumberField","MultilineTextField","TelephoneNumberField","MonthYearField","DatePartsField","UkAddressField","AutocompleteField","RadiosField","CheckboxesField","SelectField","YesNoField","FileUploadField","mapComponentToPreviewQuestion","questionRenderer","definition","hasTitle","component","questionElements","list","type","QuestionConstructor"],"sources":["../../../../../src/form/form-editor/preview/helpers.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.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 { EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { ListQuestion } 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 { NumberOnlyQuestion } from '~/src/form/form-editor/preview/number-only.js'\nimport { PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.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 { UkAddressQuestion } 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'\nimport {\n  ListComponentElements,\n  QuestionComponentElements,\n  hasContentField,\n  hasInputField,\n  hasListField,\n  hasSelectionFields\n} from '~/src/index.js'\n\n/**\n * @type {Record<ComponentType, typeof PreviewComponent>}\n */\nconst InputFieldComponentDictionary = {\n  [ComponentType.TextField]: ShortAnswerQuestion,\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.FileUploadField]: SupportingEvidenceQuestion\n}\n\n/**\n * @param {QuestionRenderer} questionRenderer\n * @param {FormDefinition} definition\n * @param {boolean} hasTitle\n * @returns {(component: ComponentDef) => Question}\n */\nexport function mapComponentToPreviewQuestion(\n  questionRenderer,\n  definition,\n  hasTitle\n) {\n  return /** @type {(component: ComponentDef) => Question} */ (\n    (component) => {\n      /**\n       * @type {QuestionElements}\n       */\n      let questionElements\n\n      if (hasSelectionFields(component) && hasListField(component)) {\n        const list = findDefinitionListFromComponent(component, definition)\n        questionElements = new ListComponentElements(component, list, !hasTitle)\n      } else if (\n        hasInputField(component) ||\n        component.type === ComponentType.YesNoField\n      ) {\n        questionElements = new QuestionComponentElements(component, !hasTitle)\n      } else if (hasContentField(component)) {\n        questionElements = new ContentElements(component, !hasTitle)\n      } else {\n        questionElements = new ComponentElements(component, !hasTitle)\n      }\n\n      const QuestionConstructor = InputFieldComponentDictionary[component.type]\n\n      return new QuestionConstructor(questionElements, questionRenderer)\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 { Item, FormDefinition } from '~/src/form/form-definition/types.js'\n * @import { FormComponentsDef, ComponentDef } from '~/src/components/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,wBAAwB;AACjC,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAC1B,SAASC,oBAAoB;AAC7B,SAASC,YAAY;AACrB,SAASC,kBAAkB;AAC3B,SAASC,QAAQ;AACjB,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAC3B,SAASC,mBAAmB;AAC5B,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AACnC,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AACtB,SAASC,+BAA+B;AACxC,SACEC,qBAAqB,EACrBC,yBAAyB,EACzBC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,kBAAkB;;AAGpB;AACA;AACA;AACA,MAAMC,6BAA6B,GAAG;EACpC,CAAC1B,aAAa,CAAC2B,SAAS,GAAGZ,mBAAmB;EAC9C,CAACf,aAAa,CAAC4B,OAAO,GAAGb,mBAAmB;EAC5C,CAACf,aAAa,CAAC6B,SAAS,GAAGd,mBAAmB;EAC9C,CAACf,aAAa,CAAC8B,IAAI,GAAGf,mBAAmB;EACzC,CAACf,aAAa,CAACS,QAAQ,GAAGA,QAAQ;EAClC,CAACT,aAAa,CAAC+B,IAAI,GAAGxB,YAAY;EAClC,CAACP,aAAa,CAACgC,iBAAiB,GAAG1B,oBAAoB;EACvD,CAACN,aAAa,CAACiC,WAAW,GAAGtB,kBAAkB;EAC/C,CAACX,aAAa,CAACkC,kBAAkB,GAAG1B,kBAAkB;EACtD,CAACR,aAAa,CAACmC,oBAAoB,GAAGvB,mBAAmB;EACzD,CAACZ,aAAa,CAACoC,cAAc,GAAG1B,iBAAiB;EACjD,CAACV,aAAa,CAACqC,cAAc,GAAGhC,iBAAiB;EACjD,CAACL,aAAa,CAACsC,cAAc,GAAGrB,iBAAiB;EACjD,CAACjB,aAAa,CAACuC,iBAAiB,GAAGtC,wBAAwB;EAC3D,CAACD,aAAa,CAACwC,WAAW,GAAG3B,aAAa;EAC1C,CAACb,aAAa,CAACyC,eAAe,GAAGvC,gBAAgB;EACjD,CAACF,aAAa,CAAC0C,WAAW,GAAG5B,cAAc;EAC3C,CAACd,aAAa,CAAC2C,UAAU,GAAGzB,aAAa;EACzC,CAAClB,aAAa,CAAC4C,eAAe,GAAG5B;AACnC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS6B,6BAA6BA,CAC3CC,gBAAgB,EAChBC,UAAU,EACVC,QAAQ,EACR;EACA,OAAO,oDACJC,SAAS,IAAK;IACb;AACN;AACA;IACM,IAAIC,gBAAgB;IAEpB,IAAIzB,kBAAkB,CAACwB,SAAS,CAAC,IAAIzB,YAAY,CAACyB,SAAS,CAAC,EAAE;MAC5D,MAAME,IAAI,GAAGhC,+BAA+B,CAAC8B,SAAS,EAAEF,UAAU,CAAC;MACnEG,gBAAgB,GAAG,IAAI9B,qBAAqB,CAAC6B,SAAS,EAAEE,IAAI,EAAE,CAACH,QAAQ,CAAC;IAC1E,CAAC,MAAM,IACLzB,aAAa,CAAC0B,SAAS,CAAC,IACxBA,SAAS,CAACG,IAAI,KAAKpD,aAAa,CAAC2C,UAAU,EAC3C;MACAO,gBAAgB,GAAG,IAAI7B,yBAAyB,CAAC4B,SAAS,EAAE,CAACD,QAAQ,CAAC;IACxE,CAAC,MAAM,IAAI1B,eAAe,CAAC2B,SAAS,CAAC,EAAE;MACrCC,gBAAgB,GAAG,IAAI9C,eAAe,CAAC6C,SAAS,EAAE,CAACD,QAAQ,CAAC;IAC9D,CAAC,MAAM;MACLE,gBAAgB,GAAG,IAAI/C,iBAAiB,CAAC8C,SAAS,EAAE,CAACD,QAAQ,CAAC;IAChE;IAEA,MAAMK,mBAAmB,GAAG3B,6BAA6B,CAACuB,SAAS,CAACG,IAAI,CAAC;IAEzE,OAAO,IAAIC,mBAAmB,CAACH,gBAAgB,EAAEJ,gBAAgB,CAAC;EACpE,CAAC;AAEL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -57,9 +57,10 @@ export class ListComponentElements extends QuestionComponentElements {
   /**
    * @param {SelectionComponentsDef} component
    * @param {List} list
+   * @param {boolean} largeTitle
    */
-  constructor(component, list) {
-    super(component);
+  constructor(component, list, largeTitle = true) {
+    super(component, largeTitle);
     this._list = list;
   }
 

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/form-definition/index.ts"],"names":[],"mappings":"AACA,OAAO,OAAkC,MAAM,KAAK,CAAA;AAIpD,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC9B,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAEL,KAAK,eAAe,EAWrB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAGL,KAAK,kBAAkB,EAIvB,KAAK,cAAc,EAGnB,KAAK,IAAI,EACT,KAAK,IAAI,EAET,KAAK,MAAM,EAIZ,MAAM,qCAAqC,CAAA;AAkN5C,eAAO,MAAM,qBAAqB,uCAmD9B,CAAA;AAoDJ,eAAO,MAAM,wBAAwB,0CAuBU,CAAA;AAE/C,eAAO,MAAM,eAAe,oCAkGZ,CAAA;AAEhB,eAAO,MAAM,iBAAiB,oCAaiB,CAAA;AAE/C,eAAO,MAAM,wBAAwB,oCASsB,CAAA;AAE3D,eAAO,MAAM,yBAAyB,oCAMpC,CAAA;AAEF,eAAO,MAAM,sBAAsB,oCAUjC,CAAA;AAoDF,eAAO,MAAM,gBAAgB,8BASzB,CAAA;AAyCJ,eAAO,MAAM,0BAA0B,sEAWmB,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,UAAU,4BAmDnB,CAAA;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,4BAgCiB,CAAA;AAE1C,eAAO,MAAM,mBAAmB,4BAgBkB,CAAA;AAwDlD,eAAO,MAAM,UAAU,4BAoCnB,CAAA;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,4BAIiB,CAAA;AAsD1C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,sCAsE7B,CAAA;AAEJ,eAAO,MAAM,sBAAsB,sCAwBY,CAAA;AAI/C,eAAO,MAAM,MAAM,sCAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/form-definition/index.ts"],"names":[],"mappings":"AACA,OAAO,OAAkC,MAAM,KAAK,CAAA;AAIpD,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC9B,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAEL,KAAK,eAAe,EAWrB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAGL,KAAK,kBAAkB,EAIvB,KAAK,cAAc,EAGnB,KAAK,IAAI,EACT,KAAK,IAAI,EAET,KAAK,MAAM,EAIZ,MAAM,qCAAqC,CAAA;AAkN5C,eAAO,MAAM,qBAAqB,uCAmD9B,CAAA;AAoDJ,eAAO,MAAM,wBAAwB,0CAyBU,CAAA;AAE/C,eAAO,MAAM,eAAe,oCAkGZ,CAAA;AAEhB,eAAO,MAAM,iBAAiB,oCAaiB,CAAA;AAE/C,eAAO,MAAM,wBAAwB,oCASsB,CAAA;AAE3D,eAAO,MAAM,yBAAyB,oCAMpC,CAAA;AAEF,eAAO,MAAM,sBAAsB,oCAUjC,CAAA;AAoDF,eAAO,MAAM,gBAAgB,8BASzB,CAAA;AAyCJ,eAAO,MAAM,0BAA0B,sEAWmB,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,UAAU,4BAmDnB,CAAA;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,4BAgCiB,CAAA;AAE1C,eAAO,MAAM,mBAAmB,4BAgBkB,CAAA;AAwDlD,eAAO,MAAM,UAAU,4BAoCnB,CAAA;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,4BAIiB,CAAA;AAsD1C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,sCAsE7B,CAAA;AAEJ,eAAO,MAAM,sBAAsB,sCAwBY,CAAA;AAI/C,eAAO,MAAM,MAAM,sCAAuB,CAAA"}

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

@@ -59,7 +59,7 @@ export class QuestionPreviewElements implements ListElements {
     /**
      * @param {BaseSettings} baseSettings
      */
-    constructor({ question, hintText, optional, shortDesc, items, content }: BaseSettings);
+    constructor({ question, hintText, optional, shortDesc, items, content, largeTitle }: BaseSettings);
     /**
      * @protected
      */
@@ -84,6 +84,7 @@ export class QuestionPreviewElements implements ListElements {
      * @private
      */
     private _items;
+    _largeTitle: boolean;
     afterInputsHTML: string;
     /**
      * @returns {BaseSettings}

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

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

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

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

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

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

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

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

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

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

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

@@ -70,11 +70,6 @@ export class PreviewPageController implements PagePreviewPanelMacro {
      * @protected
      */
     protected _guidanceComponent: Markdown;
-    /**
-     * @type {boolean}
-     * @private
-     */
-    private _showGuidance;
     /**
      * @returns {Markdown[]}
      * @private
@@ -90,11 +85,6 @@ export class PreviewPageController implements PagePreviewPanelMacro {
         text: string;
         classes: string;
     };
-    /**
-     * @private
-     * @returns {string}
-     */
-    private _fallBackTitle;
     /**
      * @returns {{ text: string, classes: string }}
      */

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":"AAmBA;;GAEG;AACH;IAME;;OAEG;IACH,kBAFW,IAAI,EAId;IAVD;;;OAGG;IACH,cAAK;IAQL,sBAEC;IAED,uBAUC;CACF;AAED;;GAEG;AACH;IACE,oBAAoC;IAuKpC;;;;OAIG;IACH,kCAFa,QAAQ,CAepB;IAED;;;;;OAKG;IACH,4CAKC;IAvJD;;;;;OAKG;IACH,wBALW,YAAY,EAAE,YACd,oBAAoB,cACpB,cAAc,YACd,YAAY,EAgBtB;IAlED;;;OAGG;IACH,yBAHU,MAAM,CAGkD;IAClE;;;OAGG;IACH,uBAFU,QAAQ,EAAE,CAEJ;IAUhB;;;OAGG;IACH,wBAHW,SAAS,GAAG,OAAO,GAAG,UAAU,CAGnB;IACxB;;;OAGG;IACH,sBAAkB;IAClB;;;OAGG;IACH,uBAAgE;IAChE;;;;OAIG;IACH,8BAHU,QAAQ,CAGA;IAElB;;;OAGG;IACH,sBAAqB;IAkCrB;;;OAGG;IACH,kCAQC;IAED;;OAEG;IACH,kBAFa,oBAAoB,EAAE,CAYlC;IAED,+BAIC;IAED,2BAEC;IAED;;;MAKC;IAED;;;OAGG;IACH,uBAEC;IAED;;OAEG;IACH,iBAFa;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAO7C;IAED,eAEC;IASD;;OAEG;IACH,iBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,aAFa,MAAM,CAIlB;IAUD,uBAEC;IAmCD,0BAGC;IAED;;OAEG;IACH,iCAFW,OAAO,GAAC,UAAU,QAK5B;IAED,uBAKC;;CACF;0CAG2F,yCAAyC;0BAE5F,qCAAqC;2CAEd,wCAAwC;8BAH3E,4CAA4C;yBAnRhD,4CAA4C;0CAsRL,wCAAwC;kCADpD,2BAA2B;oCADtC,qCAAqC;kCAFc,yCAAyC"}
+{"version":3,"file":"page-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/form/form-editor/preview/controller/page-controller.js"],"names":[],"mappings":"AAmBA;;GAEG;AACH;IAME;;OAEG;IACH,kBAFW,IAAI,EAId;IAVD;;;OAGG;IACH,cAAK;IAQL,sBAEC;IAED,uBAUC;CACF;AAED;;GAEG;AACH;IACE,oBAAoC;IA8JpC;;;;OAIG;IACH,kCAFa,QAAQ,CAepB;IAED;;;;;OAKG;IACH,4CAKC;IApJD;;;;;OAKG;IACH,wBALW,YAAY,EAAE,YACd,oBAAoB,cACpB,cAAc,YACd,YAAY,EAqBtB;IAjED;;;OAGG;IACH,yBAHU,MAAM,CAGkD;IAClE;;;OAGG;IACH,uBAFU,QAAQ,EAAE,CAEJ;IAUhB;;;OAGG;IACH,wBAHW,SAAS,GAAG,OAAO,GAAG,UAAU,CAGnB;IACxB;;;OAGG;IACH,sBAAkB;IAClB;;;OAGG;IACH,uBAAgE;IAChE;;;;OAIG;IACH,8BAHU,QAAQ,CAGA;IAuClB;;;OAGG;IACH,kCAQC;IAED;;OAEG;IACH,kBAFa,oBAAoB,EAAE,CAYlC;IAED,+BAIC;IAED,2BAEC;IAED;;;MAKC;IAED;;OAEG;IACH,iBAFa;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAO7C;IAED,eAEC;IASD;;OAEG;IACH,iBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,aAFa,MAAM,CAIlB;IAUD,uBAEC;IAmCD,0BAGC;IAED;;OAEG;IACH,iCAFW,OAAO,GAAC,UAAU,QAK5B;IAED,uBAKC;;CACF;0CAG2F,yCAAyC;0BAE5F,qCAAqC;2CAEd,wCAAwC;8BAH3E,4CAA4C;yBA1QhD,4CAA4C;0CA6QL,wCAAwC;kCADpD,2BAA2B;oCADtC,qCAAqC;kCAFc,yCAAyC"}

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

@@ -1,9 +1,10 @@
 /**
  * @param {QuestionRenderer} questionRenderer
  * @param {FormDefinition} definition
+ * @param {boolean} hasTitle
  * @returns {(component: ComponentDef) => Question}
  */
-export function mapComponentToPreviewQuestion(questionRenderer: QuestionRenderer, definition: FormDefinition): (component: ComponentDef) => Question;
+export function mapComponentToPreviewQuestion(questionRenderer: QuestionRenderer, definition: FormDefinition, hasTitle: boolean): (component: ComponentDef) => Question;
 import type { QuestionRenderer } from '../../../form/form-editor/preview/types.js';
 import type { FormDefinition } from '../../../form/form-definition/types.js';
 import type { ComponentDef } from '../../../components/types.js';

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":"AAsDA;;;;GAIG;AACH,gEAJW,gBAAgB,cAChB,cAAc,GACZ,CAAC,SAAS,EAAE,YAAY,KAAK,QAAQ,CA6BjD;sCAGsD,yCAAyC;oCAGvD,qCAAqC;kCAC1B,2BAA2B;8BAHlD,4CAA4C"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/helpers.js"],"names":[],"mappings":"AAsDA;;;;;GAKG;AACH,gEALW,gBAAgB,cAChB,cAAc,YACd,OAAO,GACL,CAAC,SAAS,EAAE,YAAY,KAAK,QAAQ,CAiCjD;sCAGsD,yCAAyC;oCAGvD,qCAAqC;kCAC1B,2BAA2B;8BAHlD,4CAA4C"}

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

@@ -21,8 +21,9 @@ export class ListComponentElements extends QuestionComponentElements implements
     /**
      * @param {SelectionComponentsDef} component
      * @param {List} list
+     * @param {boolean} largeTitle
      */
-    constructor(component: SelectionComponentsDef, list: List);
+    constructor(component: SelectionComponentsDef, list: List, largeTitle?: boolean);
     /**
      * @type {List}
      * @protected

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/list.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,4CAHW,WAAW,GACT,CAAC,MAAM,EAAE,WAAW,CAAC,CAIjC;AAED;;;;GAIG;AACH,gDAHY,WAAW,EAAE,GAAE,SAAS,GACvB,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAKpC;AAED;;;GAGG;AACH,4CAHW,IAAI,GACF,WAAW,CAavB;AAED;;GAEG;AACH;IAOE;;;OAGG;IACH,uBAHW,sBAAsB,QACtB,IAAI,EAKd;IAbD;;;OAGG;IACH,iBAHU,IAAI,CAGT;CAqBN;AAED;IAqBE;;;OAGG;IACH,0BAHW,YAAY,oBACZ,gBAAgB,EAQ1B;IArBD,2BAA2B;IAC3B,eADW,YAAY,CACV;IACb,qBAAqC;IACrC,uBAA4C;IAE5C;;;OAGG;IACH,iBAHU,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAG7B;IAcL;;;;;;;;;OASG;IACH,mBATa;QACT,SAAS,CAAC,EAAE;YAAC,WAAW,EAAE;gBAAC,IAAI,EAAE,MAAM,CAAA;aAAC,CAAA;SAAC,CAAC;QAC1C,IAAI,EAAE,gBAAgB,CAAC;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,aAAa,CAAC;QACzB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,gBAAgB,EAAE,CAAA;KACzB,CAwBH;IAED;;;OAGG;IACH,kBAFW,WAAW,QAKrB;IAED;;OAEG;IACH,YAFW,MAAM,QAKhB;IAED;;;OAGG;IACH,qCAHW,WAAW,EAAE,GACX,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAKpC;IAED;;OAEG;IACH,YAFa,gBAAgB,EAAE,CAiC9B;IAED;;;;OAIG;IACH,eAHW,MAAM,GAAG,SAAS,QAClB,MAAM,QAYhB;IAED;;;;OAIG;IACH,eAHW,MAAM,GAAG,SAAS,QAClB,MAAM,QAehB;IAED;;;OAGG;IACH,gBAHW,MAAM,GAAG,SAAS,SAClB,MAAM,QAYhB;CACF;iCAGiD,iCAAiC;0BAEpD,qCAAqC;sCACgD,yCAAyC;0CAvQtJ,4CAA4C;0BAsQpB,qCAAqC;4CADN,2BAA2B;yBArQlF,4CAA4C;kCAuQiE,yCAAyC;sCAAzC,yCAAyC;mCAAzC,yCAAyC;sCAH3G,iCAAiC;sCAGiC,yCAAyC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/list.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,4CAHW,WAAW,GACT,CAAC,MAAM,EAAE,WAAW,CAAC,CAIjC;AAED;;;;GAIG;AACH,gDAHY,WAAW,EAAE,GAAE,SAAS,GACvB,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAKpC;AAED;;;GAGG;AACH,4CAHW,IAAI,GACF,WAAW,CAavB;AAED;;GAEG;AACH;IAOE;;;;OAIG;IACH,uBAJW,sBAAsB,QACtB,IAAI,eACJ,OAAO,EAKjB;IAdD;;;OAGG;IACH,iBAHU,IAAI,CAGT;CAsBN;AAED;IAqBE;;;OAGG;IACH,0BAHW,YAAY,oBACZ,gBAAgB,EAQ1B;IArBD,2BAA2B;IAC3B,eADW,YAAY,CACV;IACb,qBAAqC;IACrC,uBAA4C;IAE5C;;;OAGG;IACH,iBAHU,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAG7B;IAcL;;;;;;;;;OASG;IACH,mBATa;QACT,SAAS,CAAC,EAAE;YAAC,WAAW,EAAE;gBAAC,IAAI,EAAE,MAAM,CAAA;aAAC,CAAA;SAAC,CAAC;QAC1C,IAAI,EAAE,gBAAgB,CAAC;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,aAAa,CAAC;QACzB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,gBAAgB,EAAE,CAAA;KACzB,CAwBH;IAED;;;OAGG;IACH,kBAFW,WAAW,QAKrB;IAED;;OAEG;IACH,YAFW,MAAM,QAKhB;IAED;;;OAGG;IACH,qCAHW,WAAW,EAAE,GACX,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAKpC;IAED;;OAEG;IACH,YAFa,gBAAgB,EAAE,CAiC9B;IAED;;;;OAIG;IACH,eAHW,MAAM,GAAG,SAAS,QAClB,MAAM,QAYhB;IAED;;;;OAIG;IACH,eAHW,MAAM,GAAG,SAAS,QAClB,MAAM,QAehB;IAED;;;OAGG;IACH,gBAHW,MAAM,GAAG,SAAS,SAClB,MAAM,QAYhB;CACF;iCAGiD,iCAAiC;0BAEpD,qCAAqC;sCACgD,yCAAyC;0CAxQtJ,4CAA4C;0BAuQpB,qCAAqC;4CADN,2BAA2B;yBAtQlF,4CAA4C;kCAwQiE,yCAAyC;sCAAzC,yCAAyC;mCAAzC,yCAAyC;sCAH3G,iCAAiC;sCAGiC,yCAAyC"}

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

@@ -45,6 +45,11 @@ export class PreviewComponent {
      * @protected
      */
     protected _highlighted: boolean;
+    /**
+     * @type {boolean}
+     * @protected
+     */
+    protected _largeTitle: boolean;
     /**
      * @type {string}
      * @private

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

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/preview.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IACE,oBAAmC;IAwCnC;;;OAGG;IACH,0BAHW,gBAAgB,oBAChB,gBAAgB,EA0B1B;IAnED;;;OAGG;IACH,eAFU,aAAa,CAEc;IACrC;;;;OAIG;IACH,6BAHU,MAAM,CAGM;IACtB;;;OAGG;IACH,sBAHW,MAAM,GAAC,IAAI,CAGL;IACjB;;;;OAIG;IACH,sBAHU,MAAM,CAGD;IACf;;;OAGG;IACH,6BAHU,gBAAgB,CAGT;IAEjB;;;OAGG;IACH,yBAHU,gBAAgB,CAGb;IACb;;;OAGG;IACH,wBAHU,OAAO,CAGG;IAclB;;;OAGG;IACH,kBAAyB;IACzB;;;OAGG;IACH,kBAAyB;IAS3B;;;;OAIG;IACH,gCAJW,MAAM,GACJ,MAAM,CAKlB;IAED,wBAGC;IAED;;;OAGG;IACH,uBAFU,gBAAgB,CAOzB;IAED;;;OAGG;IACH,0BAFU,aAAa,CAStB;IAED;;OAEG;IACH,0BAFa,OAAO,CAAC,iBAAiB,CAAC,CAItC;IAED;;;;OAIG;IACH,0BAHa,iBAAiB,CAS7B;IAED;;OAEG;IACH,mBAFU,iBAAiB,CAO1B;IAED,eAEC;IASD;;OAEG;IACH,oBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,gBAFU,MAAM,CAIf;IAcD;;OAEG;IACH,oBAFW,OAAO,EAKjB;IAVD,gBAKW,OAAO,CAHjB;IAiBD;;OAEG;IACH,qBAFW,MAAM,GAAG,IAAI,EAKvB;IAbD;;OAEG;IACH,iBAFU,MAAM,GAAG,IAAI,CAItB;IAUD;;OAEG;IACH,yBAEC;IAED;;OAEG;IACH,2BAEC;CACF;8BA5M6B,2BAA2B;sCA+M6E,yCAAyC;sCAAzC,yCAAyC;sCAAzC,yCAAyC;mCAAzC,yCAAyC;uCAAzC,yCAAyC"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/preview.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IACE,oBAAmC;IA6CnC;;;OAGG;IACH,0BAHW,gBAAgB,oBAChB,gBAAgB,EA2B1B;IAzED;;;OAGG;IACH,eAFU,aAAa,CAEc;IACrC;;;;OAIG;IACH,6BAHU,MAAM,CAGM;IACtB;;;OAGG;IACH,sBAHW,MAAM,GAAC,IAAI,CAGL;IACjB;;;;OAIG;IACH,sBAHU,MAAM,CAGD;IACf;;;OAGG;IACH,6BAHU,gBAAgB,CAGT;IAEjB;;;OAGG;IACH,yBAHU,gBAAgB,CAGb;IACb;;;OAGG;IACH,wBAHU,OAAO,CAGG;IACpB;;;OAGG;IACH,uBAHU,OAAO,CAGC;IAchB;;;OAGG;IACH,kBAAyB;IACzB;;;OAGG;IACH,kBAAyB;IAU3B;;;;OAIG;IACH,gCAJW,MAAM,GACJ,MAAM,CAKlB;IAED,wBAGC;IAED;;;OAGG;IACH,uBAFU,gBAAgB,CASzB;IAED;;;OAGG;IACH,0BAFU,aAAa,CAatB;IAED;;OAEG;IACH,0BAFa,OAAO,CAAC,iBAAiB,CAAC,CAItC;IAED;;;;OAIG;IACH,0BAHa,iBAAiB,CAS7B;IAED;;OAEG;IACH,mBAFU,iBAAiB,CAO1B;IAED,eAEC;IASD;;OAEG;IACH,oBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,gBAFU,MAAM,CAIf;IAcD;;OAEG;IACH,oBAFW,OAAO,EAKjB;IAVD,gBAKW,OAAO,CAHjB;IAiBD;;OAEG;IACH,qBAFW,MAAM,GAAG,IAAI,EAKvB;IAbD;;OAEG;IACH,iBAFU,MAAM,GAAG,IAAI,CAItB;IAUD;;OAEG;IACH,yBAEC;IAED;;OAEG;IACH,2BAEC;CACF;8BAxN6B,2BAA2B;sCA2N6E,yCAAyC;sCAAzC,yCAAyC;sCAAzC,yCAAyC;mCAAzC,yCAAyC;uCAAzC,yCAAyC"}

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

@@ -5,7 +5,7 @@ export class QuestionComponentElements extends ComponentElements implements Ques
     /**
      * @param {FormComponentsDef} component
      */
-    constructor(component: FormComponentsDef);
+    constructor(component: FormComponentsDef, largeTitle?: boolean);
     /**
      * @type {FormComponentsDef}
      * @protected

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

@@ -1 +1 @@
-{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/question.js"],"names":[],"mappings":"AAIA;;GAEG;AACH;IAME;;OAEG;IACH,uBAFW,iBAAiB,EAK3B;IAXD;;;OAGG;IACH,sBAHU,iBAAiB,CAGjB;CAoBX;AAED;;;;;;;;;GASG;AACH;IAwBI;;;OAGG;IACH,kBAAyB;IAG3B;;;OAGG;IACH,sBAHU,gBAAgB,CAazB;IAiBD;;OAEG;IACH,oBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,gBAFU,MAAM,CAIf;CASF;sCAGqI,yCAAyC;kCAnH7I,sDAAsD;uCAoHd,2BAA2B;iCAnHpE,2CAA2C;sCAkH0D,yCAAyC"}
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/question.js"],"names":[],"mappings":"AAIA;;GAEG;AACH;IAME;;OAEG;IACH,uBAFW,iBAAiB,wBAK3B;IAXD;;;OAGG;IACH,sBAHU,iBAAiB,CAGjB;CAoBX;AAED;;;;;;;;;GASG;AACH;IAwBI;;;OAGG;IACH,kBAAyB;IAG3B;;;OAGG;IACH,sBAHU,gBAAgB,CAazB;IAiBD;;OAEG;IACH,oBAFW,MAAM,EAKhB;IAbD;;OAEG;IACH,gBAFU,MAAM,CAIf;CASF;sCAGqI,yCAAyC;kCAnH7I,sDAAsD;uCAoHd,2BAA2B;iCAnHpE,2CAA2C;sCAkH0D,yCAAyC"}

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

@@ -13,6 +13,7 @@ import { type UkAddressQuestion } from '../../../form/form-editor/preview/uk-add
 import { type ListElement } from '../../../form/form-editor/types.js';
 export { type QuestionBaseModel } from '../../../form/form-editor/macros/types.js';
 export interface BaseSettings {
+    largeTitle: boolean;
     question: string;
     hintText: string;
     optional: boolean;