dees-catalog/ts_web/elements/dees-form-submit.ts
2021-08-25 16:09:52 +02:00

42 lines
980 B
TypeScript

import { customElement, html, DeesElement, css, cssManager, property } from '@designestate/dees-element';
import { DeesForm } from './dees-form';
declare global {
interface HTMLElementTagNameMap {
'dees-form-submit': DeesFormSubmit;
}
}
@customElement('dees-form-submit')
export class DeesFormSubmit extends DeesElement {
public static demo = () => html`<dees-form-submit></dees-form-submit>`;
@property({
type: Boolean
})
public disabled = false;
@property({
type: String
})
public text: string;
constructor() {
super();
}
public static styles = [cssManager.defaultStyles, css``];
public render() {
return html`<dees-button @click="${this.submit}" .disabled="${this.disabled}">${this.text ? this.text : this.textContent}</dees-button> `;
}
public async submit() {
if(this.disabled) {
return;
}
const parentElement: DeesForm = this.parentElement as DeesForm;
parentElement.gatherAndDispatch();
}
}