tiny-essentials 1.24.0 → 1.24.1

package/dist/v1/libs/TinyHtml/input/TinyHtmlImageInput.mjs

@@ -0,0 +1,160 @@
+import TinyHtmlInput from '../TinyHtmlInput.mjs';
+/**
+ * TinyHtmlImageInput is a helper class for managing <input type="image"> elements.
+ * It supports validation and configuration of attributes such as alt, list, form actions,
+ * form behaviors, and size constraints.
+ *
+ * @example
+ * const imageInput = new TinyHtmlImageInput({
+ *   name: 'submitImage',
+ *   alt: 'Submit',
+ *   formaction: '/submit',
+ *   height: 40,
+ *   width: 100,
+ *   required: true
+ * });
+ */
+class TinyHtmlImageInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlImageInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string} [config.name] - The name of the input.
+     * @param {string} [config.placeholder] - Placeholder text.
+     * @param {'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain'} [config.formenctype] - Encoding type.
+     * @param {'get'|'post'|'dialog'} [config.formmethod] - Submission method.
+     * @param {boolean} [config.formnovalidate=false] - Whether to bypass form validation.
+     * @param {string} [config.formtarget] - Where to display the response.
+     * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off", "email").
+     * @param {string} [config.alt] - Alternative text for the image input.
+     * @param {string} [config.formaction] - URL to submit the form.
+     * @param {number} [config.height] - Height in CSS pixels.
+     * @param {number} [config.width] - Width in CSS pixels.
+     * @param {string} [config.list] - ID of a <datalist>.
+     * @param {string} [config.src] - Image source URL (**required**).
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+     * @param {string} [config.mainClass=''] - Main CSS class.
+     * @throws {TypeError} If any attribute has an invalid type or value.
+     */
+    constructor({ list, formenctype, formmethod, formnovalidate = false, height, width, formtarget, formaction, placeholder, name, readonly = false, required = false, alt, autocomplete, src, tags = [], mainClass = '', } = {}) {
+        super({ type: 'image', name, placeholder, tags, mainClass, readonly, required });
+        if (src !== undefined)
+            this.src = src;
+        if (alt !== undefined)
+            this.alt = alt;
+        if (list !== undefined)
+            this.list = list;
+        if (formaction !== undefined)
+            this.formaction = formaction;
+        if (formenctype !== undefined)
+            this.formenctype = formenctype;
+        if (formmethod !== undefined)
+            this.formmethod = formmethod;
+        this.formnovalidate = formnovalidate;
+        if (formtarget !== undefined)
+            this.formtarget = formtarget;
+        if (height !== undefined)
+            this.height = height;
+        if (width !== undefined)
+            this.width = width;
+        if (autocomplete !== undefined)
+            this.autocomplete = autocomplete;
+    }
+    /** @param {string} value */
+    set src(value) {
+        if (typeof value !== 'string')
+            throw new TypeError('TinyHtmlImageInput: "src" must be a string.');
+        this.setAttr('src', value);
+    }
+    /** @returns {string|null} */
+    get src() {
+        return this.attrString('src');
+    }
+    /** @param {string} alt */
+    set alt(alt) {
+        if (typeof alt !== 'string')
+            throw new TypeError('TinyHtmlImageInput: "alt" must be a string.');
+        this.setAttr('alt', alt);
+    }
+    /** @returns {string|null} */
+    get alt() {
+        return this.attrString('alt');
+    }
+    /** @param {string} list */
+    set list(list) {
+        if (typeof list !== 'string')
+            throw new TypeError('TinyHtmlImageInput: "list" must be a string (datalist id).');
+        this.setAttr('list', list);
+    }
+    /** @returns {string|null} */
+    get list() {
+        return this.attrString('list');
+    }
+    /** @param {string} formaction */
+    set formaction(formaction) {
+        if (typeof formaction !== 'string')
+            throw new TypeError('TinyHtmlImageInput: "formaction" must be a string.');
+        this.setAttr('formaction', formaction);
+    }
+    /** @returns {string|null} */
+    get formaction() {
+        return this.attrString('formaction');
+    }
+    /** @param {'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain'} formenctype */
+    set formenctype(formenctype) {
+        const allowed = ['application/x-www-form-urlencoded', 'multipart/form-data', 'text/plain'];
+        if (!allowed.includes(formenctype))
+            throw new TypeError(`TinyHtmlImageInput: "formenctype" must be one of ${allowed.join(', ')}.`);
+        this.setAttr('formenctype', formenctype);
+    }
+    /** @returns {string|null} */
+    get formenctype() {
+        return this.attrString('formenctype');
+    }
+    /** @param {'get'|'post'|'dialog'} formmethod */
+    set formmethod(formmethod) {
+        const allowed = ['get', 'post', 'dialog'];
+        if (!allowed.includes(formmethod))
+            throw new TypeError(`TinyHtmlImageInput: "formmethod" must be one of ${allowed.join(', ')}.`);
+        this.setAttr('formmethod', formmethod);
+    }
+    /** @returns {string|null} */
+    get formmethod() {
+        return this.attrString('formmethod');
+    }
+    /** @param {boolean} formnovalidate */
+    set formnovalidate(formnovalidate) {
+        if (typeof formnovalidate !== 'boolean')
+            throw new TypeError('TinyHtmlImageInput: "formnovalidate" must be a boolean.');
+        if (formnovalidate)
+            this.addProp('formnovalidate');
+        else
+            this.removeProp('formnovalidate');
+    }
+    /** @returns {boolean} */
+    get formnovalidate() {
+        return this.hasProp('formnovalidate');
+    }
+    /** @param {string} formtarget */
+    set formtarget(formtarget) {
+        if (typeof formtarget !== 'string')
+            throw new TypeError('TinyHtmlImageInput: "formtarget" must be a string.');
+        this.setAttr('formtarget', formtarget);
+    }
+    /** @returns {string|null} */
+    get formtarget() {
+        return this.attrString('formtarget');
+    }
+    /** @param {string} autocomplete */
+    set autocomplete(autocomplete) {
+        if (typeof autocomplete !== 'string')
+            throw new TypeError('TinyHtmlImageInput: "autocomplete" must be a string.');
+        this.setAttr('autocomplete', autocomplete);
+    }
+    /** @returns {string|null} */
+    get autocomplete() {
+        return this.attrString('autocomplete');
+    }
+}
+export default TinyHtmlImageInput;

