tiny-essentials 1.24.0 → 1.24.1

package/dist/v1/libs/TinyHtml/input/number/TinyHtmlNumberInput.d.mts

@@ -0,0 +1,74 @@
+export default TinyHtmlNumberInput;
+/**
+ * TinyHtmlNumberInput is a helper class for managing <input type="number"> elements.
+ * It provides typed getters and setters for standard number input attributes
+ * such as min, max, step, value, and more.
+ *
+ * @example
+ * const numberInput = new TinyHtmlNumberInput({
+ *   min: 0,
+ *   max: 100,
+ *   step: 5,
+ *   value: 10,
+ *   required: true
+ * });
+ */
+declare class TinyHtmlNumberInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlNumberInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {number} [config.value] - Initial numeric value.
+     * @param {number} [config.min] - Minimum allowed value.
+     * @param {number} [config.max] - Maximum allowed value.
+     * @param {number} [config.step] - Step size.
+     * @param {string} [config.name] - Name of the control.
+     * @param {string} [config.placeholder] - Placeholder text.
+     * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off", "email").
+     * @param {string} [config.list] - ID of a <datalist>.
+     * @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, list, min, max, step, readonly, required, name, placeholder, autocomplete, tags, mainClass, }?: {
+        value?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        step?: number | undefined;
+        name?: string | undefined;
+        placeholder?: string | undefined;
+        autocomplete?: string | undefined;
+        list?: string | undefined;
+        readonly?: boolean | undefined;
+        required?: boolean | undefined;
+        tags?: string | string[] | Set<string> | undefined;
+        mainClass?: string | undefined;
+    });
+    /** @param {number} value */
+    set value(value: number);
+    /** @returns {number} */
+    get value(): number;
+    /** @param {number} min */
+    set min(min: number);
+    /** @returns {number|null} */
+    get min(): number | null;
+    /** @param {number} max */
+    set max(max: number);
+    /** @returns {number|null} */
+    get max(): number | null;
+    /** @param {number} step */
+    set step(step: number);
+    /** @returns {number|null} */
+    get step(): number | null;
+    /** @param {string} list */
+    set list(list: string);
+    /** @returns {string|null} */
+    get list(): string | null;
+    /** @param {string} autocomplete */
+    set autocomplete(autocomplete: string);
+    /** @returns {string|null} */
+    get autocomplete(): string | null;
+}
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+//# sourceMappingURL=TinyHtmlNumberInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/number/TinyHtmlNumberInput.mjs

@@ -0,0 +1,110 @@
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+/**
+ * TinyHtmlNumberInput is a helper class for managing <input type="number"> elements.
+ * It provides typed getters and setters for standard number input attributes
+ * such as min, max, step, value, and more.
+ *
+ * @example
+ * const numberInput = new TinyHtmlNumberInput({
+ *   min: 0,
+ *   max: 100,
+ *   step: 5,
+ *   value: 10,
+ *   required: true
+ * });
+ */
+class TinyHtmlNumberInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlNumberInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {number} [config.value] - Initial numeric value.
+     * @param {number} [config.min] - Minimum allowed value.
+     * @param {number} [config.max] - Maximum allowed value.
+     * @param {number} [config.step] - Step size.
+     * @param {string} [config.name] - Name of the control.
+     * @param {string} [config.placeholder] - Placeholder text.
+     * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off", "email").
+     * @param {string} [config.list] - ID of a <datalist>.
+     * @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, list, min, max, step, readonly = false, required = false, name, placeholder, autocomplete, tags = [], mainClass = '', } = {}) {
+        super({ name, placeholder, type: 'number', tags, mainClass, readonly, required });
+        if (value !== undefined)
+            this.value = value;
+        if (min !== undefined)
+            this.min = min;
+        if (max !== undefined)
+            this.max = max;
+        if (step !== undefined)
+            this.step = step;
+        if (list !== undefined)
+            this.list = list;
+        if (autocomplete !== undefined)
+            this.autocomplete = autocomplete;
+    }
+    /** @param {number} value */
+    set value(value) {
+        if (typeof value !== 'number')
+            throw new TypeError('TinyHtmlNumberInput: "value" must be a number.');
+        this.setVal(value);
+    }
+    /** @returns {number} */
+    get value() {
+        return this.valNb();
+    }
+    /** @param {number} min */
+    set min(min) {
+        if (typeof min !== 'number')
+            throw new TypeError('TinyHtmlNumberInput: "min" must be a number.');
+        this.setAttr('min', String(min));
+    }
+    /** @returns {number|null} */
+    get min() {
+        return this.attrNumber('min');
+    }
+    /** @param {number} max */
+    set max(max) {
+        if (typeof max !== 'number')
+            throw new TypeError('TinyHtmlNumberInput: "max" must be a number.');
+        this.setAttr('max', String(max));
+    }
+    /** @returns {number|null} */
+    get max() {
+        return this.attrNumber('max');
+    }
+    /** @param {number} step */
+    set step(step) {
+        if (typeof step !== 'number')
+            throw new TypeError('TinyHtmlNumberInput: "step" must be a number.');
+        this.setAttr('step', String(step));
+    }
+    /** @returns {number|null} */
+    get step() {
+        return this.attrNumber('step');
+    }
+    /** @param {string} list */
+    set list(list) {
+        if (typeof list !== 'string')
+            throw new TypeError('TinyHtmlNumberInput: "list" must be a string (datalist id).');
+        this.setAttr('list', list);
+    }
+    /** @returns {string|null} */
+    get list() {
+        return this.attrString('list');
+    }
+    /** @param {string} autocomplete */
+    set autocomplete(autocomplete) {
+        if (typeof autocomplete !== 'string')
+            throw new TypeError('TinyHtmlNumberInput: "autocomplete" must be a string.');
+        this.setAttr('autocomplete', autocomplete);
+    }
+    /** @returns {string|null} */
+    get autocomplete() {
+        return this.attrString('autocomplete');
+    }
+}
+export default TinyHtmlNumberInput;

