mirror of https://github.com/docusealco/docuseal
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.3 KiB
43 lines
1.3 KiB
import { actionable } from '@github/catalyst/lib/actionable'
|
|
import { targets, targetable } from '@github/catalyst/lib/targetable'
|
|
import { announcePolite } from './aria_announce'
|
|
|
|
export default actionable(targetable(class extends HTMLElement {
|
|
static [targets.static] = ['items']
|
|
|
|
addItem (e) {
|
|
e.preventDefault()
|
|
|
|
const originalItem = this.items[0]
|
|
const duplicateItem = originalItem.cloneNode(true)
|
|
const uniqueId = Math.floor(Math.random() * 10 ** 16)
|
|
|
|
duplicateItem.querySelectorAll("select, textarea, input:not([type='hidden'])").forEach((input) => {
|
|
input.value = ''
|
|
input.checked = false
|
|
input.removeAttribute('selected')
|
|
})
|
|
|
|
duplicateItem.querySelectorAll('select, textarea, input').forEach((input) => {
|
|
input.name = input.name.replace('[1]', `[${uniqueId}]`)
|
|
})
|
|
|
|
duplicateItem.querySelectorAll('a.hidden').forEach((button) => button.classList.toggle('hidden'))
|
|
|
|
originalItem.parentNode.append(duplicateItem)
|
|
|
|
const firstInput = duplicateItem.querySelector("select, textarea, input:not([type='hidden'])")
|
|
if (firstInput) firstInput.focus()
|
|
}
|
|
|
|
removeItem (e) {
|
|
e.preventDefault()
|
|
|
|
const item = this.items.find((item) => item.contains(e.target))
|
|
if (item) {
|
|
item.remove()
|
|
announcePolite('Item removed')
|
|
}
|
|
}
|
|
}))
|