package/dist/v1/libs/TinyHtml/input/button/TinyHtmlButtonInput.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+var TinyHtmlInput = require('../../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlButtonInput is a helper class for managing `<input type="button">` elements.
+ * It provides validation and easy configuration for standard and button-specific attributes.
+ *
+ * @example
+ * const button = new TinyHtmlButtonInput({
+ *   value: 'Click me',
+ *   name: 'myButton',
+ *   popovertarget: 'popoverId',
+ *   popovertargetaction: 'toggle'
+ * });
+ */
+class TinyHtmlButtonInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlButtonInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {string} [config.name] - The name of the input.
+   * @param {string} [config.placeholder] - Placeholder text (non-standard for buttons).
+   * @param {string} [config.popovertarget] - The ID of the target popover.
+   * @param {"show"|"hide"|"toggle"} [config.popovertargetaction] - The action applied to the popover.
+   * @param {string|number} [config.value="Button"] - The label displayed on the button.
+   * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+   * @param {boolean} [config.required=false] - Whether the input is required.
+   * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+   * @param {string} [config.mainClass=''] - Main CSS class applied.
+   * @throws {TypeError} If attributes are of the wrong type.
+   */
+  constructor({
+    value = 'Button',
+    tags = [],
+    placeholder,
+    popovertarget,
+    popovertargetaction,
+    readonly = false,
+    required = false,
+    name,
+    mainClass = '',
+  } = {}) {
+    super({ name, placeholder, type: 'button', tags, mainClass, readonly, required });
+
+    this.value = value;
+    if (popovertarget !== undefined) this.popovertarget = popovertarget;
+    if (popovertargetaction !== undefined) this.popovertargetaction = popovertargetaction;
+  }
+
+  /** @param {string|number} value */
+  set value(value) {
+    if (typeof value !== 'string' && typeof value !== 'number')
+      throw new TypeError('TinyHtmlButtonInput: "value" must be a string or number.');
+    this.setAttr('value', String(value));
+  }
+
+  /** @returns {string|null} */
+  get value() {
+    return this.attrString('value');
+  }
+
+  /** @param {string} popovertarget */
+  set popovertarget(popovertarget) {
+    if (typeof popovertarget !== 'string')
+      throw new TypeError('TinyHtmlButtonInput: "popovertarget" must be a string.');
+    this.setAttr('popovertarget', popovertarget);
+  }
+
+  /** @returns {string|null} */
+  get popovertarget() {
+    return this.attrString('popovertarget');
+  }
+
+  /** @param {"show"|"hide"|"toggle"} action */
+  set popovertargetaction(action) {
+    const allowed = ['show', 'hide', 'toggle'];
+    if (!allowed.includes(action))
+      throw new TypeError(
+        `TinyHtmlButtonInput: "popovertargetaction" must be one of ${allowed.join(', ')}.`,
+      );
+    this.setAttr('popovertargetaction', action);
+  }
+
+  /** @returns {string|null} */
+  get popovertargetaction() {
+    return this.attrString('popovertargetaction');
+  }
+}
+
+module.exports = TinyHtmlButtonInput;