package/dist/v1/libs/TinyHtml/input/number/TinyHtmlRangeInput.cjs

@@ -0,0 +1,133 @@
+'use strict';
+
+var TinyHtmlInput = require('../../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlRangeInput is a helper class for managing <input type="range"> elements.
+ * It provides validation and convenient getters/setters for standard attributes
+ * such as min, max, step, value, autocomplete, and list.
+ *
+ * @example
+ * const range = new TinyHtmlRangeInput({
+ *   min: 0,
+ *   max: 100,
+ *   step: 5,
+ *   value: 50,
+ *   name: 'volume',
+ *   required: true
+ * });
+ */
+class TinyHtmlRangeInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlRangeInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {number} [config.min] - Minimum numeric value allowed.
+   * @param {number} [config.max] - Maximum numeric value allowed.
+   * @param {number} [config.step] - Step size for the value.
+   * @param {number} [config.value] - Initial value of the range input.
+   * @param {string} [config.name] - Name of the control.
+   * @param {string} [config.autocomplete] - Autocomplete hint ("on", "off", "email", etc.).
+   * @param {string} [config.list] - ID of an associated <datalist>.
+   * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+   * @param {boolean} [config.required=false] - Whether the input is required.
+   * @param {string} [config.placeholder] - Placeholder text (not commonly used for range).
+   * @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.
+   */
+  constructor({
+    min,
+    max,
+    step,
+    value,
+    name,
+    placeholder,
+    autocomplete,
+    list,
+    readonly = false,
+    required = false,
+    tags = [],
+    mainClass = '',
+  } = {}) {
+    super({ type: 'range', name, placeholder, tags, mainClass, readonly, required });
+
+    if (value !== undefined) this.value = value;
+    if (min !== undefined) this.min = min;
+    if (max !== undefined) this.max = max;
+    if (step !== undefined) this.step = step;
+    if (list !== undefined) this.list = list;
+    if (autocomplete !== undefined) this.autocomplete = autocomplete;
+  }
+
+  /** @param {number} value */
+  set value(value) {
+    if (typeof value !== 'number')
+      throw new TypeError('TinyHtmlRangeInput: "value" must be a number.');
+    this.setVal(value);
+  }
+
+  /** @returns {number} */
+  get value() {
+    return this.valNb();
+  }
+
+  /** @param {number} min */
+  set min(min) {
+    if (typeof min !== 'number') throw new TypeError('TinyHtmlRangeInput: "min" must be a number.');
+    this.setAttr('min', String(min));
+  }
+
+  /** @returns {number|null} */
+  get min() {
+    return this.attrNumber('min');
+  }
+
+  /** @param {number} max */
+  set max(max) {
+    if (typeof max !== 'number') throw new TypeError('TinyHtmlRangeInput: "max" must be a number.');
+    this.setAttr('max', String(max));
+  }
+
+  /** @returns {number|null} */
+  get max() {
+    return this.attrNumber('max');
+  }
+
+  /** @param {number} step */
+  set step(step) {
+    if (typeof step !== 'number')
+      throw new TypeError('TinyHtmlRangeInput: "step" must be a number.');
+    this.setAttr('step', String(step));
+  }
+
+  /** @returns {number|null} */
+  get step() {
+    return this.attrNumber('step');
+  }
+
+  /** @param {string} list */
+  set list(list) {
+    if (typeof list !== 'string')
+      throw new TypeError('TinyHtmlRangeInput: "list" must be a string (datalist id).');
+    this.setAttr('list', list);
+  }
+
+  /** @returns {string|null} */
+  get list() {
+    return this.attrString('list');
+  }
+
+  /** @param {string} autocomplete */
+  set autocomplete(autocomplete) {
+    if (typeof autocomplete !== 'string')
+      throw new TypeError('TinyHtmlRangeInput: "autocomplete" must be a string.');
+    this.setAttr('autocomplete', autocomplete);
+  }
+
+  /** @returns {string|null} */
+  get autocomplete() {
+    return this.attrString('autocomplete');
+  }
+}
+
+module.exports = TinyHtmlRangeInput;

