fix(core): update
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { customElement, html, DeesElement, css, cssManager } from '@designestate/dees-element';
|
||||
import { customElement, html, DeesElement, css, cssManager, property } from '@designestate/dees-element';
|
||||
import { DeesForm } from './dees-form';
|
||||
|
||||
declare global {
|
||||
@@ -9,6 +9,13 @@ declare global {
|
||||
|
||||
@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;
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
@@ -16,10 +23,13 @@ export class DeesFormSubmit extends DeesElement {
|
||||
public static styles = [cssManager.defaultStyles, css``];
|
||||
|
||||
public render() {
|
||||
return html` <dees-button @click="${this.submit}">${this.textContent}</dees-button> `;
|
||||
return html`<dees-button @click="${this.submit}" .disabled="${this.disabled}">${this.textContent}</dees-button> `;
|
||||
}
|
||||
|
||||
public async submit() {
|
||||
if(this.disabled) {
|
||||
return;
|
||||
}
|
||||
const parentElement: DeesForm = this.parentElement as DeesForm;
|
||||
parentElement.gatherAndDispatch();
|
||||
}
|
||||
|
Reference in New Issue
Block a user