custom-field-values-with-abbreviations#deleteRow\" data-flow=\"remove\" class=\"roundedl-l px-3 pb-1 cursor-default flex items-center hover:bg-gray-100\">x
\n custom-field-values-with-abbreviations#showIconPicker\" data-flow=\"icon_image\" data-hide-many-target=\"hideable\" data-hide-many-token=\"dropdown\" class=\"w-16 flex items-center justify-center cursor-pointer border-b border-black no-border-at-rest text-sm text-gray-300 ${iconPickerState}\">No Icon
\n`;\n\nexport default class extends Controller {\n static targets = [\"iconPicker\"];\n\n static values = { iconSvgMap: Object };\n\n addRow() {\n const isDropdown = $(\"[data-hide-many-target=select]\").val() === \"dropdown\";\n const newRow = document.createElement(\"div\");\n\n newRow.classList = \"flex items-stretch\";\n $(newRow).attr(\"data-flow\", \"field_option_row\");\n $(newRow).attr(\"data-uuid\", crypto.randomUUID());\n newRow.innerHTML = rowContentsTemplate(isDropdown ? \"\" : \"hidden\");\n\n $(this.element).append(newRow);\n }\n\n deleteRow(event) {\n $(event.target).parent().remove();\n\n this.onChange();\n }\n\n onChange() {\n const values = _.map(this.fieldOptionRowTargets, target => {\n const uuid = $(target).data(\"uuid\");\n\n const longName = $(target).find(\"[data-flow=long_name]\").val();\n const shortName = $(target).find(\"[data-flow=short_name]\").val();\n\n return { uuid, longName, shortName };\n });\n\n const event = new Event(\"scoutchange\", { bubbles: true });\n\n event.customFieldValues = values;\n\n this.element.dispatchEvent(event);\n }\n\n showIconPicker(event) {\n this.popper?.destroy();\n this.activeIconPickerRow = _.find(this.allFieldOptionRows, row => row.contains(event.target));\n const iconColumn = $(this.activeIconPickerRow).find(\"[data-flow=icon_image]\")[0];\n\n this.popper = createPopper(iconColumn, this.iconPickerTarget, {\n placement: \"left\",\n modifiers: [\n {\n name: \"preventOverflow\",\n options: {\n mainAxis: true,\n altAxis: true,\n padding: 5,\n },\n },\n ],\n });\n\n this.iconPickerTarget.classList.remove(\"hidden\");\n }\n\n onOutsideClick(event) {\n const isOutside = this.allFieldOptionRows\n .toArray()\n .concat(this.iconPickerTarget)\n .every(c => !c.contains(event.target));\n\n if (isOutside) {\n this.hideIconPicker();\n }\n }\n\n hideIconPicker() {\n delete this.activeIconPickerRow;\n this.popper?.destroy();\n this.iconPickerTarget.classList.add(\"hidden\");\n }\n\n setIcon(event) {\n const value = $(event.target).closest(\"[data-value]\").data(\"value\");\n const icon = _.isEmpty(value) ? \"No Icon\" : this.iconSvgMapValue[value];\n\n $(this.activeIconPickerRow).find(\"[data-flow=icon_value]\").val(value);\n $(this.activeIconPickerRow).find(\"[data-flow=icon_image]\").html(icon);\n\n this.hideIconPicker();\n }\n\n get allFieldOptionRows() {\n return $(this.element).find(\"[data-flow=field_option_row\");\n }\n}\n","import { Controller } from \"stimulus\";\n\nimport moment from \"moment\";\n\nimport Pikaday from \"pikaday\";\nimport \"pikaday/css/pikaday.css\";\n\nwindow.moment = moment;\n\nexport default class extends Controller {\n static targets = [\"input\"];\n\n connect() {\n const inputElement = this.hasInputTarget ? this.inputTarget : this.element;\n\n this.picker = new Pikaday({\n field: inputElement,\n format: \"MM/DD/YYYY\",\n toString(date) {\n return moment(date).format(\"MM/DD/YYYY\");\n },\n parse(dateString) {\n const supportedFormats = [\"MM-DD-YYYY\", \"MM/DD/YYYY\"];\n\n return moment(dateString, supportedFormats).toDate();\n },\n onSelect: () => {\n this.element.dispatchEvent(new CustomEvent(\"select\", { bubbles: true }));\n },\n });\n }\n\n clear() {\n this.picker.clear();\n }\n}\n","import { Controller } from \"stimulus\";\nimport InputMask from \"inputmask\";\n\nexport default class extends Controller {\n connect() {\n const decimalPlaces = this.data.get(\"scale\") || 0;\n\n this.inputMask = new InputMask(\"decimal\", {\n digits: decimalPlaces,\n rightAlign: false,\n enforceDigitsOnBlur: true,\n allowMinus: false,\n });\n this.inputMask.mask(this.element);\n }\n}\n","import { Controller } from \"stimulus\";\nimport * as htmlToImage from \"html-to-image\";\nimport moment from \"moment\";\n\nexport default class extends Controller {\n static targets = [\"exclude\", \"image\", \"frame\", \"footer\"];\n\n static values = { htmlToImageKnownFaulty: Boolean };\n\n async download() {\n const monotonicTimestamp = moment().format(\"YYYY-MM-DD_kk-mm-ss\");\n const filename = `${monotonicTimestamp}-chart.png`;\n const width = this.element.offsetWidth;\n const height = this.element.offsetHeight + this.footerTarget.offsetHeight;\n\n const options = {\n backgroundColor: \"#fff\",\n filter: el => !Array.from(this.excludeTargets).includes(el),\n };\n\n this.frameTarget.setAttribute(\"style\", `width:${width}px; height:${height}px`);\n\n const imageData = await this.toPng(this.element, options);\n\n this.insertImage(imageData);\n\n const data = await this.toPng(this.frameTarget, options);\n\n this.saveFile(data, filename);\n }\n\n async toPng(element, options) {\n let dataUrl = await htmlToImage.toPng(element, options);\n\n let previousLength = -1;\n\n let i = 0;\n\n // Safari and Firefix cause issues with our htmltoimage library since they appear to not fully wait on images to load\n // https://github.com/bubkoo/html-to-image/issues/361\n // Chrome is not known to exhibit this behavior, so we skip the mitigation for performance\n if (this.htmlToImageKnownFaultyValue) {\n while (previousLength !== dataUrl.length && i < 10) {\n previousLength = dataUrl.length;\n // eslint-disable-next-line no-await-in-loop\n dataUrl = await htmlToImage.toPng(element, options);\n i += 1;\n }\n }\n\n return dataUrl;\n }\n\n insertImage(imageData) {\n const img = document.createElement(\"img\");\n\n img.src = imageData;\n this.imageTarget.appendChild(img);\n }\n\n saveFile(imageData, filename) {\n const anchor = document.createElement(\"a\");\n\n anchor.setAttribute(\"href\", imageData);\n anchor.setAttribute(\"download\", filename);\n anchor.click();\n anchor.remove();\n this.imageTarget.removeChild(this.imageTarget.firstChild);\n }\n}\n","import { Controller } from \"stimulus\";\n\nexport default class extends Controller {\n static targets = [\"rowContainer\", \"rowTemplate\"];\n\n addRow() {\n const newRow = document.createElement(\"div\");\n\n newRow.innerHTML = this.rowTemplateTarget.innerHTML;\n\n this.rowContainerTarget.appendChild(newRow);\n }\n\n removeRow(event) {\n const row = event.currentTarget.parentElement;\n\n this.rowContainerTarget.removeChild(row);\n }\n}\n","import { Controller } from \"stimulus\";\nimport InputMask from \"inputmask\";\n\nexport default class extends Controller {\n static targets = [\"price\", \"noPriceReason\", \"reset\"];\n\n connect() {\n this.inputMask = new InputMask(\"decimal\", {\n digits: \"4\",\n rightAlign: false,\n enforceDigitsOnBlur: true,\n allowMinus: false,\n });\n this.inputMask.mask(this.priceTarget);\n if (this.priceTarget.value) {\n this.hideNoPriceReason();\n } else if (this.noPriceReasonTarget.value) {\n this.hidePrice();\n }\n }\n\n reset() {\n this.priceTarget.value = null;\n this.noPriceReasonTarget.selectize.clear();\n this.noPriceReasonTarget.parentElement.classList.remove(\"hidden\");\n this.priceTarget.parentElement.classList.add(\"flex\");\n this.priceTarget.parentElement.classList.remove(\"hidden\");\n this.resetTarget.classList.add(\"hidden\");\n }\n\n onPriceInput() {\n if (this.priceTarget.value) {\n this.hideNoPriceReason();\n } else {\n this.reset();\n }\n }\n\n onNoPriceReasonBlur() {\n if (this.noPriceReasonTarget.value) {\n this.hidePrice();\n } else {\n this.reset();\n }\n }\n\n hidePrice() {\n this.priceTarget.parentElement.classList.remove(\"flex\");\n this.priceTarget.parentElement.classList.add(\"hidden\");\n this.resetTarget.classList.remove(\"hidden\");\n }\n\n hideNoPriceReason() {\n this.noPriceReasonTarget.parentElement.classList.add(\"hidden\");\n this.resetTarget.classList.remove(\"hidden\");\n }\n}\n","import { Controller } from \"stimulus\";\n\nexport default class extends Controller {\n static targets = [\"showWhenActive\", \"showWhenInactive\", \"selectedCount\", \"submit\"];\n\n static values = { form: String };\n\n connect() {\n this.$checkboxTargets.on(\"input\", () => this.update());\n\n this.update();\n }\n\n start() {\n $(this.showWhenInactiveTargets).addClass(\"hidden\");\n $(this.showWhenActiveTargets).removeClass(\"hidden\");\n this.$inactiveRowTargets.addClass(\"hidden\");\n this.$checkboxColumnTargets.removeClass(\"hidden\");\n this.$checkboxTargets.attr(\"disabled\", false);\n\n this.update();\n }\n\n stop() {\n $(this.showWhenInactiveTargets).removeClass(\"hidden\");\n $(this.showWhenActiveTargets).addClass(\"hidden\");\n this.$inactiveRowTargets.removeClass(\"hidden\");\n this.$checkboxColumnTargets.addClass(\"hidden\");\n this.$checkboxTargets.attr(\"disabled\", true);\n }\n\n update() {\n this.selectedCountTarget.innerText = this.selectedCount;\n $(this.submitTarget).attr(\"disabled\", this.selectedCount === 0);\n }\n\n get $activeRowTargets() {\n return $(`#${this.formValue} [data-e-alert-builder-table-target='activeRow']`);\n }\n\n get $inactiveRowTargets() {\n return $(`#${this.formValue} [data-e-alert-builder-table-target='inactiveRow']`);\n }\n\n get $checkboxColumnTargets() {\n return $(`#${this.formValue} [data-e-alert-builder-table-target='checkboxColumn']`);\n }\n\n get $checkboxTargets() {\n return $(`#${this.formValue} input[type=checkbox]`);\n }\n\n get selectedCount() {\n return $(`#${this.formValue} input[type=checkbox]:checked`).length;\n }\n}\n","import { Controller } from \"stimulus\";\nimport _ from \"lodash\";\n\nexport default class extends Controller {\n static targets = [\"tableEntry\", \"hiddenWhenPayerTypeAmbiguous\", \"shownWhenPayerTypeAmbiguous\"];\n\n static values = { fixedPayerType: String };\n\n connect() {\n new MutationObserver(this.onTableEntriesChanged.bind(this)).observe(this.element, {\n childList: true,\n });\n\n this.onTableEntriesChanged();\n }\n\n removeExistingCoverage(event) {\n const taskId = event.currentTarget.dataset.coverageTaskId;\n\n this.tableEntryTargets.find(t => t.dataset.coverageTaskId === taskId).remove();\n }\n\n addRelatedCoverage() {\n this.triggerModal(\"related\");\n }\n\n addOtherCoverage() {\n this.triggerModal(\"other\");\n }\n\n triggerModal(collection) {\n $(this.modalFormTarget).find('input[name=\"task_id[]\"]').remove();\n this.tableEntryTargets.forEach(t => {\n $(this.modalFormTarget).append(\n `\",\n newFieldValues?.[$(el).data(\"section-entry-field-name\")],\n \"
\",\n ].join(\"\\n\");\n });\n\n this.snapshotTrixTargets.forEach(el => {\n el.editor.loadHTML(newFieldValues?.[$(el).data(\"section-entry-field-name\")] || \"\");\n });\n\n this.snapshotTrixContainerTargets.forEach(el => {\n $(el).toggleClass(\n \"hidden\",\n _.isEmpty(newFieldValues?.[$(el).data(\"section-entry-field-name\")]),\n );\n });\n\n this.snapshotTrixPlaceholderTargets.forEach(el => {\n $(el).toggleClass(\n \"hidden\",\n !_.isEmpty(newFieldValues?.[$(el).data(\"section-entry-field-name\")]),\n );\n });\n\n this.update();\n }\n\n update() {\n this.allFieldNames.forEach(thisField => {\n const findMatching = targets => $(targets.find(el => this.fieldName(el) === thisField));\n\n const snapshotValue =\n findMatching(this.snapshotTargets).find(\".trix-content\").html() || this.diffHtml(\"\");\n const currentValue =\n findMatching(this.currentTargets).find(\".trix-content\").html() || this.diffHtml(\"\");\n\n this.initializeRunner(thisField);\n this.asyncRunners[thisField].calculateDiff(snapshotValue, currentValue);\n });\n }\n\n renderDiff(fieldName, diff) {\n this.htmldiffTargets\n .filter(t => this.fieldName(t) === fieldName)\n .forEach(target => {\n target.innerHTML = this.diffHtml(diff);\n });\n }\n\n initializeRunner(thisField) {\n if (!this.asyncRunners[thisField]) {\n this.asyncRunners[thisField] = new HtmldiffAsyncRunner(d => this.renderDiff(thisField, d));\n }\n }\n\n fieldName(target) {\n return $(target).data(\"section-entry-field-name\");\n }\n\n diffHtml(diff) {\n return [\"\",\n );\n\n _.each(item.indents, indent => {\n if (indent === \" \") {\n outputLines.push('
');\n } else if (indent === \"I\") {\n outputLines.push(\n '
',\n );\n } else if (indent === \"L\") {\n outputLines.push('
');\n outputLines.push('
');\n outputLines.push('
');\n outputLines.push(\"
\");\n } else if (indent === \"T\") {\n outputLines.push('
');\n outputLines.push('
');\n outputLines.push('
');\n outputLines.push(\"
\");\n }\n });\n\n outputLines.push(`
${escape(item.text)}
`);\n outputLines.push(\"