package/dist/v1/libs/TinyHtml/input/button/TinyHtmlButtonInput.d.mts

@@ -0,0 +1,54 @@
+export default TinyHtmlButtonInput;
+/**
+ * TinyHtmlButtonInput is a helper class for managing `<input type="button">` elements.
+ * It provides validation and easy configuration for standard and button-specific attributes.
+ *
+ * @example
+ * const button = new TinyHtmlButtonInput({
+ *   value: 'Click me',
+ *   name: 'myButton',
+ *   popovertarget: 'popoverId',
+ *   popovertargetaction: 'toggle'
+ * });
+ */
+declare class TinyHtmlButtonInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlButtonInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string} [config.name] - The name of the input.
+     * @param {string} [config.placeholder] - Placeholder text (non-standard for buttons).
+     * @param {string} [config.popovertarget] - The ID of the target popover.
+     * @param {"show"|"hide"|"toggle"} [config.popovertargetaction] - The action applied to the popover.
+     * @param {string|number} [config.value="Button"] - The label displayed on the button.
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+     * @param {string} [config.mainClass=''] - Main CSS class applied.
+     * @throws {TypeError} If attributes are of the wrong type.
+     */
+    constructor({ value, tags, placeholder, popovertarget, popovertargetaction, readonly, required, name, mainClass, }?: {
+        name?: string | undefined;
+        placeholder?: string | undefined;
+        popovertarget?: string | undefined;
+        popovertargetaction?: "hide" | "show" | "toggle" | undefined;
+        value?: string | number | undefined;
+        readonly?: boolean | undefined;
+        required?: boolean | undefined;
+        tags?: string | string[] | Set<string> | undefined;
+        mainClass?: string | undefined;
+    });
+    /** @param {string|number} value */
+    set value(value: string | number);
+    /** @returns {string|null} */
+    get value(): string | null;
+    /** @param {string} popovertarget */
+    set popovertarget(popovertarget: string);
+    /** @returns {string|null} */
+    get popovertarget(): string | null;
+    /** @param {"show"|"hide"|"toggle"} action */
+    set popovertargetaction(action: "show" | "hide" | "toggle");
+    /** @returns {string|null} */
+    get popovertargetaction(): string | null;
+}
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+//# sourceMappingURL=TinyHtmlButtonInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/button/TinyHtmlButtonInput.mjs