package/dist/v1/libs/TinyHtml/input/number/TinyHtmlRangeInput.d.mts

@@ -0,0 +1,75 @@
+export default TinyHtmlRangeInput;
+/**
+ * TinyHtmlRangeInput is a helper class for managing <input type="range"> elements.
+ * It provides validation and convenient getters/setters for standard attributes
+ * such as min, max, step, value, autocomplete, and list.
+ *
+ * @example
+ * const range = new TinyHtmlRangeInput({
+ *   min: 0,
+ *   max: 100,
+ *   step: 5,
+ *   value: 50,
+ *   name: 'volume',
+ *   required: true
+ * });
+ */
+declare class TinyHtmlRangeInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlRangeInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {number} [config.min] - Minimum numeric value allowed.
+     * @param {number} [config.max] - Maximum numeric value allowed.
+     * @param {number} [config.step] - Step size for the value.
+     * @param {number} [config.value] - Initial value of the range input.
+     * @param {string} [config.name] - Name of the control.
+     * @param {string} [config.autocomplete] - Autocomplete hint ("on", "off", "email", etc.).
+     * @param {string} [config.list] - ID of an associated <datalist>.
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string} [config.placeholder] - Placeholder text (not commonly used for range).
+     * @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.
+     */
+    constructor({ min, max, step, value, name, placeholder, autocomplete, list, readonly, required, tags, mainClass, }?: {
+        min?: number | undefined;
+        max?: number | undefined;
+        step?: number | undefined;
+        value?: number | undefined;
+        name?: string | undefined;
+        autocomplete?: string | undefined;
+        list?: string | undefined;
+        readonly?: boolean | undefined;
+        required?: boolean | undefined;
+        placeholder?: string | undefined;
+        tags?: string | string[] | Set<string> | undefined;
+        mainClass?: string | undefined;
+    });
+    /** @param {number} value */
+    set value(value: number);
+    /** @returns {number} */
+    get value(): number;
+    /** @param {number} min */
+    set min(min: number);
+    /** @returns {number|null} */
+    get min(): number | null;
+    /** @param {number} max */
+    set max(max: number);
+    /** @returns {number|null} */
+    get max(): number | null;
+    /** @param {number} step */
+    set step(step: number);
+    /** @returns {number|null} */
+    get step(): number | null;
+    /** @param {string} list */
+    set list(list: string);
+    /** @returns {string|null} */
+    get list(): string | null;
+    /** @param {string} autocomplete */
+    set autocomplete(autocomplete: string);
+    /** @returns {string|null} */
+    get autocomplete(): string | null;
+}
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+//# sourceMappingURL=TinyHtmlRangeInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/number/TinyHtmlRangeInput.mjs

