@design.estate/dees-catalog 3.83.0 → 3.84.0

package/dist_bundle/bundle.js

@@ -164713,6 +164713,37 @@ var FORM_INPUT_TYPES = [
   DeesInputRichtext,
   DeesTable
 ];
+function isBuiltInFormInputElement(child) {
+  return FORM_INPUT_TYPES.includes(child.constructor);
+}
+__name(isBuiltInFormInputElement, "isBuiltInFormInputElement");
+function isExternalFormCompatibleElement(child) {
+  if (isBuiltInFormInputElement(child)) {
+    return false;
+  }
+  const candidate = child;
+  return typeof candidate.key === "string" && typeof candidate.changeSubject?.subscribe === "function" && typeof candidate.getValue === "function" && typeof candidate.setValue === "function";
+}
+__name(isExternalFormCompatibleElement, "isExternalFormCompatibleElement");
+function isFormInputElement(child) {
+  return isBuiltInFormInputElement(child) || isExternalFormCompatibleElement(child);
+}
+__name(isFormInputElement, "isFormInputElement");
+function getFormElementValue(child) {
+  if (isExternalFormCompatibleElement(child)) {
+    return child.getValue();
+  }
+  return child.value;
+}
+__name(getFormElementValue, "getFormElementValue");
+function setFormElementValue(child, value2) {
+  if (isExternalFormCompatibleElement(child)) {
+    child.setValue(value2);
+    return;
+  }
+  child.value = value2;
+}
+__name(setFormElementValue, "setFormElementValue");
 _DeesForm_decorators = [customElement("dees-form")];
 var _DeesForm = class _DeesForm extends (_a43 = DeesElement, _horizontalLayout_dec = [n5({ type: Boolean, reflect: true, attribute: "horizontal-layout" })], _a43) {
   constructor() {
@@ -164732,19 +164763,19 @@ var _DeesForm = class _DeesForm extends (_a43 = DeesElement, _horizontalLayout_d
     this.updateRequiredStatus();
     this.updateChildrenLayoutMode();
     for (const child of formChildren) {
-      child.changeSubject.subscribe(async () => {
+      const childSubscription = child.changeSubject.subscribe(async () => {
         const valueObject = await this.collectFormData();
         this.changeSubject.next(valueObject);
-        console.log(valueObject);
         this.updateRequiredStatus();
       });
+      this.rxSubscriptions.push(childSubscription);
     }
     await this.addBehaviours();
     this.readyDeferred.resolve();
   }
   getFormElements() {
     return Array.from(this.querySelectorAll("*")).filter(
-      (child) => FORM_INPUT_TYPES.includes(child.constructor)
+      (child) => isFormInputElement(child)
     );
   }
   getSubmitButton() {
@@ -164753,10 +164784,9 @@ var _DeesForm = class _DeesForm extends (_a43 = DeesElement, _horizontalLayout_d
     );
   }
   async updateRequiredStatus() {
-    console.log("checking the required status.");
     let requiredOK = true;
     for (const childArg of this.getFormElements()) {
-      if (childArg.required && !childArg.value) {
+      if (childArg.required && !getFormElementValue(childArg)) {
         requiredOK = false;
       }
     }
@@ -164777,7 +164807,7 @@ var _DeesForm = class _DeesForm extends (_a43 = DeesElement, _horizontalLayout_d
         console.log(`form element with label "${child.label}" has no key. skipping.`);
         continue;
       }
-      valueObject[child.key] = child.value;
+      valueObject[child.key] = getFormElementValue(child);
     }
     return valueObject;
   }
@@ -164790,8 +164820,6 @@ var _DeesForm = class _DeesForm extends (_a43 = DeesElement, _horizontalLayout_d
       bubbles: true
     });
     this.dispatchEvent(formDataEvent);
-    console.log("dispatched data:");
-    console.log(valueObject);
   }
   setStatus(visualStateArg, textStateArg) {
     const inputChildren = this.getFormElements();
@@ -164835,14 +164863,14 @@ var _DeesForm = class _DeesForm extends (_a43 = DeesElement, _horizontalLayout_d
   reset() {
     const inputChildren = this.getFormElements();
     for (const inputChild of inputChildren) {
-      inputChild.value = null;
+      setFormElementValue(inputChild, null);
     }
     this.setStatus("normal", "Submit");
   }
   async addBehaviours() {
     this.addEventListener("keydown", (event) => {
       const target = event.target;
-      if (!FORM_INPUT_TYPES.includes(target.constructor)) return;
+      if (!isFormInputElement(target)) return;
       if (event.key === "Enter") {
         const children2 = this.getFormElements();
         const currentIndex = children2.indexOf(target);
@@ -200528,7 +200556,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "3.83.0",
+  version: "3.84.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 export {

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '3.83.0',
+    version: '3.84.0',
     description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9

package/dist_ts_web/elements/00group-form/dees-form/dees-form.d.ts

@@ -19,7 +19,26 @@ import { DeesInputWysiwyg } from '../../00group-input/dees-input-wysiwyg/dees-in
 import { DeesInputRichtext } from '../../00group-input/dees-input-richtext/component.js';
 import { DeesFormSubmit } from '../dees-form-submit/dees-form-submit.js';
 import { DeesTable } from '../../00group-dataview/dees-table/index.js';
-export type TFormInputElement = DeesInputCheckbox | DeesInputCode | DeesInputDatepicker | DeesInputDropdown | DeesInputFileupload | DeesInputIban | DeesInputMultitoggle | DeesInputPhone | DeesInputQuantitySelector | DeesInputRadiogroup | DeesInputText | DeesInputToggle | DeesInputTypelist | DeesInputTags | DeesInputList | DeesInputWysiwyg | DeesInputRichtext | DeesTable<any>;
+export interface IFormCompatibleElement extends HTMLElement {
+    key?: string;
+    label?: string;
+    value?: unknown;
+    required?: boolean;
+    disabled?: boolean;
+    layoutMode?: 'vertical' | 'horizontal' | 'auto';
+    changeSubject?: {
+        subscribe: (callback: (...args: unknown[]) => unknown) => domtools.plugins.smartrx.rxjs.Subscription;
+    };
+    getValue?: () => unknown;
+    setValue?: (value: unknown) => void;
+}
+export type TFormDataValue = string | number | boolean | null | undefined | unknown[] | File[] | {
+    option: string;
+    key: string;
+    payload?: unknown;
+} | Record<string, unknown>;
+export type TFormData = Record<string, TFormDataValue>;
+export type TFormInputElement = DeesInputCheckbox | DeesInputCode | DeesInputDatepicker | DeesInputDropdown | DeesInputFileupload | DeesInputIban | DeesInputMultitoggle | DeesInputPhone | DeesInputQuantitySelector | DeesInputRadiogroup | DeesInputText | DeesInputToggle | DeesInputTypelist | DeesInputTags | DeesInputList | DeesInputWysiwyg | DeesInputRichtext | DeesTable<any> | IFormCompatibleElement;
 declare global {
     interface HTMLElementTagNameMap {
         'dees-form': DeesForm;
@@ -46,13 +65,7 @@ export declare class DeesForm extends DeesElement {
      * collects the form data
      * @returns
      */
-    collectFormData(): Promise<{
-        [key: string]: string | number | boolean | any[] | File[] | {
-            option: string;
-            key: string;
-            payload?: any;
-        };
-    }>;
+    collectFormData(): Promise<TFormData>;
     gatherAndDispatch(): Promise<void>;
     setStatus(visualStateArg: 'normal' | 'pending' | 'error' | 'success', textStateArg: string): void;
     /**

package/dist_ts_web/elements/00group-form/dees-form/dees-form.js

@@ -75,6 +75,35 @@ const FORM_INPUT_TYPES = [
     DeesInputRichtext,
     DeesTable,
 ];
+function isBuiltInFormInputElement(child) {
+    return FORM_INPUT_TYPES.includes(child.constructor);
+}
+function isExternalFormCompatibleElement(child) {
+    if (isBuiltInFormInputElement(child)) {
+        return false;
+    }
+    const candidate = child;
+    return typeof candidate.key === 'string'
+        && typeof candidate.changeSubject?.subscribe === 'function'
+        && typeof candidate.getValue === 'function'
+        && typeof candidate.setValue === 'function';
+}
+function isFormInputElement(child) {
+    return isBuiltInFormInputElement(child) || isExternalFormCompatibleElement(child);
+}
+function getFormElementValue(child) {
+    if (isExternalFormCompatibleElement(child)) {
+        return child.getValue();
+    }
+    return child.value;
+}
+function setFormElementValue(child, value) {
+    if (isExternalFormCompatibleElement(child)) {
+        child.setValue(value);
+        return;
+    }
+    child.value = value;
+}
 let DeesForm = (() => {
     let _classDecorators = [customElement('dees-form')];
     let _classDescriptor;
@@ -132,28 +161,27 @@ let DeesForm = (() => {
             this.updateRequiredStatus();
             this.updateChildrenLayoutMode();
             for (const child of formChildren) {
-                child.changeSubject.subscribe(async () => {
+                const childSubscription = child.changeSubject.subscribe(async () => {
                     const valueObject = await this.collectFormData();
                     this.changeSubject.next(valueObject);
-                    console.log(valueObject);
                     this.updateRequiredStatus();
                 });
+                this.rxSubscriptions.push(childSubscription);
             }
             await this.addBehaviours();
             this.readyDeferred.resolve();
         }
         getFormElements() {
             // Use querySelectorAll('*') to find form inputs nested inside wrapper elements (e.g. <div>)
-            return Array.from(this.querySelectorAll('*')).filter((child) => FORM_INPUT_TYPES.includes(child.constructor));
+            return Array.from(this.querySelectorAll('*')).filter((child) => isFormInputElement(child));
         }
         getSubmitButton() {
             return Array.from(this.querySelectorAll('*')).find((child) => child instanceof DeesFormSubmit);
         }
         async updateRequiredStatus() {
-            console.log('checking the required status.');
             let requiredOK = true;
             for (const childArg of this.getFormElements()) {
-                if (childArg.required && !childArg.value) {
+                if (childArg.required && !getFormElementValue(childArg)) {
                     requiredOK = false;
                 }
             }
@@ -174,7 +202,7 @@ let DeesForm = (() => {
                     console.log(`form element with label "${child.label}" has no key. skipping.`);
                     continue;
                 }
-                valueObject[child.key] = child.value;
+                valueObject[child.key] = getFormElementValue(child);
             }
             return valueObject;
         }
@@ -187,8 +215,6 @@ let DeesForm = (() => {
                 bubbles: true,
             });
             this.dispatchEvent(formDataEvent);
-            console.log('dispatched data:');
-            console.log(valueObject);
         }
         setStatus(visualStateArg, textStateArg) {
             const inputChildren = this.getFormElements();
@@ -233,7 +259,7 @@ let DeesForm = (() => {
         reset() {
             const inputChildren = this.getFormElements();
             for (const inputChild of inputChildren) {
-                inputChild.value = null;
+                setFormElementValue(inputChild, null);
             }
             this.setStatus('normal', 'Submit');
         }
@@ -241,7 +267,7 @@ let DeesForm = (() => {
             // Use event delegation
             this.addEventListener('keydown', (event) => {
                 const target = event.target;
-                if (!FORM_INPUT_TYPES.includes(target.constructor))
+                if (!isFormInputElement(target))
                     return;
                 if (event.key === 'Enter') {
                     const children = this.getFormElements();
@@ -288,4 +314,4 @@ let DeesForm = (() => {
     return DeesForm = _classThis;
 })();
 export { DeesForm };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtZm9ybS9kZWVzLWZvcm0vZGVlcy1mb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBRUgsV0FBVyxFQUVYLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDbkcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUN2RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnRkFBZ0YsQ0FBQztBQUMzSCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUN6RyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNuRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUN6RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDdkYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0VBQXNFLENBQUM7QUFDNUcsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUM3RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNuRyxPQUFPLEVBQUUsYUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtZm9ybS9kZWVzLWZvcm0vZGVlcy1mb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBRUgsV0FBVyxFQUVYLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDbkcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUN2RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnRkFBZ0YsQ0FBQztBQUMzSCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUN6RyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNuRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUN6RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDdkYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0VBQXNFLENBQUM7QUFDNUcsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUM3RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNuRyxPQUFPLEVBQUUsYUFB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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "3.83.0",
+  "version": "3.84.0",
   "private": false,
   "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
   "main": "dist_ts_web/index.js",

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.83.0',
+  version: '3.84.0',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

package/ts_web/elements/00group-form/dees-form/dees-form.ts

@@ -52,6 +52,37 @@ const FORM_INPUT_TYPES = [
   DeesTable,
 ];
 
+export interface IFormCompatibleElement extends HTMLElement {
+  key?: string;
+  label?: string;
+  value?: unknown;
+  required?: boolean;
+  disabled?: boolean;
+  layoutMode?: 'vertical' | 'horizontal' | 'auto';
+  changeSubject?: {
+    subscribe: (callback: (...args: unknown[]) => unknown) => domtools.plugins.smartrx.rxjs.Subscription;
+  };
+  getValue?: () => unknown;
+  setValue?: (value: unknown) => void;
+}
+
+export type TFormDataValue =
+  | string
+  | number
+  | boolean
+  | null
+  | undefined
+  | unknown[]
+  | File[]
+  | { option: string; key: string; payload?: unknown }
+  | Record<string, unknown>;
+
+export type TFormData = Record<string, TFormDataValue>;
+
+type TFormElementChangeSubject = {
+  subscribe: (callback: () => Promise<void>) => domtools.plugins.smartrx.rxjs.Subscription;
+};
+
 export type TFormInputElement =
   | DeesInputCheckbox
   | DeesInputCode
@@ -70,7 +101,42 @@ export type TFormInputElement =
   | DeesInputList
   | DeesInputWysiwyg
   | DeesInputRichtext
-  | DeesTable<any>;
+  | DeesTable<any>
+  | IFormCompatibleElement;
+
+function isBuiltInFormInputElement(child: Element): boolean {
+  return FORM_INPUT_TYPES.includes(child.constructor as any);
+}
+
+function isExternalFormCompatibleElement(child: Element): child is IFormCompatibleElement {
+  if (isBuiltInFormInputElement(child)) {
+    return false;
+  }
+  const candidate = child as IFormCompatibleElement;
+  return typeof candidate.key === 'string'
+    && typeof candidate.changeSubject?.subscribe === 'function'
+    && typeof candidate.getValue === 'function'
+    && typeof candidate.setValue === 'function';
+}
+
+function isFormInputElement(child: Element): child is TFormInputElement {
+  return isBuiltInFormInputElement(child) || isExternalFormCompatibleElement(child);
+}
+
+function getFormElementValue(child: TFormInputElement): TFormDataValue {
+  if (isExternalFormCompatibleElement(child as Element)) {
+    return (child as IFormCompatibleElement).getValue!() as TFormDataValue;
+  }
+  return (child as { value: TFormDataValue }).value;
+}
+
+function setFormElementValue(child: TFormInputElement, value: TFormDataValue): void {
+  if (isExternalFormCompatibleElement(child as Element)) {
+    (child as IFormCompatibleElement).setValue!(value);
+    return;
+  }
+  (child as { value: TFormDataValue }).value = value;
+}
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -123,12 +189,12 @@ export class DeesForm extends DeesElement {
     this.updateChildrenLayoutMode();
 
     for (const child of formChildren) {
-      child.changeSubject.subscribe(async () => {
+      const childSubscription = (child.changeSubject as TFormElementChangeSubject).subscribe(async () => {
         const valueObject = await this.collectFormData();
         this.changeSubject.next(valueObject);
-        console.log(valueObject);
         this.updateRequiredStatus();
       });
+      this.rxSubscriptions.push(childSubscription);
     }
     await this.addBehaviours();
     this.readyDeferred.resolve();
@@ -137,7 +203,7 @@ export class DeesForm extends DeesElement {
   public getFormElements(): Array<TFormInputElement> {
     // Use querySelectorAll('*') to find form inputs nested inside wrapper elements (e.g. <div>)
     return Array.from(this.querySelectorAll('*')).filter((child) =>
-      FORM_INPUT_TYPES.includes(child.constructor as any)
+      isFormInputElement(child)
     ) as unknown as TFormInputElement[];
   }
 
@@ -148,11 +214,9 @@ export class DeesForm extends DeesElement {
   }
 
   public async updateRequiredStatus() {
-    console.log('checking the required status.');
-
     let requiredOK = true;
     for (const childArg of this.getFormElements()) {
-      if (childArg.required && !childArg.value) {
+      if (childArg.required && !getFormElementValue(childArg)) {
         requiredOK = false;
       }
     }
@@ -168,7 +232,7 @@ export class DeesForm extends DeesElement {
    */
   public async collectFormData() {
     const children = this.getFormElements();
-    const valueObject: { [key: string]: string | number | boolean | any[] | File[] | { option: string; key: string; payload?: any } } = {};
+    const valueObject: TFormData = {};
     
     for (const child of children) {
       if (!child.key) {
@@ -176,7 +240,7 @@ export class DeesForm extends DeesElement {
         continue;
       }
       
-      valueObject[child.key] = child.value;
+      valueObject[child.key] = getFormElementValue(child);
     }
     
     return valueObject;
@@ -191,8 +255,6 @@ export class DeesForm extends DeesElement {
       bubbles: true,
     });
     this.dispatchEvent(formDataEvent);
-    console.log('dispatched data:');
-    console.log(valueObject);
   }
 
   public setStatus(
@@ -244,7 +306,7 @@ export class DeesForm extends DeesElement {
     const inputChildren = this.getFormElements();
 
     for (const inputChild of inputChildren) {
-      inputChild.value = null;
+      setFormElementValue(inputChild, null);
     }
     this.setStatus('normal', 'Submit');
   }
@@ -253,7 +315,7 @@ export class DeesForm extends DeesElement {
     // Use event delegation
     this.addEventListener('keydown', (event: KeyboardEvent) => {
       const target = event.target as DeesElement;
-      if (!FORM_INPUT_TYPES.includes(target.constructor as any)) return;
+      if (!isFormInputElement(target)) return;
 
       if (event.key === 'Enter') {
         const children = this.getFormElements();