@@ -0,0 +1,69 @@
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+/**
+ * TinyHtmlButtonInput is a helper class for managing `<input type="button">` elements.
+ * It provides validation and easy configuration for standard and button-specific attributes.
+ *
+ * @example
+ * const button = new TinyHtmlButtonInput({
+ *   value: 'Click me',
+ *   name: 'myButton',
+ *   popovertarget: 'popoverId',
+ *   popovertargetaction: 'toggle'
+ * });
+ */
+class TinyHtmlButtonInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlButtonInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string} [config.name] - The name of the input.
+     * @param {string} [config.placeholder] - Placeholder text (non-standard for buttons).
+     * @param {string} [config.popovertarget] - The ID of the target popover.
+     * @param {"show"|"hide"|"toggle"} [config.popovertargetaction] - The action applied to the popover.
+     * @param {string|number} [config.value="Button"] - The label displayed on the button.
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+     * @param {string} [config.mainClass=''] - Main CSS class applied.
+     * @throws {TypeError} If attributes are of the wrong type.
+     */
+    constructor({ value = 'Button', tags = [], placeholder, popovertarget, popovertargetaction, readonly = false, required = false, name, mainClass = '', } = {}) {
+        super({ name, placeholder, type: 'button', tags, mainClass, readonly, required });
+        this.value = value;
+        if (popovertarget !== undefined)
+            this.popovertarget = popovertarget;
+        if (popovertargetaction !== undefined)
+            this.popovertargetaction = popovertargetaction;
+    }
+    /** @param {string|number} value */
+    set value(value) {
+        if (typeof value !== 'string' && typeof value !== 'number')
+            throw new TypeError('TinyHtmlButtonInput: "value" must be a string or number.');
+        this.setAttr('value', String(value));
+    }
+    /** @returns {string|null} */
+    get value() {
+        return this.attrString('value');
+    }
+    /** @param {string} popovertarget */
+    set popovertarget(popovertarget) {
+        if (typeof popovertarget !== 'string')
+            throw new TypeError('TinyHtmlButtonInput: "popovertarget" must be a string.');
+        this.setAttr('popovertarget', popovertarget);
+    }
+    /** @returns {string|null} */
+    get popovertarget() {
+        return this.attrString('popovertarget');
+    }
+    /** @param {"show"|"hide"|"toggle"} action */
+    set popovertargetaction(action) {
+        const allowed = ['show', 'hide', 'toggle'];
+        if (!allowed.includes(action))
+            throw new TypeError(`TinyHtmlButtonInput: "popovertargetaction" must be one of ${allowed.join(', ')}.`);
+        this.setAttr('popovertargetaction', action);
+    }
+    /** @returns {string|null} */
+    get popovertargetaction() {
+        return this.attrString('popovertargetaction');
+    }
+}
+export default TinyHtmlButtonInput;

package/dist/v1/libs/TinyHtml/input/button/TinyHtmlResetInput.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var TinyHtmlInput = require('../../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlResetInput is a helper class for managing `<input type="reset">` elements.
+ * It allows configuring common attributes such as value, name, placeholder,
+ * readonly, and required, with validation and proper getter/setter methods.
+ *
+ * @example
+ * const resetBtn = new TinyHtmlResetInput({
+ *   value: 'Clear Form',
+ *   name: 'resetButton',
+ *   required: false,
+ *   tags: ['btn', 'btn-reset'],
+ * });
+ */
+class TinyHtmlResetInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlResetInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {string|number} [config.value] - The initial value of the reset button.
+   * @param {string} [config.name] - The name of the control.
+   * @param {string} [config.placeholder] - Placeholder text (non-standard but supported).
+   * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+   * @param {boolean} [config.required=false] - Whether the input is required.
+   * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+   * @param {string} [config.mainClass=''] - Main CSS class.
+   * @throws {TypeError} If any attribute is of the wrong type.
+   */
+  constructor({
+    value,
+    name,
+    placeholder,
+    readonly = false,
+    required = false,
+    tags = [],
+    mainClass = '',
+  } = {}) {
+    super({ name, placeholder, type: 'reset', tags, mainClass, readonly, required });
+
+    // value
+    if (value !== undefined) this.value = value;
+  }
+
+  /** @param {string|number} value */
+  set value(value) {
+    if (typeof value !== 'string' && typeof value !== 'number')
+      throw new TypeError('TinyHtmlResetInput: "value" must be a string or number.');
+    this.setAttr('value', value);
+  }
+
+  /** @returns {string|null} */
+  get value() {
+    return this.attrString('value');
+  }
+}
+
+module.exports = TinyHtmlResetInput;

package/dist/v1/libs/TinyHtml/input/button/TinyHtmlResetInput.d.mts

