{"version":3,"sources":["webpack:///./src/js/components/dropdown.js","webpack:///./node_modules/uuid/dist/esm-browser/rng.js","webpack:///./node_modules/uuid/dist/esm-browser/regex.js","webpack:///./node_modules/uuid/dist/esm-browser/stringify.js","webpack:///./node_modules/uuid/dist/esm-browser/validate.js","webpack:///./node_modules/uuid/dist/esm-browser/v4.js"],"names":["Module","this","options","el","style","dataset","multiselect","selectedArray","buildMultiSelectDropdown","buildDropdown","document","addEventListener","handleClickOutside","bind","handleOptionSelect","dom","trigger","handleTriggerClick","handleTriggerKeydown","parentNode","hideDropdownList","list","childNodes","forEach","item","selectItem","event","callback","value","Event","createEvent","initEvent","dispatchEvent","e","wrapper","target","contains","innerHTML","getPlaceholder","option","includes","setAttribute","isDevice","getAttribute","showDropdownList","which","keyCode","activeItem","preventDefault","stopPropagation","nextElement","previousElementSibling","focusItem","focusLast","nextElementSibling","focusFirst","getElementById","checked","filter","push","element","removeAttribute","defocusItem","scrollHeight","clientHeight","scrollBottom","scrollTop","elementBottom","offsetTop","offsetHeight","firstItem","querySelector","items","querySelectorAll","length","classList","add","remove","placeholder","selectedOptionLabel","count","find","text","listId","uuidv4","createElement","insertBefore","appendChild","label","id","textContent","map","disabled","join","nextSibling","trim","parent","removeChild","destroy","setupDefaults","addListeners","Component","getRandomValues","rnds8","Uint8Array","rng","crypto","msCrypto","Error","uuid","test","byteToHex","toString","substr","arr","offset","arguments","undefined","toLowerCase","TypeError","buf","rnds","random","i"],"mappings":"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","file":"34.4a064b9d8c5e6917ea15.js","sourcesContent":["import { Component } from '@verndale/core';\r\nimport { isDevice } from '../helpers';\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nclass Module extends Component {\r\n setupDefaults() {\r\n this.options = [...this.el];\r\n this.style = this.el.dataset.style;\r\n this.multiselect = this.el.dataset.multiselect;\r\n this.selectedArray = [];\r\n\r\n if (!this.multiselect) this.buildDropdown();\r\n else this.buildMultiSelectDropdown();\r\n }\r\n\r\n addListeners() {\r\n document.addEventListener('click', this.handleClickOutside.bind(this));\r\n this.el.addEventListener('change', this.handleOptionSelect.bind(this));\r\n this.dom.trigger.addEventListener(\r\n 'click',\r\n this.handleTriggerClick.bind(this)\r\n );\r\n this.dom.trigger.addEventListener(\r\n 'keydown',\r\n this.handleTriggerKeydown.bind(this)\r\n );\r\n this.dom.trigger.parentNode.addEventListener(\r\n 'blur',\r\n this.hideDropdownList.bind(this)\r\n );\r\n this.dom.list.childNodes.forEach(item => {\r\n item.addEventListener('click', () => this.selectItem(item));\r\n });\r\n }\r\n\r\n on(event, callback) {\r\n this.el.addEventListener(event, callback);\r\n }\r\n\r\n setValue(value) {\r\n let event;\r\n\r\n if (typeof Event === 'function') {\r\n event = new Event('change');\r\n } else {\r\n event = document.createEvent('Event');\r\n event.initEvent('change', true, true);\r\n }\r\n\r\n this.el.value = value;\r\n this.el.dispatchEvent(event);\r\n }\r\n\r\n getValue() {\r\n return this.el.value;\r\n }\r\n\r\n handleClickOutside(e) {\r\n if (this.dom.wrapper !== e.target && !this.dom.wrapper.contains(e.target)) {\r\n this.hideDropdownList();\r\n }\r\n }\r\n\r\n handleOptionSelect() {\r\n let event;\r\n\r\n if (typeof Event === 'function') {\r\n event = new Event('option');\r\n } else {\r\n event = document.createEvent('Event');\r\n event.initEvent('option', true, true);\r\n }\r\n\r\n if (this.multiselect) {\r\n this.dom.trigger.innerHTML = this.getPlaceholder(this.selectedArray);\r\n this.options.forEach(option => {\r\n if (this.selectedArray.includes(option.value)) {\r\n option.setAttribute('aria-selected', true);\r\n } else {\r\n option.setAttribute('aria-selected', false);\r\n }\r\n });\r\n\r\n\r\n this.dom.list.childNodes.forEach(item => {\r\n if (item.dataset) {\r\n if (this.selectedArray.includes(item.dataset.value)) {\r\n item.setAttribute('aria-selected', true);\r\n } else {\r\n item.setAttribute('aria-selected', false);\r\n }\r\n }\r\n });\r\n } else {\r\n this.dom.trigger.innerHTML = this.getPlaceholder(this.el.value);\r\n\r\n this.options.forEach(option => {\r\n if (option.value === this.el.value) {\r\n option.setAttribute('aria-selected', true);\r\n } else {\r\n option.setAttribute('aria-selected', false);\r\n }\r\n });\r\n\r\n this.dom.list.childNodes.forEach(item => {\r\n if (item.dataset.value === this.el.value) {\r\n item.setAttribute('aria-selected', true);\r\n } else {\r\n item.setAttribute('aria-selected', false);\r\n }\r\n });\r\n }\r\n\r\n this.el.dispatchEvent(event);\r\n }\r\n\r\n handleTriggerClick() {\r\n if (isDevice()) {\r\n //return;\r\n }\r\n\r\n if (!this.dom.trigger.getAttribute('aria-expanded')) {\r\n this.showDropdownList();\r\n } else {\r\n this.hideDropdownList();\r\n }\r\n }\r\n\r\n handleTriggerKeydown(e) {\r\n if (isDevice()) return;\r\n\r\n const key = e.which || e.keyCode;\r\n\r\n switch (key) {\r\n case 13: // ENTER\r\n if (this.dom.trigger.getAttribute('aria-expanded')) {\r\n if (this.activeItem) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.selectItem(this.activeItem);\r\n }\r\n }\r\n break;\r\n case 38: // UP\r\n e.preventDefault();\r\n this.showDropdownList();\r\n\r\n if (this.activeItem) {\r\n const nextElement = this.activeItem.previousElementSibling;\r\n\r\n if (nextElement) {\r\n this.focusItem(nextElement);\r\n } else {\r\n this.focusLast();\r\n }\r\n } else {\r\n this.focusLast();\r\n }\r\n\r\n break;\r\n case 40: // DOWN\r\n e.preventDefault();\r\n this.showDropdownList();\r\n\r\n if (this.activeItem) {\r\n const nextElement = this.activeItem.nextElementSibling;\r\n\r\n if (nextElement) {\r\n this.focusItem(nextElement);\r\n } else {\r\n this.focusFirst();\r\n }\r\n } else {\r\n this.focusFirst();\r\n }\r\n\r\n break;\r\n case 36:\r\n e.preventDefault();\r\n this.focusFirst();\r\n break;\r\n case 35:\r\n e.preventDefault();\r\n this.focusLast();\r\n break;\r\n }\r\n }\r\n\r\n selectItem(item) {\r\n this.el.value = item.dataset.value;\r\n if (this.multiselect) {\r\n if (this.selectedArray.includes(this.el.value)) {\r\n if (this.el.value === 'All') {\r\n\r\n this.selectedArray = [];\r\n this.options.forEach(option => {\r\n if (option.value) {\r\n document.getElementById(option.value).checked = false;\r\n }\r\n });\r\n } else {\r\n if (this.el.value !== 'All') {\r\n document.getElementById('All').checked = false;\r\n this.selectedArray = this.selectedArray.filter(item => item !== 'All');\r\n }\r\n\r\n }\r\n document.getElementById(this.el.value).checked = false;\r\n this.selectedArray = this.selectedArray.filter(item => item !== this.el.value);\r\n } else {\r\n if (this.el.value === 'All') {\r\n this.selectedArray = [];\r\n this.options.forEach(option => {\r\n if (option.value) {\r\n this.selectedArray.push(option.value);\r\n document.getElementById(option.value).checked = true;\r\n }\r\n });\r\n } else {\r\n document.getElementById(this.el.value).checked = true;\r\n this.selectedArray.push(item.dataset.value);\r\n }\r\n }\r\n this.handleOptionSelect()\r\n } else {\r\n this.handleOptionSelect()\r\n this.hideDropdownList();\r\n }\r\n }\r\n\r\n defocusItem(element) {\r\n if (!element) return;\r\n element.removeAttribute('aria-selected');\r\n }\r\n\r\n focusItem(element) {\r\n this.defocusItem(this.activeItem);\r\n element.setAttribute('aria-selected', 'true');\r\n this.activeItem = element;\r\n\r\n if (this.dom.list.scrollHeight > this.dom.list.clientHeight) {\r\n const scrollBottom = this.dom.list.clientHeight + this.dom.list.scrollTop;\r\n const elementBottom = element.offsetTop + element.offsetHeight;\r\n if (elementBottom > scrollBottom) {\r\n this.dom.list.scrollTop = elementBottom - this.dom.list.clientHeight;\r\n } else if (element.offsetTop < this.dom.list.scrollTop) {\r\n this.dom.list.scrollTop = element.offsetTop;\r\n }\r\n }\r\n }\r\n\r\n focusFirst() {\r\n const firstItem = this.dom.list.querySelector('[role=\"option\"]');\r\n if (firstItem) {\r\n this.focusItem(firstItem);\r\n }\r\n }\r\n\r\n focusLast() {\r\n const items = this.dom.list.querySelectorAll('[role=\"option\"]');\r\n\r\n if (items.length) {\r\n this.focusItem(items[items.length - 1]);\r\n }\r\n }\r\n\r\n showDropdownList() {\r\n this.dom.wrapper.classList.add('is-focused');\r\n this.dom.trigger.setAttribute('aria-expanded', true);\r\n }\r\n\r\n hideDropdownList() {\r\n this.dom.wrapper.classList.remove('is-focused');\r\n this.dom.trigger.removeAttribute('aria-expanded');\r\n this.defocusItem(this.activeItem);\r\n this.activeItem = null;\r\n }\r\n\r\n getPlaceholder(value) {\r\n const placeholder = this.el.dataset.placeholder;\r\n\r\n if (this.multiselect) {\r\n let selectedOptionLabel, count = value.length;\r\n if (value.length > 0) {\r\n if (value.includes('All')) count = count - 1;\r\n if (value.includes('')) count = count - 1;\r\n selectedOptionLabel = `Selected(${count})`;\r\n } else {\r\n selectedOptionLabel = this.options.find(\r\n option => option.value === ''\r\n ).text;\r\n }\r\n if (placeholder) {\r\n return `${\r\n selectedOptionLabel\r\n ? `<span>${placeholder}:</span>`\r\n : `<span>${placeholder}</span>`\r\n } ${selectedOptionLabel}`;\r\n }\r\n return selectedOptionLabel;\r\n }\r\n\r\n const selectedOptionLabel = this.options.find(\r\n option => option.value === value\r\n ).text;\r\n if (placeholder) {\r\n return `${\r\n selectedOptionLabel\r\n ? `<span>${placeholder}:</span>`\r\n : `<span>${placeholder}</span>`\r\n } ${selectedOptionLabel}`;\r\n }\r\n return selectedOptionLabel;\r\n\r\n }\r\n\r\n buildDropdown() {\r\n const listId = uuidv4();\r\n this.dom.wrapper = document.createElement('div');\r\n this.el.setAttribute('aria-hidden', true);\r\n this.el.setAttribute('tabindex', '-1');\r\n this.el.parentNode.insertBefore(this.dom.wrapper, this.el);\r\n this.dom.wrapper.classList.add('dropdown');\r\n\r\n if (this.style) {\r\n this.dom.wrapper.classList.add(`dropdown--${this.style}`);\r\n }\r\n\r\n if (isDevice()) {\r\n this.dom.wrapper.classList.add('dropdown--native');\r\n }\r\n this.dom.wrapper.appendChild(this.el);\r\n\r\n this.dom.trigger = document.createElement('button');\r\n this.dom.trigger.classList.add('dropdown__trigger');\r\n this.dom.trigger.setAttribute('type', 'button');\r\n this.dom.trigger.setAttribute('role', 'combobox');\r\n this.dom.trigger.setAttribute('aria-haspopup', 'listbox');\r\n this.dom.trigger.setAttribute('aria-expanded', false);\r\n this.dom.trigger.setAttribute('aria-controls', `${listId}`);\r\n\r\n // Get label\r\n const label = document.querySelector(`label[for=\"${this.el.id}\"]`);\r\n\r\n if (label) {\r\n this.dom.trigger.setAttribute('aria-label', label.textContent);\r\n this.dom.wrapper.appendChild(label);\r\n }\r\n\r\n this.dom.trigger.innerHTML = this.getPlaceholder(this.el.value);\r\n\r\n this.dom.wrapper.appendChild(this.dom.trigger);\r\n\r\n this.dom.list = document.createElement('ul');\r\n this.dom.list.id = listId;\r\n this.dom.list.classList.add('dropdown__list');\r\n this.dom.list.setAttribute('role', 'listbox');\r\n this.dom.list.setAttribute(\r\n 'aria-label',\r\n this.el.getAttribute('aria-label')\r\n );\r\n this.dom.list.innerHTML = this.options\r\n //.filter(option => option.value)\r\n .map(\r\n option => {\r\n const disabled = option.getAttribute('disabled') ? ' is-disabled' : '';\r\n return `<li class=\"dropdown__item ${disabled}\" role=\"option\" data-value=\"${\r\n option.value\r\n }\" aria-selected=\"${option.value === this.el.value}\">${\r\n option.text\r\n }</li>`\r\n }\r\n )\r\n .join('');\r\n this.el.parentNode.insertBefore(this.dom.list, this.el.nextSibling);\r\n this.dom.wrapper.appendChild(this.dom.list);\r\n }\r\n\r\n buildMultiSelectDropdown() {\r\n const listId = uuidv4();\r\n this.dom.wrapper = document.createElement('div');\r\n this.el.setAttribute('aria-hidden', true);\r\n this.el.setAttribute('tabindex', '-1');\r\n this.el.parentNode.insertBefore(this.dom.wrapper, this.el);\r\n this.dom.wrapper.classList.add('multiselect-dropdown');\r\n\r\n if (this.style) {\r\n this.dom.wrapper.classList.add(`multidropdown--${this.style}`);\r\n }\r\n\r\n if (isDevice()) {\r\n this.dom.wrapper.classList.add('multidropdown--native');\r\n }\r\n this.dom.wrapper.appendChild(this.el);\r\n\r\n this.dom.trigger = document.createElement('button');\r\n this.dom.trigger.classList.add('multidropdown__trigger');\r\n this.dom.trigger.setAttribute('type', 'button');\r\n this.dom.trigger.setAttribute('role', 'combobox');\r\n this.dom.trigger.setAttribute('aria-haspopup', 'listbox');\r\n this.dom.trigger.setAttribute('aria-expanded', false);\r\n this.dom.trigger.setAttribute('aria-controls', `${listId}`);\r\n\r\n // Get label\r\n const label = document.querySelector(`label[for=\"${this.el.id}\"]`);\r\n\r\n if (label) {\r\n this.dom.trigger.setAttribute('aria-label', label.textContent);\r\n this.dom.wrapper.appendChild(label);\r\n }\r\n\r\n this.dom.trigger.innerHTML = this.getPlaceholder(this.el.value);\r\n //this.dom.trigger.innerHTML = this.getPlaceholder(this.selectedArray);\r\n\r\n this.dom.wrapper.appendChild(this.dom.trigger);\r\n\r\n this.dom.list = document.createElement('ul');\r\n this.dom.list.id = listId;\r\n this.dom.list.classList.add('dropdown__list');\r\n this.dom.list.setAttribute('role', 'listbox');\r\n this.dom.list.setAttribute(\r\n 'aria-label',\r\n this.el.getAttribute('aria-label')\r\n );\r\n this.dom.list.innerHTML = this.options\r\n //.filter(option => option.value)\r\n .map(\r\n option => {\r\n const disabled = option.getAttribute('disabled') ? ' is-disabled' : '';\r\n if (option.value.trim().length !== 0) {\r\n\r\n /* return ` <li class=\"multidropdown__item ${disabled}\" data-value=\"${option.value}\" aria-selected=\"${option.value === this.el.value}\"><input id=\"${option.value}\" type=\"checkbox\" name=\"__field_87\" value=\"${option.value}\"\r\n class=\"FormChoice__Input FormChoice__Input--Checkbox checkmark\" data-f-datainput=\"\" aria-label=\"${option.text}\"\r\n /> ${option.text} </li>` */\r\n return ` <li class=\"multidropdown__item ${disabled}\" data-value=\"${option.value}\" aria-selected=\"${option.value === this.el.value}\">\r\n\r\n <input id=\"${option.value}\" type=\"checkbox\" name=\"__field_87\" value=\"${option.value}\"\r\n \r\n class=\"FormChoice__Input FormChoice__Input--Checkbox\" data-f-datainput=\"\" aria-label=\"${option.text}\"\r\n \r\n /><span class=\"checkmark\"></span> ${option.text} </li>`\r\n }\r\n }\r\n )\r\n .join('');\r\n this.el.parentNode.insertBefore(this.dom.list, this.el.nextSibling);\r\n this.dom.wrapper.appendChild(this.dom.list);\r\n }\r\n\r\n destroy() {\r\n const parent = this.el.parentNode;\r\n parent.removeChild(this.el);\r\n parent.parentNode.insertBefore(this.el, parent);\r\n parent.parentNode.removeChild(parent);\r\n }\r\n\r\n update() {\r\n this.destroy();\r\n this.setupDefaults();\r\n this.addListeners();\r\n }\r\n}\r\n\r\nexport default Module;\r\n","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation. Also,\n // find the complete implementation of crypto (msCrypto) on IE11.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);\n\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n\n return getRandomValues(rnds8);\n}","export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nvar byteToHex = [];\n\nfor (var i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).substr(1));\n}\n\nfunction stringify(arr) {\n var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n\n return uuid;\n}\n\nexport default stringify;","import REGEX from './regex.js';\n\nfunction validate(uuid) {\n return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;","import rng from './rng.js';\nimport stringify from './stringify.js';\n\nfunction v4(options, buf, offset) {\n options = options || {};\n var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n offset = offset || 0;\n\n for (var i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n\n return buf;\n }\n\n return stringify(rnds);\n}\n\nexport default v4;"],"sourceRoot":""}