{"version":3,"file":"question-list-multiquestion-client-side.bundle.mjs","sources":["../../../../src/digitalmarketplace/components/question-list-multiquestion-client-side/question-list-multiquestion-client-side.ts"],"sourcesContent":["import { DigitalMarketplaceFrontendComponent } from '../../digitalmarketplace-frontend-component'\n\nclass QuestionListMultiquestionQuestionInput {\n  $input: JQuery<HTMLInputElement>\n\n  constructor ($question: JQuery<HTMLElement>) {\n    this.$input = $question.find<HTMLInputElement>('input')\n  }\n\n  getValue () {\n    return this.$input.val()\n  }\n\n  toggleVisibility (isShown: boolean) {\n    if (isShown) {\n      this.$input.removeAttr('tabindex')\n    } else {\n      this.$input.val('')\n      this.$input.attr('value', '')\n      this.$input.attr('tabindex', -1)\n    }\n  }\n}\n\nclass QuestionListMultiquestionRow {\n  answerList: QuestionListMultiquestionClientSide\n  $row: JQuery<HTMLElement>\n  answerListRowInputs: QuestionListMultiquestionQuestionInput[]\n\n  constructor (answerList: QuestionListMultiquestionClientSide, $row: JQuery<HTMLElement>) {\n    this.answerList = answerList\n    this.$row = $row\n    this.answerListRowInputs = $row.find('.question').get().map((question) => new QuestionListMultiquestionQuestionInput($(question)))\n  }\n\n  toggleVisibility (isShown: boolean) {\n    this.$row.toggleClass('govuk-visually-hidden', !isShown)\n    this.answerListRowInputs.forEach((answerListRowInput) => answerListRowInput.toggleVisibility(isShown))\n  }\n\n  isRowVisible () {\n    return !this.$row.hasClass('govuk-visually-hidden')\n  }\n\n  rowHasValues () {\n    return this.answerListRowInputs.some((answerListRowInput) => !!answerListRowInput.getValue())\n  }\n}\n\nclass QuestionListMultiquestionButton {\n  answerList: QuestionListMultiquestionClientSide\n  $button: JQuery<HTMLButtonElement>\n  $buttonCounter: JQuery<HTMLElement>\n\n  constructor (answerList: QuestionListMultiquestionClientSide, $button: JQuery<HTMLButtonElement>, buttonType: 'add' | 'remove') {\n    this.answerList = answerList\n    this.$button = $button\n    this.$buttonCounter = $button.find(`.dm-list-multiquestion__item-${buttonType}-counter`)\n  }\n\n  updateButtonText (numberOfRows: number) {\n    this.$buttonCounter.text(numberOfRows)\n  }\n\n  toggleVisibility (isShown: boolean) {\n    this.$button.toggleClass('govuk-visually-hidden', !isShown)\n\n    if (isShown) {\n      this.$button.removeAttr('tabindex')\n    } else {\n      this.$button.attr('tabindex', -1)\n    }\n  }\n}\n\nclass QuestionListMultiquestionRemoveButton extends QuestionListMultiquestionButton {\n  constructor (answerList: QuestionListMultiquestionClientSide, $button: JQuery<HTMLButtonElement>) {\n    super(answerList, $button, 'remove')\n  }\n\n  init (numberOfRows: number) {\n    this.$button.on('click', () => {\n      this.answerList.hideRow()\n    })\n\n    this.updateButtonText(numberOfRows)\n  }\n}\n\nclass QuestionListMultiquestionAddButton extends QuestionListMultiquestionButton {\n  maxNumberOfItems: number\n\n  constructor (answerList: QuestionListMultiquestionClientSide, $button: JQuery<HTMLButtonElement>, maxNumberOfItems: number) {\n    super(answerList, $button, 'add')\n    this.maxNumberOfItems = maxNumberOfItems\n  }\n\n  init (numberOfRows: number) {\n    this.$button.on('click', () => {\n      this.answerList.addRow()\n    })\n\n    this.updateButtonText(this.maxNumberOfItems - numberOfRows)\n  }\n}\n\nclass QuestionListMultiquestionClientSide implements DigitalMarketplaceFrontendComponent {\n  static moduleName = 'dm-question-list-multiquestion-client-side'\n  $answerList: JQuery<HTMLElement>\n  maxNumberOfItems: number\n  answerListRows: QuestionListMultiquestionRow[]\n  answerListAddButton: QuestionListMultiquestionAddButton\n  answerListRemoveButton: QuestionListMultiquestionRemoveButton\n\n  constructor ($answerList: JQuery<HTMLElement>) {\n    this.$answerList = $answerList\n    this.maxNumberOfItems = this.$answerList.data('maxNumberOfItems')\n    this.answerListRows = this.$answerList.find('.dm-list-multiquestion__item').get().map((row) => new QuestionListMultiquestionRow(this, $(row)))\n    this.answerListAddButton = new QuestionListMultiquestionAddButton(this, this.$answerList.find<HTMLButtonElement>('.dm-list-multiquestion__item-add'), this.maxNumberOfItems)\n    this.answerListRemoveButton = new QuestionListMultiquestionRemoveButton(this, this.$answerList.find<HTMLButtonElement>('.dm-list-multiquestion__item-remove'))\n  }\n\n  init () {\n    const rowsVisible = this.answerListRows.map((answerListRow) => answerListRow.rowHasValues())\n    let indexToHideFrom = -1\n\n    if (rowsVisible.every((rowVisible) => !rowVisible)) {\n      indexToHideFrom = 1\n    } else {\n      let previousRowVisible = true\n\n      rowsVisible.forEach((rowVisible, index) => {\n        if (previousRowVisible && !rowVisible) {\n          indexToHideFrom = index\n        }\n        previousRowVisible = rowVisible\n      })\n    }\n\n    if (indexToHideFrom >= 0) {\n      this.answerListRows.slice(indexToHideFrom).forEach((answerListRow) => answerListRow.toggleVisibility(false))\n    }\n\n    const numberOfRows = this.visibleRowsCount()\n\n    this.answerListAddButton.init(numberOfRows)\n    this.answerListRemoveButton.init(numberOfRows)\n\n    this.updateRemoveButton(numberOfRows)\n    this.updateAnswerButton(numberOfRows)\n  }\n\n  hideRow () {\n    const numberOfRows = this.visibleRowsCount()\n\n    if (numberOfRows > 1) {\n      this.answerListRows[numberOfRows - 1].toggleVisibility(false)\n  \n      this.updateRemoveButton(numberOfRows - 1)\n      this.updateAnswerButton(numberOfRows - 1)\n      this.focusOnRow(numberOfRows - 1)\n    }\n  }\n\n  addRow () {\n    const numberOfRows = this.visibleRowsCount()\n\n    if (numberOfRows < this.maxNumberOfItems) {\n      this.answerListRows[numberOfRows].toggleVisibility(true)\n\n      this.updateRemoveButton(numberOfRows + 1)\n      this.updateAnswerButton(numberOfRows + 1)\n      this.focusOnRow(numberOfRows + 1)\n    }\n  }\n\n  visibleRowsCount () {\n    return this.answerListRows.reduce((count, answerListRow) => count += answerListRow.isRowVisible() ? 1 : 0, 0)\n  }\n\n  updateRemoveButton (numberOfRows: number) {\n    if (numberOfRows === 1) {\n      this.answerListRemoveButton.toggleVisibility(false)\n    } else {\n      this.answerListRemoveButton.toggleVisibility(true)\n      this.answerListRemoveButton.updateButtonText(numberOfRows)\n    }\n  }\n\n  updateAnswerButton (numberOfRows: number) {\n    if (numberOfRows === this.maxNumberOfItems) {\n      this.answerListAddButton.toggleVisibility(false)\n    } else {\n      this.answerListAddButton.toggleVisibility(true)\n      this.answerListAddButton.updateButtonText(this.maxNumberOfItems - numberOfRows)\n    }\n  }\n\n  focusOnRow (numberOfRows: number) {\n    this.answerListRows[numberOfRows - 1].answerListRowInputs[0].$input.focus()\n  }\n}\n\nexport { QuestionListMultiquestionClientSide }\n"],"names":[],"mappings":"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"}