31 lines
633 B
JavaScript
31 lines
633 B
JavaScript
|
const { html } = require('lit-element')
|
||
|
|
const { LegacyButton } = require('./button')
|
||
|
|
|
||
|
|
class LegacyButtonLink extends LegacyButton {
|
||
|
|
constructor () {
|
||
|
|
super()
|
||
|
|
this.href = ''
|
||
|
|
}
|
||
|
|
|
||
|
|
static get properties () {
|
||
|
|
return {
|
||
|
|
size: {
|
||
|
|
type: String,
|
||
|
|
attribute: 'btn-width'
|
||
|
|
},
|
||
|
|
href: {
|
||
|
|
type: String,
|
||
|
|
attribute: 'go-to'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
render () {
|
||
|
|
return html`
|
||
|
|
<a class="legacy-btn" href=${this.href} target="_blank" style="width: calc(${this.size} * var(--guiScale));"><slot></slot></a>
|
||
|
|
`
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
window.customElements.define('legacy-button-link', LegacyButtonLink)
|