tiny-essentials 1.28.1 → 1.28.3

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

@@ -1,4 +1,4 @@
-export default TinyHtmlButtonInput;
+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.
@@ -19,7 +19,7 @@ declare class TinyHtmlButtonInput extends TinyHtmlInput {
      * @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 {string} [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.
@@ -27,18 +27,18 @@ declare class TinyHtmlButtonInput extends TinyHtmlInput {
      * @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;
+        name?: string;
+        placeholder?: string;
+        popovertarget?: string;
+        popovertargetaction?: "show" | "hide" | "toggle";
+        value?: string;
+        readonly?: boolean;
+        required?: boolean;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
     });
-    /** @param {string|number} value */
-    set value(value: string | number);
+    /** @param {string} value */
+    set value(value: string);
     /** @returns {string|null} */
     get value(): string | null;
     /** @param {string} popovertarget */
@@ -50,5 +50,5 @@ declare class TinyHtmlButtonInput extends TinyHtmlInput {
     /** @returns {string|null} */
     get popovertargetaction(): string | null;
 }
-import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+export default TinyHtmlButtonInput;
 //# sourceMappingURL=TinyHtmlButtonInput.d.mts.map

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

@@ -19,7 +19,7 @@ class TinyHtmlButtonInput extends TinyHtmlInput {
      * @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 {string} [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.
@@ -34,15 +34,16 @@ class TinyHtmlButtonInput extends TinyHtmlInput {
         if (popovertargetaction !== undefined)
             this.popovertargetaction = popovertargetaction;
     }
-    /** @param {string|number} value */
+    /** @param {string} value */
     set value(value) {
         if (typeof value !== 'string' && typeof value !== 'number')
-            throw new TypeError('TinyHtmlButtonInput: "value" must be a string or number.');
+            throw new TypeError('TinyHtmlButtonInput: "value" must be a string.');
         this.setAttr('value', String(value));
+        this.setVal(String(value));
     }
     /** @returns {string|null} */
     get value() {
-        return this.attrString('value');
+        return this.valTxt();
     }
     /** @param {string} popovertarget */
     set popovertarget(popovertarget) {

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

@@ -19,7 +19,7 @@ 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.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.
@@ -46,13 +46,14 @@ class TinyHtmlResetInput extends TinyHtmlInput {
   /** @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.');
+      throw new TypeError('TinyHtmlResetInput: "value" must be a string.');
     this.setAttr('value', value);
+    this.setVal(value);
   }
 
   /** @returns {string|null} */
   get value() {
-    return this.attrString('value');
+    return this.valTxt();
   }
 }
 

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

@@ -1,4 +1,4 @@
-export default TinyHtmlResetInput;
+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,
@@ -16,7 +16,7 @@ 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.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.
@@ -26,18 +26,18 @@ declare class TinyHtmlResetInput extends TinyHtmlInput {
      * @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;
+        value?: string;
+        name?: string;
+        placeholder?: string;
+        readonly?: boolean;
+        required?: boolean;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
     });
     /** @param {string|number} value */
     set value(value: string | number);
     /** @returns {string|null} */
     get value(): string | null;
 }
-import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+export default TinyHtmlResetInput;
 //# sourceMappingURL=TinyHtmlResetInput.d.mts.map

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

@@ -16,7 +16,7 @@ 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.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.
@@ -34,12 +34,13 @@ class TinyHtmlResetInput extends TinyHtmlInput {
     /** @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.');
+            throw new TypeError('TinyHtmlResetInput: "value" must be a string.');
         this.setAttr('value', value);
+        this.setVal(value);
     }
     /** @returns {string|null} */
     get value() {
-        return this.attrString('value');
+        return this.valTxt();
     }
 }
 export default TinyHtmlResetInput;

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

@@ -20,7 +20,7 @@ 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.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.
@@ -58,16 +58,17 @@ class TinyHtmlSubmitInput extends TinyHtmlInput {
     if (formtarget !== undefined) this.formtarget = formtarget;
   }
 
-  /** @param {string|number} value */
+  /** @param {string} 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);
+    this.setVal(value);
   }
 
   /** @returns {string|null} */
   get value() {
-    return this.attrString('value');
+    return this.valTxt();
   }
 
   /** @param {string} formaction */

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

@@ -1,4 +1,4 @@
-export default TinyHtmlSubmitInput;
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
 /**
  * TinyHtmlSubmitInput is a helper class for managing
  * <input type="submit"> elements with validation and attribute/property handling.
@@ -17,7 +17,7 @@ declare 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.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.
@@ -32,21 +32,21 @@ declare class TinyHtmlSubmitInput extends TinyHtmlInput {
      * @throws {TypeError} If any attribute is of the wrong type.
      */
     constructor({ formenctype, formmethod, formnovalidate, formtarget, formaction, readonly, required, value, tags, name, placeholder, mainClass, }?: {
-        value?: string | number | undefined;
-        name?: string | undefined;
-        placeholder?: string | undefined;
-        formenctype?: "text/plain" | "application/x-www-form-urlencoded" | "multipart/form-data" | undefined;
-        formmethod?: "dialog" | "get" | "post" | undefined;
-        formnovalidate?: boolean | undefined;
-        formtarget?: string | undefined;
-        formaction?: string | undefined;
-        readonly?: boolean | undefined;
-        required?: boolean | undefined;
-        tags?: string | string[] | Set<string> | undefined;
-        mainClass?: string | undefined;
+        value?: string;
+        name?: string;
+        placeholder?: string;
+        formenctype?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
+        formmethod?: 'get' | 'post' | 'dialog';
+        formnovalidate?: boolean;
+        formtarget?: '_self' | '_blank' | '_parent' | '_top' | string;
+        formaction?: string;
+        readonly?: boolean;
+        required?: boolean;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
     });
-    /** @param {string|number} value */
-    set value(value: string | number);
+    /** @param {string} value */
+    set value(value: string);
     /** @returns {string|null} */
     get value(): string | null;
     /** @param {string} formaction */
@@ -54,11 +54,11 @@ declare class TinyHtmlSubmitInput extends TinyHtmlInput {
     /** @returns {string|null} */
     get formaction(): string | null;
     /** @param {'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain'} formenctype */
-    set formenctype(formenctype: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain");
+    set formenctype(formenctype: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain');
     /** @returns {string|null} */
     get formenctype(): string | null;
     /** @param {'get'|'post'|'dialog'} formmethod */
-    set formmethod(formmethod: "get" | "post" | "dialog");
+    set formmethod(formmethod: 'get' | 'post' | 'dialog');
     /** @returns {string|null} */
     get formmethod(): string | null;
     /** @param {boolean} formnovalidate */
@@ -70,5 +70,5 @@ declare class TinyHtmlSubmitInput extends TinyHtmlInput {
     /** @returns {string|null} */
     get formtarget(): string | null;
 }
-import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+export default TinyHtmlSubmitInput;
 //# sourceMappingURL=TinyHtmlSubmitInput.d.mts.map

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

@@ -17,7 +17,7 @@ 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.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.
@@ -45,15 +45,16 @@ class TinyHtmlSubmitInput extends TinyHtmlInput {
         if (formtarget !== undefined)
             this.formtarget = formtarget;
     }
-    /** @param {string|number} value */
+    /** @param {string} 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);
+        this.setVal(value);
     }
     /** @returns {string|null} */
     get value() {
-        return this.attrString('value');
+        return this.valTxt();
     }
     /** @param {string} formaction */
     set formaction(formaction) {

package/dist/v1/libs/TinyHtml/input/check/TinyHtmlCheckboxInput.cjs

@@ -20,7 +20,7 @@ class TinyHtmlCheckboxInput extends TinyHtmlInput {
    * @param {Object} config - Configuration object.
    * @param {boolean} [config.checked=false] - Whether the checkbox is checked.
    * @param {string} config.name - Input name attribute.
-   * @param {string|number} [config.value] - Input value when checked.
+   * @param {string} [config.value] - Input value when checked.
    * @param {boolean} [config.readonly=false] - Whether the checkbox is readonly.
    * @param {boolean} [config.required=false] - Whether the checkbox is required.
    * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
@@ -59,17 +59,18 @@ class TinyHtmlCheckboxInput extends TinyHtmlInput {
     return this.hasProp('checked');
   }
 
-  /** @param {string|number} value */
+  /** @param {string} value */
   set value(value) {
     if (typeof value !== 'string' && typeof value !== 'number') {
-      throw new TypeError('TinyHtmlCheckboxInput: "value" must be a string or number.');
+      throw new TypeError('TinyHtmlCheckboxInput: "value" must be a string.');
     }
     this.setAttr('value', value);
+    this.setVal(value);
   }
 
   /** @returns {string|null} */
   get value() {
-    return this.attrString('value');
+    return this.valTxt();
   }
 
   /**

package/dist/v1/libs/TinyHtml/input/check/TinyHtmlCheckboxInput.d.mts

@@ -1,4 +1,4 @@
-export default TinyHtmlCheckboxInput;
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
 /**
  * TinyHtmlCheckboxInput is a helper class for managing <input type="checkbox"> elements.
  * It allows configuring standard attributes such as name, value, checked, readonly, and required,
@@ -17,7 +17,7 @@ declare class TinyHtmlCheckboxInput extends TinyHtmlInput {
      * @param {Object} config - Configuration object.
      * @param {boolean} [config.checked=false] - Whether the checkbox is checked.
      * @param {string} config.name - Input name attribute.
-     * @param {string|number} [config.value] - Input value when checked.
+     * @param {string} [config.value] - Input value when checked.
      * @param {boolean} [config.readonly=false] - Whether the checkbox is readonly.
      * @param {boolean} [config.required=false] - Whether the checkbox is required.
      * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
@@ -25,20 +25,20 @@ declare class TinyHtmlCheckboxInput extends TinyHtmlInput {
      * @throws {TypeError} If an attribute is of the wrong type.
      */
     constructor({ checked, name, value, readonly, required, tags, mainClass, }: {
-        checked?: boolean | undefined;
+        checked?: boolean;
         name: string;
-        value?: string | number | undefined;
-        readonly?: boolean | undefined;
-        required?: boolean | undefined;
-        tags?: string | string[] | Set<string> | undefined;
-        mainClass?: string | undefined;
+        value?: string;
+        readonly?: boolean;
+        required?: boolean;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
     });
     /** @param {boolean} checked */
     set checked(checked: boolean);
     /** @returns {boolean} */
     get checked(): boolean;
-    /** @param {string|number} value */
-    set value(value: string | number);
+    /** @param {string} value */
+    set value(value: string);
     /** @returns {string|null} */
     get value(): string | null;
     /**
@@ -57,5 +57,5 @@ declare class TinyHtmlCheckboxInput extends TinyHtmlInput {
      */
     toggle(): this;
 }
-import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+export default TinyHtmlCheckboxInput;
 //# sourceMappingURL=TinyHtmlCheckboxInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/check/TinyHtmlCheckboxInput.mjs

@@ -17,7 +17,7 @@ class TinyHtmlCheckboxInput extends TinyHtmlInput {
      * @param {Object} config - Configuration object.
      * @param {boolean} [config.checked=false] - Whether the checkbox is checked.
      * @param {string} config.name - Input name attribute.
-     * @param {string|number} [config.value] - Input value when checked.
+     * @param {string} [config.value] - Input value when checked.
      * @param {boolean} [config.readonly=false] - Whether the checkbox is readonly.
      * @param {boolean} [config.required=false] - Whether the checkbox is required.
      * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
@@ -46,16 +46,17 @@ class TinyHtmlCheckboxInput extends TinyHtmlInput {
     get checked() {
         return this.hasProp('checked');
     }
-    /** @param {string|number} value */
+    /** @param {string} value */
     set value(value) {
         if (typeof value !== 'string' && typeof value !== 'number') {
-            throw new TypeError('TinyHtmlCheckboxInput: "value" must be a string or number.');
+            throw new TypeError('TinyHtmlCheckboxInput: "value" must be a string.');
         }
         this.setAttr('value', value);
+        this.setVal(value);
     }
     /** @returns {string|null} */
     get value() {
-        return this.attrString('value');
+        return this.valTxt();
     }
     /**
      * Checks the checkbox.

package/dist/v1/libs/TinyHtml/input/check/TinyHtmlRadioInput.cjs

@@ -24,7 +24,7 @@ class TinyHtmlRadioInput extends TinyHtmlInput {
    * Creates a new TinyHtmlRadioInput instance.
    * @param {Object} config - Configuration object.
    * @param {string} config.name - Radio group name (required).
-   * @param {string|number} [config.value] - Value for this radio option.
+   * @param {string} [config.value] - Value for this radio option.
    * @param {boolean} [config.checked=false] - Whether this radio is selected.
    * @param {boolean} [config.readonly=false] - Whether the input is readonly.
    * @param {boolean} [config.required=false] - Whether the input is required.
@@ -62,17 +62,18 @@ class TinyHtmlRadioInput extends TinyHtmlInput {
     this.required = required;
   }
 
-  /** @param {string|number} value */
+  /** @param {string} value */
   set value(value) {
     if (typeof value !== 'string' && typeof value !== 'number') {
       throw new TypeError('TinyHtmlRadioInput: "value" must be a string or number.');
     }
     this.setAttr('value', value);
+    this.setVal(value);
   }
 
   /** @returns {string|null} */
   get value() {
-    return this.attrString('value');
+    return this.valTxt();
   }
 
   /** @param {string} name */

package/dist/v1/libs/TinyHtml/input/check/TinyHtmlRadioInput.d.mts

@@ -1,4 +1,4 @@
-export default TinyHtmlRadioInput;
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
 /**
  * TinyHtmlRadioInput is a helper class for managing `<input type="radio">` elements.
  * It provides strict validation for attributes like `name`, `value`, `checked`, `readonly`,
@@ -21,7 +21,7 @@ declare class TinyHtmlRadioInput extends TinyHtmlInput {
      * Creates a new TinyHtmlRadioInput instance.
      * @param {Object} config - Configuration object.
      * @param {string} config.name - Radio group name (required).
-     * @param {string|number} [config.value] - Value for this radio option.
+     * @param {string} [config.value] - Value for this radio option.
      * @param {boolean} [config.checked=false] - Whether this radio is selected.
      * @param {boolean} [config.readonly=false] - Whether the input is readonly.
      * @param {boolean} [config.required=false] - Whether the input is required.
@@ -31,17 +31,21 @@ declare class TinyHtmlRadioInput extends TinyHtmlInput {
      */
     constructor({ name, value, checked, readonly, required, tags, mainClass, }: {
         name: string;
-        value?: string | number | undefined;
-        checked?: boolean | undefined;
-        readonly?: boolean | undefined;
-        required?: boolean | undefined;
-        tags?: string | string[] | Set<string> | undefined;
-        mainClass?: string | undefined;
+        value?: string;
+        checked?: boolean;
+        readonly?: boolean;
+        required?: boolean;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
     });
-    /** @param {string|number} value */
-    set value(value: string | number);
+    /** @param {string} value */
+    set value(value: string);
     /** @returns {string|null} */
     get value(): string | null;
+    /** @param {string} name */
+    set name(name: string);
+    /** @returns {string|null} */
+    get name(): string | null;
     /** @param {boolean} checked */
     set checked(checked: boolean);
     /** @returns {boolean} */
@@ -52,5 +56,5 @@ declare class TinyHtmlRadioInput extends TinyHtmlInput {
      */
     toggle(): this;
 }
-import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+export default TinyHtmlRadioInput;
 //# sourceMappingURL=TinyHtmlRadioInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/check/TinyHtmlRadioInput.mjs

@@ -21,7 +21,7 @@ class TinyHtmlRadioInput extends TinyHtmlInput {
      * Creates a new TinyHtmlRadioInput instance.
      * @param {Object} config - Configuration object.
      * @param {string} config.name - Radio group name (required).
-     * @param {string|number} [config.value] - Value for this radio option.
+     * @param {string} [config.value] - Value for this radio option.
      * @param {boolean} [config.checked=false] - Whether this radio is selected.
      * @param {boolean} [config.readonly=false] - Whether the input is readonly.
      * @param {boolean} [config.required=false] - Whether the input is required.
@@ -46,16 +46,17 @@ class TinyHtmlRadioInput extends TinyHtmlInput {
         // --- required ---
         this.required = required;
     }
-    /** @param {string|number} value */
+    /** @param {string} value */
     set value(value) {
         if (typeof value !== 'string' && typeof value !== 'number') {
             throw new TypeError('TinyHtmlRadioInput: "value" must be a string or number.');
         }
         this.setAttr('value', value);
+        this.setVal(value);
     }
     /** @returns {string|null} */
     get value() {
-        return this.attrString('value');
+        return this.valTxt();
     }
     /** @param {string} name */
     set name(name) {