@@ -0,0 +1,43 @@
+export default TinyHtmlResetInput;
+/**
+ * TinyHtmlResetInput is a helper class for managing `<input type="reset">` elements.
+ * It allows configuring common attributes such as value, name, placeholder,
+ * readonly, and required, with validation and proper getter/setter methods.
+ *
+ * @example
+ * const resetBtn = new TinyHtmlResetInput({
+ *   value: 'Clear Form',
+ *   name: 'resetButton',
+ *   required: false,
+ *   tags: ['btn', 'btn-reset'],
+ * });
+ */
+declare class TinyHtmlResetInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlResetInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string|number} [config.value] - The initial value of the reset button.
+     * @param {string} [config.name] - The name of the control.
+     * @param {string} [config.placeholder] - Placeholder text (non-standard but supported).
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+     * @param {string} [config.mainClass=''] - Main CSS class.
+     * @throws {TypeError} If any attribute is of the wrong type.
+     */
+    constructor({ value, name, placeholder, readonly, required, tags, mainClass, }?: {
+        value?: string | number | undefined;
+        name?: string | undefined;
+        placeholder?: string | undefined;
+        readonly?: boolean | undefined;
+        required?: boolean | undefined;
+        tags?: string | string[] | Set<string> | undefined;
+        mainClass?: string | undefined;
+    });
+    /** @param {string|number} value */
+    set value(value: string | number);
+    /** @returns {string|null} */
+    get value(): string | null;
+}
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+//# sourceMappingURL=TinyHtmlResetInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/button/TinyHtmlResetInput.mjs

@@ -0,0 +1,45 @@
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+/**
+ * TinyHtmlResetInput is a helper class for managing `<input type="reset">` elements.
+ * It allows configuring common attributes such as value, name, placeholder,
+ * readonly, and required, with validation and proper getter/setter methods.
+ *
+ * @example
+ * const resetBtn = new TinyHtmlResetInput({
+ *   value: 'Clear Form',
+ *   name: 'resetButton',
+ *   required: false,
+ *   tags: ['btn', 'btn-reset'],
+ * });
+ */
+class TinyHtmlResetInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlResetInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string|number} [config.value] - The initial value of the reset button.
+     * @param {string} [config.name] - The name of the control.
+     * @param {string} [config.placeholder] - Placeholder text (non-standard but supported).
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+     * @param {string} [config.mainClass=''] - Main CSS class.
+     * @throws {TypeError} If any attribute is of the wrong type.
+     */
+    constructor({ value, name, placeholder, readonly = false, required = false, tags = [], mainClass = '', } = {}) {
+        super({ name, placeholder, type: 'reset', tags, mainClass, readonly, required });
+        // value
+        if (value !== undefined)
+            this.value = value;
+    }
+    /** @param {string|number} value */
+    set value(value) {
+        if (typeof value !== 'string' && typeof value !== 'number')
+            throw new TypeError('TinyHtmlResetInput: "value" must be a string or number.');
+        this.setAttr('value', value);
+    }
+    /** @returns {string|null} */
+    get value() {
+        return this.attrString('value');
+    }
+}
+export default TinyHtmlResetInput;

package/dist/v1/libs/TinyHtml/input/button/TinyHtmlSubmitInput.cjs

