design.estate/dees-catalog
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Import dees-button in dees-form-submit for button functionality

Browse Source
This commit is contained in:
Juergen Kunz
2025-06-19 13:47:52 +00:00
parent d321db363d
commit 873579fc97
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ts_web/elements/dees-form-submit.demo.ts Normal file
View File

@ -0,0 +1,3 @@
import { html } from '@design.estate/dees-element';
export const demoFunc = () => html`<dees-form-submit>Submit Form</dees-form-submit>`;

9
ts_web/elements/dees-form-submit.ts
View File

@ -1,3 +1,4 @@
import { demoFunc } from './dees-form-submit.demo.js';
import {
customElement,
html,
@ -16,7 +17,7 @@ declare global {
@customElement('dees-form-submit')
export class DeesFormSubmit extends DeesElement {
public static demo = () => html`<dees-form-submit>Submit Form</dees-form-submit>`;
public static demo = demoFunc;
@property({
type: Boolean,
@ -57,13 +58,15 @@ export class DeesFormSubmit extends DeesElement {
return;
}
const parentElement: DeesForm = this.parentElement as DeesForm;
parentElement.gatherAndDispatch();
if (parentElement && parentElement.gatherAndDispatch) {
parentElement.gatherAndDispatch();
}
}
public async focus() {
const domtools = await this.domtoolsPromise;
if (!this.disabled) {
domtools.convenience.smartdelay.delayFor(0);
await domtools.convenience.smartdelay.delayFor(0);
this.submit();
}
}