@@ -0,0 +1,111 @@
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+/**
+ * TinyHtmlRangeInput is a helper class for managing <input type="range"> elements.
+ * It provides validation and convenient getters/setters for standard attributes
+ * such as min, max, step, value, autocomplete, and list.
+ *
+ * @example
+ * const range = new TinyHtmlRangeInput({
+ *   min: 0,
+ *   max: 100,
+ *   step: 5,
+ *   value: 50,
+ *   name: 'volume',
+ *   required: true
+ * });
+ */
+class TinyHtmlRangeInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlRangeInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {number} [config.min] - Minimum numeric value allowed.
+     * @param {number} [config.max] - Maximum numeric value allowed.
+     * @param {number} [config.step] - Step size for the value.
+     * @param {number} [config.value] - Initial value of the range input.
+     * @param {string} [config.name] - Name of the control.
+     * @param {string} [config.autocomplete] - Autocomplete hint ("on", "off", "email", etc.).
+     * @param {string} [config.list] - ID of an associated <datalist>.
+     * @param {boolean} [config.readonly=false] - Whether the input is read-only.
+     * @param {boolean} [config.required=false] - Whether the input is required.
+     * @param {string} [config.placeholder] - Placeholder text (not commonly used for range).
+     * @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.
+     */
+    constructor({ min, max, step, value, name, placeholder, autocomplete, list, readonly = false, required = false, tags = [], mainClass = '', } = {}) {
+        super({ type: 'range', name, placeholder, tags, mainClass, readonly, required });
+        if (value !== undefined)
+            this.value = value;
+        if (min !== undefined)
+            this.min = min;
+        if (max !== undefined)
+            this.max = max;
+        if (step !== undefined)
+            this.step = step;
+        if (list !== undefined)
+            this.list = list;
+        if (autocomplete !== undefined)
+            this.autocomplete = autocomplete;
+    }
+    /** @param {number} value */
+    set value(value) {
+        if (typeof value !== 'number')
+            throw new TypeError('TinyHtmlRangeInput: "value" must be a number.');
+        this.setVal(value);
+    }
+    /** @returns {number} */
+    get value() {
+        return this.valNb();
+    }
+    /** @param {number} min */
+    set min(min) {
+        if (typeof min !== 'number')
+            throw new TypeError('TinyHtmlRangeInput: "min" must be a number.');
+        this.setAttr('min', String(min));
+    }
+    /** @returns {number|null} */
+    get min() {
+        return this.attrNumber('min');
+    }
+    /** @param {number} max */
+    set max(max) {
+        if (typeof max !== 'number')
+            throw new TypeError('TinyHtmlRangeInput: "max" must be a number.');
+        this.setAttr('max', String(max));
+    }
+    /** @returns {number|null} */
+    get max() {
+        return this.attrNumber('max');
+    }
+    /** @param {number} step */
+    set step(step) {
+        if (typeof step !== 'number')
+            throw new TypeError('TinyHtmlRangeInput: "step" must be a number.');
+        this.setAttr('step', String(step));
+    }
+    /** @returns {number|null} */
+    get step() {
+        return this.attrNumber('step');
+    }
+    /** @param {string} list */
+    set list(list) {
+        if (typeof list !== 'string')
+            throw new TypeError('TinyHtmlRangeInput: "list" must be a string (datalist id).');
+        this.setAttr('list', list);
+    }
+    /** @returns {string|null} */
+    get list() {
+        return this.attrString('list');
+    }
+    /** @param {string} autocomplete */
+    set autocomplete(autocomplete) {
+        if (typeof autocomplete !== 'string')
+            throw new TypeError('TinyHtmlRangeInput: "autocomplete" must be a string.');
+        this.setAttr('autocomplete', autocomplete);
+    }
+    /** @returns {string|null} */
+    get autocomplete() {
+        return this.attrString('autocomplete');
+    }
+}
+export default TinyHtmlRangeInput;

