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.
27 lines
704 B
27 lines
704 B
import { createApp, reactive } from 'vue'
|
|
|
|
import Flow from './flow_form/form'
|
|
|
|
window.customElements.define('flow-form', class extends HTMLElement {
|
|
connectedCallback () {
|
|
this.appElem = document.createElement('div')
|
|
|
|
this.app = createApp(Flow, {
|
|
submissionSlug: this.dataset.submissionSlug,
|
|
authenticityToken: this.dataset.authenticityToken,
|
|
values: reactive(JSON.parse(this.dataset.values)),
|
|
attachments: reactive(JSON.parse(this.dataset.attachments)),
|
|
fields: JSON.parse(this.dataset.fields)
|
|
})
|
|
|
|
this.app.mount(this.appElem)
|
|
|
|
this.appendChild(this.appElem)
|
|
}
|
|
|
|
disconnectedCallback () {
|
|
this.app?.unmount()
|
|
this.appElem?.remove()
|
|
}
|
|
})
|