@@ -0,0 +1,141 @@
+'use strict';
+
+var TinyHtmlInput = require('../../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlSubmitInput is a helper class for managing
+ * <input type="submit"> elements with validation and attribute/property handling.
+ *
+ * @example
+ * const submitBtn = new TinyHtmlSubmitInput({
+ *   value: 'Send',
+ *   formaction: '/submit',
+ *   formenctype: 'multipart/form-data',
+ *   formmethod: 'post',
+ *   formnovalidate: true,
+ *   formtarget: '_blank'
+ * });
+ */
+class TinyHtmlSubmitInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlSubmitInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {string|number} [config.value] - Initial value (button label).
+   * @param {string} [config.name] - Name of the input control.
+   * @param {string} [config.placeholder] - Placeholder text (not common for submit inputs).
+   * @param {'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain'} [config.formenctype] - Form encoding type.
+   * @param {'get'|'post'|'dialog'} [config.formmethod] - Submission method.
+   * @param {boolean} [config.formnovalidate=false] - Whether to bypass form validation.
+   * @param {'_self'|'_blank'|'_parent'|'_top'|string} [config.formtarget] - Target browsing context for submission.
+   * @param {string} [config.formaction] - URL to which the form is submitted.
+   * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+   * @param {boolean} [config.required=false] - Whether the input is required.
+   * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
+   * @param {string} [config.mainClass=''] - Main CSS class.
+   * @throws {TypeError} If any attribute is of the wrong type.
+   */
+  constructor({
+    formenctype,
+    formmethod,
+    formnovalidate = false,
+    formtarget,
+    formaction,
+    readonly = false,
+    required = false,
+    value,
+    tags = [],
+    name,
+    placeholder,
+    mainClass = '',
+  } = {}) {
+    super({ name, placeholder, type: 'submit', tags, mainClass, readonly, required });
+
+    if (value !== undefined) this.value = value;
+    if (formaction !== undefined) this.formaction = formaction;
+    if (formenctype !== undefined) this.formenctype = formenctype;
+    if (formmethod !== undefined) this.formmethod = formmethod;
+    this.formnovalidate = formnovalidate;
+    if (formtarget !== undefined) this.formtarget = formtarget;
+  }
+
+  /** @param {string|number} value */
+  set value(value) {
+    if (typeof value !== 'string' && typeof value !== 'number')
+      throw new TypeError('TinyHtmlSubmitInput: "value" must be a string or number.');
+    this.setAttr('value', value);
+  }
+
+  /** @returns {string|null} */
+  get value() {
+    return this.attrString('value');
+  }
+
+  /** @param {string} formaction */
+  set formaction(formaction) {
+    if (typeof formaction !== 'string')
+      throw new TypeError('TinyHtmlSubmitInput: "formaction" must be a string.');
+    this.setAttr('formaction', formaction);
+  }
+
+  /** @returns {string|null} */
+  get formaction() {
+    return this.attrString('formaction');
+  }
+
+  /** @param {'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain'} formenctype */
+  set formenctype(formenctype) {
+    const allowed = ['application/x-www-form-urlencoded', 'multipart/form-data', 'text/plain'];
+    if (!allowed.includes(formenctype))
+      throw new TypeError(
+        `TinyHtmlSubmitInput: "formenctype" must be one of ${allowed.join(', ')}.`,
+      );
+    this.setAttr('formenctype', formenctype);
+  }
+
+  /** @returns {string|null} */
+  get formenctype() {
+    return this.attrString('formenctype');
+  }
+
+  /** @param {'get'|'post'|'dialog'} formmethod */
+  set formmethod(formmethod) {
+    const allowed = ['get', 'post', 'dialog'];
+    if (!allowed.includes(formmethod))
+      throw new TypeError(
+        `TinyHtmlSubmitInput: "formmethod" must be one of ${allowed.join(', ')}.`,
+      );
+    this.setAttr('formmethod', formmethod);
+  }
+
+  /** @returns {string|null} */
+  get formmethod() {
+    return this.attrString('formmethod');
+  }
+
+  /** @param {boolean} formnovalidate */
+  set formnovalidate(formnovalidate) {
+    if (typeof formnovalidate !== 'boolean')
+      throw new TypeError('TinyHtmlSubmitInput: "formnovalidate" must be a boolean.');
+    if (formnovalidate) this.addProp('formnovalidate');
+    else this.removeProp('formnovalidate');
+  }
+
+  /** @returns {boolean} */
+  get formnovalidate() {
+    return this.hasProp('formnovalidate');
+  }
+
+  /** @param {string} formtarget */
+  set formtarget(formtarget) {
+    if (typeof formtarget !== 'string')
+      throw new TypeError('TinyHtmlSubmitInput: "formtarget" must be a string.');
+    this.setAttr('formtarget', formtarget);
+  }
+
+  /** @returns {string|null} */
+  get formtarget() {
+    return this.attrString('formtarget');
+  }
+}
+
+module.exports = TinyHtmlSubmitInput;