tiny-essentials 1.24.0 → 1.24.1

package/dist/v1/libs/TinyHtml/input/date/TinyHtmlDateTimeInput.d.mts

@@ -0,0 +1,77 @@
+export default TinyHtmlDateTimeInput;
+/**
+ * TinyHtmlDateTimeInput is a helper class for managing
+ * `<input type="datetime-local">` elements with validation.
+ *
+ * It supports attributes such as `value`, `min`, `max`, `step`,
+ * `placeholder`, `autocomplete`, and more.
+ *
+ * @example
+ * const dateTimeInput = new TinyHtmlDateTimeInput({
+ *   value: '2025-09-25T14:30',
+ *   min: '2025-01-01T00:00',
+ *   max: '2025-12-31T23:59',
+ *   step: 60,
+ *   required: true,
+ *   name: 'meetingTime'
+ * });
+ */
+declare class TinyHtmlDateTimeInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlDateTimeInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string} [config.value] - Initial datetime value (`YYYY-MM-DDTHH:MM`).
+     * @param {string} [config.min] - Minimum allowed datetime.
+     * @param {string} [config.max] - Maximum allowed datetime.
+     * @param {number} [config.step] - Granularity in seconds (or multiples).
+     * @param {string} [config.name] - The name of the control.
+     * @param {string} [config.placeholder] - Placeholder text.
+     * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off").
+     * @param {string} [config.list] - The id of a <datalist> element.
+     * @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, min, max, step, name, placeholder, autocomplete, list, readonly, required, tags, mainClass, }?: {
+        value?: string | undefined;
+        min?: string | undefined;
+        max?: string | 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 {string|number|Date} value */
+    set value(value: string | number | Date);
+    /** @returns {string|null} */
+    get value(): string | null;
+    /** @param {string} min */
+    set min(min: string);
+    /** @returns {string|null} */
+    get min(): string | null;
+    /** @param {string} max */
+    set max(max: string);
+    /** @returns {string|null} */
+    get max(): string | 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=TinyHtmlDateTimeInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/date/TinyHtmlDateTimeInput.mjs

@@ -0,0 +1,121 @@
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+/**
+ * TinyHtmlDateTimeInput is a helper class for managing
+ * `<input type="datetime-local">` elements with validation.
+ *
+ * It supports attributes such as `value`, `min`, `max`, `step`,
+ * `placeholder`, `autocomplete`, and more.
+ *
+ * @example
+ * const dateTimeInput = new TinyHtmlDateTimeInput({
+ *   value: '2025-09-25T14:30',
+ *   min: '2025-01-01T00:00',
+ *   max: '2025-12-31T23:59',
+ *   step: 60,
+ *   required: true,
+ *   name: 'meetingTime'
+ * });
+ */
+class TinyHtmlDateTimeInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlDateTimeInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string} [config.value] - Initial datetime value (`YYYY-MM-DDTHH:MM`).
+     * @param {string} [config.min] - Minimum allowed datetime.
+     * @param {string} [config.max] - Maximum allowed datetime.
+     * @param {number} [config.step] - Granularity in seconds (or multiples).
+     * @param {string} [config.name] - The name of the control.
+     * @param {string} [config.placeholder] - Placeholder text.
+     * @param {string} [config.autocomplete] - Autocomplete hint (e.g., "on", "off").
+     * @param {string} [config.list] - The id of a <datalist> element.
+     * @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, min, max, step, name, placeholder, autocomplete, list, readonly = false, required = false, tags = [], mainClass = '', } = {}) {
+        super({
+            type: 'datetime-local',
+            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 {string|number|Date} value */
+    set value(value) {
+        if (typeof value !== 'string' && typeof value !== 'number' && !(value instanceof Date))
+            throw new TypeError('TinyHtmlDateTimeInput: "value" must be a string or date.');
+        this.setVal(value);
+    }
+    /** @returns {string|null} */
+    get value() {
+        return this.attrString('value');
+    }
+    /** @param {string} min */
+    set min(min) {
+        if (typeof min !== 'string')
+            throw new TypeError('TinyHtmlDateTimeInput: "min" must be a string (YYYY-MM-DDTHH:MM).');
+        this.setAttr('min', min);
+    }
+    /** @returns {string|null} */
+    get min() {
+        return this.attrString('min');
+    }
+    /** @param {string} max */
+    set max(max) {
+        if (typeof max !== 'string')
+            throw new TypeError('TinyHtmlDateTimeInput: "max" must be a string (YYYY-MM-DDTHH:MM).');
+        this.setAttr('max', max);
+    }
+    /** @returns {string|null} */
+    get max() {
+        return this.attrString('max');
+    }
+    /** @param {number} step */
+    set step(step) {
+        if (!Number.isInteger(step) || step < 1)
+            throw new TypeError('TinyHtmlDateTimeInput: "step" must be a positive integer.');
+        this.setAttr('step', step);
+    }
+    /** @returns {number|null} */
+    get step() {
+        return this.attrNumber('step');
+    }
+    /** @param {string} list */
+    set list(list) {
+        if (typeof list !== 'string')
+            throw new TypeError('TinyHtmlDateTimeInput: "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('TinyHtmlDateTimeInput: "autocomplete" must be a string.');
+        this.setAttr('autocomplete', autocomplete);
+    }
+    /** @returns {string|null} */
+    get autocomplete() {
+        return this.attrString('autocomplete');
+    }
+}
+export default TinyHtmlDateTimeInput;

package/dist/v1/libs/TinyHtml/input/date/TinyHtmlMonthInput.cjs

@@ -0,0 +1,146 @@
+'use strict';
+
+var TinyHtmlInput = require('../../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlMonthInput is a helper class for managing `<input type="month">` elements.
+ * It provides validation and convenient getters/setters for standard attributes.
+ *
+ * @example
+ * const monthInput = new TinyHtmlMonthInput({
+ *   value: '2025-09',
+ *   min: '2020-01',
+ *   max: '2030-12',
+ *   step: 1,
+ *   required: true,
+ *   name: 'billingMonth'
+ * });
+ */
+class TinyHtmlMonthInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlMonthInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {string} [config.value] - Initial value (formatted as "YYYY-MM").
+   * @param {string} [config.min] - Minimum allowed value (formatted as "YYYY-MM").
+   * @param {string} [config.max] - Maximum allowed value (formatted as "YYYY-MM").
+   * @param {number} [config.step] - Step size (in months).
+   * @param {string} [config.name] - Name of the input 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 linked `<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,
+    name,
+    readonly = false,
+    required = false,
+    placeholder,
+    autocomplete,
+    tags = [],
+    mainClass = '',
+  } = {}) {
+    super({ name, placeholder, type: 'month', tags, mainClass });
+
+    // --- set initial values ---
+    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;
+    this.readonly = readonly;
+    this.required = required;
+  }
+
+  /** @param {string|Date} value */
+  set value(value) {
+    if (typeof value !== 'string' && !(value instanceof Date))
+      throw new TypeError(
+        'TinyHtmlMonthInput: "value" must be a string in format "YYYY-MM" or date.',
+      );
+    if (value instanceof Date) {
+      const year = value.getFullYear();
+      const month = String(value.getMonth() + 1).padStart(2, '0');
+      const formatted = `${year}-${month}`;
+      this.setVal(formatted);
+      return;
+    }
+    this.setVal(value);
+  }
+
+  /** @returns {string|null} */
+  get value() {
+    return this.attrString('value');
+  }
+
+  /** @param {string} min */
+  set min(min) {
+    if (typeof min !== 'string')
+      throw new TypeError('TinyHtmlMonthInput: "min" must be a string in format "YYYY-MM".');
+    this.setAttr('min', min);
+  }
+
+  /** @returns {string|null} */
+  get min() {
+    return this.attrString('min');
+  }
+
+  /** @param {string} max */
+  set max(max) {
+    if (typeof max !== 'string')
+      throw new TypeError('TinyHtmlMonthInput: "max" must be a string in format "YYYY-MM".');
+    this.setAttr('max', max);
+  }
+
+  /** @returns {string|null} */
+  get max() {
+    return this.attrString('max');
+  }
+
+  /** @param {number} step */
+  set step(step) {
+    if (!Number.isInteger(step) || step < 1)
+      throw new TypeError('TinyHtmlMonthInput: "step" must be a positive integer.');
+    this.setAttr('step', step);
+  }
+
+  /** @returns {number|null} */
+  get step() {
+    return this.attrNumber('step');
+  }
+
+  /** @param {string} list */
+  set list(list) {
+    if (typeof list !== 'string')
+      throw new TypeError('TinyHtmlMonthInput: "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('TinyHtmlMonthInput: "autocomplete" must be a string.');
+    this.setAttr('autocomplete', autocomplete);
+  }
+
+  /** @returns {string|null} */
+  get autocomplete() {
+    return this.attrString('autocomplete');
+  }
+}
+
+module.exports = TinyHtmlMonthInput;

package/dist/v1/libs/TinyHtml/input/date/TinyHtmlMonthInput.d.mts

@@ -0,0 +1,74 @@
+export default TinyHtmlMonthInput;
+/**
+ * TinyHtmlMonthInput is a helper class for managing `<input type="month">` elements.
+ * It provides validation and convenient getters/setters for standard attributes.
+ *
+ * @example
+ * const monthInput = new TinyHtmlMonthInput({
+ *   value: '2025-09',
+ *   min: '2020-01',
+ *   max: '2030-12',
+ *   step: 1,
+ *   required: true,
+ *   name: 'billingMonth'
+ * });
+ */
+declare class TinyHtmlMonthInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlMonthInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string} [config.value] - Initial value (formatted as "YYYY-MM").
+     * @param {string} [config.min] - Minimum allowed value (formatted as "YYYY-MM").
+     * @param {string} [config.max] - Maximum allowed value (formatted as "YYYY-MM").
+     * @param {number} [config.step] - Step size (in months).
+     * @param {string} [config.name] - Name of the input 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 linked `<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, name, readonly, required, placeholder, autocomplete, tags, mainClass, }?: {
+        value?: string | undefined;
+        min?: string | undefined;
+        max?: string | 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 {string|Date} value */
+    set value(value: string | Date);
+    /** @returns {string|null} */
+    get value(): string | null;
+    /** @param {string} min */
+    set min(min: string);
+    /** @returns {string|null} */
+    get min(): string | null;
+    /** @param {string} max */
+    set max(max: string);
+    /** @returns {string|null} */
+    get max(): string | 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=TinyHtmlMonthInput.d.mts.map

package/dist/v1/libs/TinyHtml/input/date/TinyHtmlMonthInput.mjs

@@ -0,0 +1,120 @@
+import TinyHtmlInput from '../../TinyHtmlInput.mjs';
+/**
+ * TinyHtmlMonthInput is a helper class for managing `<input type="month">` elements.
+ * It provides validation and convenient getters/setters for standard attributes.
+ *
+ * @example
+ * const monthInput = new TinyHtmlMonthInput({
+ *   value: '2025-09',
+ *   min: '2020-01',
+ *   max: '2030-12',
+ *   step: 1,
+ *   required: true,
+ *   name: 'billingMonth'
+ * });
+ */
+class TinyHtmlMonthInput extends TinyHtmlInput {
+    /**
+     * Creates a new TinyHtmlMonthInput instance.
+     * @param {Object} config - Configuration object.
+     * @param {string} [config.value] - Initial value (formatted as "YYYY-MM").
+     * @param {string} [config.min] - Minimum allowed value (formatted as "YYYY-MM").
+     * @param {string} [config.max] - Maximum allowed value (formatted as "YYYY-MM").
+     * @param {number} [config.step] - Step size (in months).
+     * @param {string} [config.name] - Name of the input 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 linked `<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, name, readonly = false, required = false, placeholder, autocomplete, tags = [], mainClass = '', } = {}) {
+        super({ name, placeholder, type: 'month', tags, mainClass });
+        // --- set initial values ---
+        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;
+        this.readonly = readonly;
+        this.required = required;
+    }
+    /** @param {string|Date} value */
+    set value(value) {
+        if (typeof value !== 'string' && !(value instanceof Date))
+            throw new TypeError('TinyHtmlMonthInput: "value" must be a string in format "YYYY-MM" or date.');
+        if (value instanceof Date) {
+            const year = value.getFullYear();
+            const month = String(value.getMonth() + 1).padStart(2, '0');
+            const formatted = `${year}-${month}`;
+            this.setVal(formatted);
+            return;
+        }
+        this.setVal(value);
+    }
+    /** @returns {string|null} */
+    get value() {
+        return this.attrString('value');
+    }
+    /** @param {string} min */
+    set min(min) {
+        if (typeof min !== 'string')
+            throw new TypeError('TinyHtmlMonthInput: "min" must be a string in format "YYYY-MM".');
+        this.setAttr('min', min);
+    }
+    /** @returns {string|null} */
+    get min() {
+        return this.attrString('min');
+    }
+    /** @param {string} max */
+    set max(max) {
+        if (typeof max !== 'string')
+            throw new TypeError('TinyHtmlMonthInput: "max" must be a string in format "YYYY-MM".');
+        this.setAttr('max', max);
+    }
+    /** @returns {string|null} */
+    get max() {
+        return this.attrString('max');
+    }
+    /** @param {number} step */
+    set step(step) {
+        if (!Number.isInteger(step) || step < 1)
+            throw new TypeError('TinyHtmlMonthInput: "step" must be a positive integer.');
+        this.setAttr('step', step);
+    }
+    /** @returns {number|null} */
+    get step() {
+        return this.attrNumber('step');
+    }
+    /** @param {string} list */
+    set list(list) {
+        if (typeof list !== 'string')
+            throw new TypeError('TinyHtmlMonthInput: "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('TinyHtmlMonthInput: "autocomplete" must be a string.');
+        this.setAttr('autocomplete', autocomplete);
+    }
+    /** @returns {string|null} */
+    get autocomplete() {
+        return this.attrString('autocomplete');
+    }
+}
+export default TinyHtmlMonthInput;

package/dist/v1/libs/TinyHtml/input/date/TinyHtmlTimeInput.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+var TinyHtmlInput = require('../../TinyHtmlInput.cjs');
+
+/**
+ * TinyHtmlTimeInput is a helper class for managing `<input type="time">` elements.
+ * It provides validated getters and setters for all relevant attributes such as
+ * value, min, max, step, autocomplete, and more.
+ *
+ * @example
+ * const timeInput = new TinyHtmlTimeInput({
+ *   value: "12:30",
+ *   min: "08:00",
+ *   max: "18:00",
+ *   step: 60,
+ *   required: true,
+ *   name: "appointmentTime"
+ * });
+ */
+class TinyHtmlTimeInput extends TinyHtmlInput {
+  /**
+   * Creates a new TinyHtmlTimeInput instance.
+   * @param {Object} config - Configuration object.
+   * @param {string} [config.value] - Initial time value in "HH:MM" format.
+   * @param {string} [config.min] - Minimum allowed time (e.g., "08:00").
+   * @param {string} [config.max] - Maximum allowed time (e.g., "18:00").
+   * @param {number|string} [config.step] - Granularity in seconds (or "any").
+   * @param {string} [config.name] - The name of the control.
+   * @param {string} [config.placeholder] - Placeholder text.
+   * @param {string} [config.autocomplete] - Autocomplete hint ("on", "off", or token list).
+   * @param {string} [config.list] - The 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,
+    name,
+    readonly = false,
+    required = false,
+    placeholder,
+    autocomplete,
+    tags = [],
+    mainClass = '',
+  } = {}) {
+    super({ name, placeholder, type: 'time', tags, mainClass });
+
+    // --- attributes initialization ---
+    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;
+
+    // --- boolean props ---
+    this.readonly = readonly;
+    this.required = required;
+  }
+
+  /** @param {string|Date|number} value */
+  set value(value) {
+    if (typeof value !== 'string' && typeof value !== 'number' && !(value instanceof Date))
+      throw new TypeError('TinyHtmlTimeInput: "value" must be a string or date.');
+    if (value instanceof Date) {
+      const hours = String(value.getHours()).padStart(2, '0');
+      const minutes = String(value.getMinutes()).padStart(2, '0');
+
+      const formatted = `${hours}:${minutes}`;
+      this.setVal(formatted);
+      return;
+    }
+    this.setVal(value);
+  }
+
+  /** @returns {string|null} */
+  get value() {
+    return this.attrString('value');
+  }
+
+  /** @param {string} min */
+  set min(min) {
+    if (typeof min !== 'string') throw new TypeError('TinyHtmlTimeInput: "min" must be a string.');
+    this.setAttr('min', min);
+  }
+
+  /** @returns {string|null} */
+  get min() {
+    return this.attrString('min');
+  }
+
+  /** @param {string} max */
+  set max(max) {
+    if (typeof max !== 'string') throw new TypeError('TinyHtmlTimeInput: "max" must be a string.');
+    this.setAttr('max', max);
+  }
+
+  /** @returns {string|null} */
+  get max() {
+    return this.attrString('max');
+  }
+
+  /** @param {number|string} step */
+  set step(step) {
+    if (typeof step === 'number') {
+      if (!Number.isFinite(step) || step <= 0)
+        throw new TypeError('TinyHtmlTimeInput: "step" must be a positive number or "any".');
+      this.setAttr('step', String(step));
+      return;
+    }
+    if (step !== 'any') throw new TypeError('TinyHtmlTimeInput: "step" must be a number or "any".');
+    this.setAttr('step', step);
+  }
+
+  /** @returns {string|null} */
+  get step() {
+    return this.attrString('step');
+  }
+
+  /** @param {string} list */
+  set list(list) {
+    if (typeof list !== 'string')
+      throw new TypeError('TinyHtmlTimeInput: "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('TinyHtmlTimeInput: "autocomplete" must be a string.');
+    this.setAttr('autocomplete', autocomplete);
+  }
+
+  /** @returns {string|null} */
+  get autocomplete() {
+    return this.attrString('autocomplete');
+  }
+}
+
+module.exports = TinyHtmlTimeInput;