package/dist/v1/libs/TinyHtml/input/text/TinyHtmlEmailInput.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+var TinyHtmlInput = require('../../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlEmailInput is a helper class for managing <input type="email"> elements.
+ * It provides strongly typed getters and setters for common attributes such as
+ * minlength, maxlength, pattern, autocomplete, multiple, and more.
+ *
+ * @example
+ * const emailInput = new TinyHtmlEmailInput({
+ *   placeholder: 'Enter your email',
+ *   required: true,
+ *   maxlength: 100,
+ *   autocomplete: 'email'
+ * });
+ */
+class TinyHtmlEmailInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlEmailInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {string} [config.value] - Initial value.
+   * @param {number} [config.minLength] - Minimum number of characters allowed.
+   * @param {number} [config.maxLength] - Maximum number of characters allowed.
+   * @param {string} [config.pattern] - Regex pattern for validation.
+   * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off", "email").
+   * @param {string} [config.dirname] - Name of the directionality field (text-based inputs).
+   * @param {string} [config.list] - ID of a <datalist> element.
+   * @param {boolean} [config.multiple=false] - Whether multiple values are allowed.
+   * @param {number} [config.size] - Size of the input box in characters.
+   * @param {boolean} [config.readonly=false] - Whether the input is readonly.
+   * @param {boolean} [config.required=false] - Whether the input is required.
+   * @param {string} [config.placeholder] - Placeholder text.
+   * @param {string} [config.name] - Name of the control.
+   * @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,
+    list,
+    placeholder,
+    readonly = false,
+    required = false,
+    multiple = false,
+    minLength,
+    autocomplete,
+    size,
+    pattern,
+    maxLength,
+    dirname,
+    name,
+    tags = [],
+    mainClass = '',
+  } = {}) {
+    super({ type: 'email', name, placeholder, readonly, required, tags, mainClass });
+
+    if (minLength !== undefined) this.minLength = minLength;
+    if (maxLength !== undefined) this.maxLength = maxLength;
+    if (pattern !== undefined) this.pattern = pattern;
+    if (multiple !== undefined) this.multiple = multiple;
+    if (list !== undefined) this.list = list;
+    if (autocomplete !== undefined) this.autocomplete = autocomplete;
+    if (dirname !== undefined) this.dirname = dirname;
+    if (size !== undefined) this.sizeEl = size;
+    if (value !== undefined) this.value = value;
+  }
+
+  /** @param {string} value */
+  set value(value) {
+    if (typeof value !== 'string')
+      throw new TypeError('TinyHtmlEmailInput: "value" must be a string.');
+    this.setVal(value);
+  }
+
+  /** @returns {string} */
+  get value() {
+    return this.valTxt();
+  }
+
+  /** @param {number} minLength */
+  set minLength(minLength) {
+    if (!Number.isInteger(minLength) || minLength < 0)
+      throw new TypeError('TinyHtmlEmailInput: "minLength" must be a non-negative integer.');
+    this.setAttr('minlength', minLength);
+  }
+
+  /** @returns {number|null} */
+  get minLength() {
+    return this.attrNumber('minlength');
+  }
+
+  /** @param {number} maxLength */
+  set maxLength(maxLength) {
+    if (!Number.isInteger(maxLength) || maxLength < 1)
+      throw new TypeError('TinyHtmlEmailInput: "maxLength" must be a positive integer.');
+    this.setAttr('maxlength', maxLength);
+  }
+
+  /** @returns {number|null} */
+  get maxLength() {
+    return this.attrNumber('maxlength');
+  }
+
+  /** @param {string} pattern */
+  set pattern(pattern) {
+    if (typeof pattern !== 'string')
+      throw new TypeError('TinyHtmlEmailInput: "pattern" must be a string.');
+    this.setAttr('pattern', pattern);
+  }
+
+  /** @returns {string|null} */
+  get pattern() {
+    return this.attrString('pattern');
+  }
+
+  /** @param {boolean} multiple */
+  set multiple(multiple) {
+    if (typeof multiple !== 'boolean')
+      throw new TypeError('TinyHtmlEmailInput: "multiple" must be a boolean.');
+    if (multiple) this.addProp('multiple');
+    else this.removeProp('multiple');
+  }
+
+  /** @returns {boolean} */
+  get multiple() {
+    return this.hasProp('multiple');
+  }
+
+  /** @param {string} list */
+  set list(list) {
+    if (typeof list !== 'string')
+      throw new TypeError('TinyHtmlEmailInput: "list" must be a string (datalist id).');
+    this.setAttr('list', list);
+  }
+
+  /** @returns {string|null} */
+  get list() {
+    return this.attrString('list');
+  }
+
+  /** @param {string} autocomplete */
+  set autocomplete(autocomplete) {
+    if (typeof autocomplete !== 'string')
+      throw new TypeError('TinyHtmlEmailInput: "autocomplete" must be a string.');
+    this.setAttr('autocomplete', autocomplete);
+  }
+
+  /** @returns {string|null} */
+  get autocomplete() {
+    return this.attrString('autocomplete');
+  }
+
+  /** @param {string} dirname */
+  set dirname(dirname) {
+    if (typeof dirname !== 'string')
+      throw new TypeError('TinyHtmlEmailInput: "dirname" must be a string.');
+    this.setAttr('dirname', dirname);
+  }
+
+  /** @returns {string|null} */
+  get dirname() {
+    return this.attrString('dirname');
+  }
+
+  /** @param {number} size */
+  set sizeEl(size) {
+    if (!Number.isInteger(size) || size < 1)
+      throw new TypeError('TinyHtmlEmailInput: "size" must be a positive integer.');
+    this.setAttr('size', size);
+  }
+
+  /** @returns {number|null} */
+  get sizeEl() {
+    return this.attrNumber('size');
+  }
+}
+
+module.exports = TinyHtmlEmailInput;