tiny-essentials 1.28.1 → 1.28.2

package/dist/v1/libs/TinyHtml/TinyHtmlAnchor.cjs

@@ -27,10 +27,9 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
    * @param {string} [config.target] - Target attribute.
    * @param {string} [config.rel] - Relationship of the linked resource.
    * @param {string} [config.hreflang] - Language of the linked resource.
-   * @param {string|string[]} [config.ping] - URLs to send pings to.
+   * @param {string} [config.ping] - URLs to send pings to.
    * @param {'no-referrer'|'no-referrer-when-downgrade'|'origin'|'origin-when-cross-origin'|'same-origin'|'strict-origin'|'strict-origin-when-cross-origin'|'unsafe-url'} [config.referrerpolicy] - Referrer policy.
    * @param {string} [config.type] - MIME type of the linked resource.
-   * @param {boolean|string|string[]} [config.attributionsrc] - Enables Attribution Reporting.
    * @param {string|boolean} [config.download] - Download filename (or boolean to enable).
    * @param {boolean} [config.allowHtml=false] - Whether to allow HTML inside the link.
    * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
@@ -46,7 +45,6 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
     ping,
     referrerpolicy,
     type,
-    attributionsrc,
     download,
     allowHtml = false,
     tags = [],
@@ -64,7 +62,6 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
     if (ping !== undefined) this.ping = ping;
     if (referrerpolicy !== undefined) this.referrerpolicy = referrerpolicy;
     if (type !== undefined) this.type = type;
-    if (attributionsrc !== undefined) this.attributionsrc = attributionsrc;
     if (download !== undefined) this.download = download;
 
     if (typeof allowHtml !== 'boolean')
@@ -116,9 +113,8 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
     return this.attrString('hreflang');
   }
 
-  /** @param {string|string[]} ping */
+  /** @param {string} ping */
   set ping(ping) {
-    if (Array.isArray(ping)) ping = ping.join(' ');
     if (typeof ping !== 'string')
       throw new TypeError('TinyHtmlAnchor: "ping" must be a string or string[].');
     this.setAttr('ping', ping);
@@ -160,25 +156,6 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
     return this.attrString('type');
   }
 
-  /** @param {boolean|string|string[]} attributionsrc */
-  set attributionsrc(attributionsrc) {
-    if (attributionsrc === true) {
-      this.addProp('attributionsrc');
-    } else if (typeof attributionsrc === 'string') {
-      this.setAttr('attributionsrc', attributionsrc);
-    } else if (Array.isArray(attributionsrc)) {
-      this.setAttr('attributionsrc', attributionsrc.join(' '));
-    } else {
-      throw new TypeError(
-        'TinyHtmlAnchor: "attributionsrc" must be a boolean, string, or string[].',
-      );
-    }
-  }
-  /** @returns {string|null} */
-  get attributionsrc() {
-    return this.attrString('attributionsrc');
-  }
-
   /** @param {string|boolean} download */
   set download(download) {
     if (typeof download !== 'string' && typeof download !== 'boolean')

package/dist/v1/libs/TinyHtml/TinyHtmlAnchor.d.mts

@@ -1,4 +1,5 @@
-export default TinyHtmlAnchor;
+import TinyHtml from '../TinyHtml.mjs';
+import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
 /**
  * TinyHtmlAnchor is a helper class for managing <a> elements.
  * It provides strongly-typed getters and setters for attributes like href,
@@ -23,30 +24,28 @@ declare class TinyHtmlAnchor extends TinyHtmlTemplate<HTMLAnchorElement> {
      * @param {string} [config.target] - Target attribute.
      * @param {string} [config.rel] - Relationship of the linked resource.
      * @param {string} [config.hreflang] - Language of the linked resource.
-     * @param {string|string[]} [config.ping] - URLs to send pings to.
+     * @param {string} [config.ping] - URLs to send pings to.
      * @param {'no-referrer'|'no-referrer-when-downgrade'|'origin'|'origin-when-cross-origin'|'same-origin'|'strict-origin'|'strict-origin-when-cross-origin'|'unsafe-url'} [config.referrerpolicy] - Referrer policy.
      * @param {string} [config.type] - MIME type of the linked resource.
-     * @param {boolean|string|string[]} [config.attributionsrc] - Enables Attribution Reporting.
      * @param {string|boolean} [config.download] - Download filename (or boolean to enable).
      * @param {boolean} [config.allowHtml=false] - Whether to allow HTML inside the link.
      * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
      * @param {string} [config.mainClass=''] - Main CSS class.
      * @throws {TypeError} If any attribute is invalid.
      */
-    constructor({ href, label, target, rel, hreflang, ping, referrerpolicy, type, attributionsrc, download, allowHtml, tags, mainClass, }: {
+    constructor({ href, label, target, rel, hreflang, ping, referrerpolicy, type, download, allowHtml, tags, mainClass, }: {
         href: string;
-        label?: string | Element | TinyHtml<any> | undefined;
-        target?: string | undefined;
-        rel?: string | undefined;
-        hreflang?: string | undefined;
-        ping?: string | string[] | undefined;
-        referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
-        type?: string | undefined;
-        attributionsrc?: string | boolean | string[] | undefined;
-        download?: string | boolean | undefined;
-        allowHtml?: boolean | undefined;
-        tags?: string | string[] | Set<string> | undefined;
-        mainClass?: string | undefined;
+        label?: string | Element | TinyHtml<any>;
+        target?: string;
+        rel?: string;
+        hreflang?: string;
+        ping?: string;
+        referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+        type?: string;
+        download?: string | boolean;
+        allowHtml?: boolean;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
     });
     /** @param {string} href */
     set href(href: string);
@@ -64,22 +63,18 @@ declare class TinyHtmlAnchor extends TinyHtmlTemplate<HTMLAnchorElement> {
     set hreflang(hreflang: string);
     /** @returns {string|null} */
     get hreflang(): string | null;
-    /** @param {string|string[]} ping */
-    set ping(ping: string | string[]);
+    /** @param {string} ping */
+    set ping(ping: string);
     /** @returns {string|null} */
     get ping(): string | null;
     /** @param {'no-referrer'|'no-referrer-when-downgrade'|'origin'|'origin-when-cross-origin'|'same-origin'|'strict-origin'|'strict-origin-when-cross-origin'|'unsafe-url'} referrerpolicy */
-    set referrerpolicy(referrerpolicy: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url");
+    set referrerpolicy(referrerpolicy: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url');
     /** @returns {string|null} */
     get referrerpolicy(): string | null;
     /** @param {string} type */
     set type(type: string);
     /** @returns {string|null} */
     get type(): string | null;
-    /** @param {boolean|string|string[]} attributionsrc */
-    set attributionsrc(attributionsrc: boolean | string | string[]);
-    /** @returns {string|null} */
-    get attributionsrc(): string | null;
     /** @param {string|boolean} download */
     set download(download: string | boolean);
     /** @returns {string|boolean|null} */
@@ -93,6 +88,5 @@ declare class TinyHtmlAnchor extends TinyHtmlTemplate<HTMLAnchorElement> {
      */
     setLabel(label: string | Element | TinyHtml<any>, allowHtml?: boolean): this;
 }
-import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
-import TinyHtml from '../TinyHtml.mjs';
+export default TinyHtmlAnchor;
 //# sourceMappingURL=TinyHtmlAnchor.d.mts.map

package/dist/v1/libs/TinyHtml/TinyHtmlAnchor.mjs

@@ -24,17 +24,16 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
      * @param {string} [config.target] - Target attribute.
      * @param {string} [config.rel] - Relationship of the linked resource.
      * @param {string} [config.hreflang] - Language of the linked resource.
-     * @param {string|string[]} [config.ping] - URLs to send pings to.
+     * @param {string} [config.ping] - URLs to send pings to.
      * @param {'no-referrer'|'no-referrer-when-downgrade'|'origin'|'origin-when-cross-origin'|'same-origin'|'strict-origin'|'strict-origin-when-cross-origin'|'unsafe-url'} [config.referrerpolicy] - Referrer policy.
      * @param {string} [config.type] - MIME type of the linked resource.
-     * @param {boolean|string|string[]} [config.attributionsrc] - Enables Attribution Reporting.
      * @param {string|boolean} [config.download] - Download filename (or boolean to enable).
      * @param {boolean} [config.allowHtml=false] - Whether to allow HTML inside the link.
      * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
      * @param {string} [config.mainClass=''] - Main CSS class.
      * @throws {TypeError} If any attribute is invalid.
      */
-    constructor({ href, label, target, rel, hreflang, ping, referrerpolicy, type, attributionsrc, download, allowHtml = false, tags = [], mainClass = '', }) {
+    constructor({ href, label, target, rel, hreflang, ping, referrerpolicy, type, download, allowHtml = false, tags = [], mainClass = '', }) {
         super(document.createElement('a'), tags, mainClass);
         if (typeof href !== 'string' || !href.trim())
             throw new TypeError('TinyHtmlAnchor: "href" must be a non-empty string.');
@@ -51,8 +50,6 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
             this.referrerpolicy = referrerpolicy;
         if (type !== undefined)
             this.type = type;
-        if (attributionsrc !== undefined)
-            this.attributionsrc = attributionsrc;
         if (download !== undefined)
             this.download = download;
         if (typeof allowHtml !== 'boolean')
@@ -100,10 +97,8 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
     get hreflang() {
         return this.attrString('hreflang');
     }
-    /** @param {string|string[]} ping */
+    /** @param {string} ping */
     set ping(ping) {
-        if (Array.isArray(ping))
-            ping = ping.join(' ');
         if (typeof ping !== 'string')
             throw new TypeError('TinyHtmlAnchor: "ping" must be a string or string[].');
         this.setAttr('ping', ping);
@@ -142,25 +137,6 @@ class TinyHtmlAnchor extends TinyHtmlTemplate {
     get type() {
         return this.attrString('type');
     }
-    /** @param {boolean|string|string[]} attributionsrc */
-    set attributionsrc(attributionsrc) {
-        if (attributionsrc === true) {
-            this.addProp('attributionsrc');
-        }
-        else if (typeof attributionsrc === 'string') {
-            this.setAttr('attributionsrc', attributionsrc);
-        }
-        else if (Array.isArray(attributionsrc)) {
-            this.setAttr('attributionsrc', attributionsrc.join(' '));
-        }
-        else {
-            throw new TypeError('TinyHtmlAnchor: "attributionsrc" must be a boolean, string, or string[].');
-        }
-    }
-    /** @returns {string|null} */
-    get attributionsrc() {
-        return this.attrString('attributionsrc');
-    }
     /** @param {string|boolean} download */
     set download(download) {
         if (typeof download !== 'string' && typeof download !== 'boolean')

package/dist/v1/libs/TinyHtml/TinyHtmlButton.cjs

@@ -306,11 +306,12 @@ class TinyHtmlButton extends TinyHtmlTemplate {
 
   /** @returns {string|null} */
   get value() {
-    return this.attr('value');
+    return this.valTxt();
   }
   set value(val) {
     if (typeof val !== 'string') throw new TypeError('TinyHtmlButton.value must be a string.');
     this.setAttr('value', val);
+    this.setVal(val);
   }
 }
 

package/dist/v1/libs/TinyHtml/TinyHtmlButton.d.mts

@@ -1,4 +1,5 @@
-export default TinyHtmlButton;
+import TinyHtml from '../TinyHtml.mjs';
+import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
 /**
  * TinyHtmlButton is a helper class for <button> elements with full attribute support and validation.
  * It extends TinyHtmlTemplate for direct DOM manipulation.
@@ -56,95 +57,94 @@ declare class TinyHtmlButton extends TinyHtmlTemplate<HTMLButtonElement> {
      */
     constructor({ label, tags, allowHtml, type, autofocus, command, commandfor, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, name, popovertarget, popovertargetaction, value, mainClass, }: {
         label: string | Element | TinyHtml<any>;
-        tags?: string | string[] | Set<string> | undefined;
-        allowHtml?: boolean | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
-        autofocus?: boolean | undefined;
-        command?: "close" | "show-modal" | "request-close" | "show-popover" | "hide-popover" | "toggle-popover" | undefined;
-        commandfor?: string | undefined;
-        disabled?: boolean | undefined;
-        form?: string | undefined;
-        formaction?: string | undefined;
-        formenctype?: "text/plain" | "application/x-www-form-urlencoded" | "multipart/form-data" | undefined;
-        formmethod?: "dialog" | "get" | "post" | undefined;
-        formnovalidate?: boolean | undefined;
-        formtarget?: "_blank" | "_self" | "_parent" | "_top" | "_unfencedTop" | undefined;
-        name?: string | undefined;
-        popovertarget?: string | undefined;
-        popovertargetaction?: "hide" | "show" | "toggle" | undefined;
-        value?: string | undefined;
-        mainClass?: string | undefined;
+        tags?: string | string[] | Set<string>;
+        allowHtml?: boolean;
+        type?: 'button' | 'submit' | 'reset';
+        autofocus?: boolean;
+        command?: 'show-modal' | 'close' | 'request-close' | 'show-popover' | 'hide-popover' | 'toggle-popover';
+        commandfor?: string;
+        disabled?: boolean;
+        form?: string;
+        formaction?: string;
+        formenctype?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
+        formmethod?: 'get' | 'post' | 'dialog';
+        formnovalidate?: boolean;
+        formtarget?: '_self' | '_blank' | '_parent' | '_top' | '_unfencedTop';
+        name?: string;
+        popovertarget?: string;
+        popovertargetaction?: 'show' | 'hide' | 'toggle';
+        value?: string;
+        mainClass?: string;
     });
-    /** @param {'button'|'submit'|'reset'} val */
-    set type(val: "button" | "submit" | "reset");
+    /**
+     * Updates the button label with text, HTML, or an element.
+     *
+     * @param {string|Element|TinyHtml<any>} label - The new label.
+     * @param {boolean} [allowHtml=false] - Whether to allow raw HTML or DOM elements.
+     * @returns {this}
+     * @throws {TypeError} If the label is invalid.
+     * @throws {Error} If DOM/HTML is passed but allowHtml=false.
+     */
+    setLabel(label: string | Element | TinyHtml<any>, allowHtml?: boolean): this;
     /** @returns {string|null} */
     get type(): string | null;
-    /** @param {boolean} state */
-    set autofocus(state: boolean);
+    /** @param {'button'|'submit'|'reset'} val */
+    set type(val: 'button' | 'submit' | 'reset');
     /** @returns {boolean} */
-    get autofocus(): boolean;
+    get disabled(): boolean;
     /** @param {boolean} state */
     set disabled(state: boolean);
     /** @returns {boolean} */
-    get disabled(): boolean;
+    get autofocus(): boolean;
     /** @param {boolean} state */
-    set formnovalidate(state: boolean);
+    set autofocus(state: boolean);
     /** @returns {boolean} */
     get formnovalidate(): boolean;
-    /** @param {'show-modal'|'close'|'request-close'|'show-popover'|'hide-popover'|'toggle-popover'} cmd */
-    set command(cmd: "show-modal" | "close" | "request-close" | "show-popover" | "hide-popover" | "toggle-popover");
+    /** @param {boolean} state */
+    set formnovalidate(state: boolean);
     /** @returns {string|null} */
     get command(): string | null;
+    /** @param {'show-modal'|'close'|'request-close'|'show-popover'|'hide-popover'|'toggle-popover'} cmd */
+    set command(cmd: 'show-modal' | 'close' | 'request-close' | 'show-popover' | 'hide-popover' | 'toggle-popover');
+    /** @returns {string|null} */
+    get commandfor(): string | null;
     /** @param {string} val */
     set commandfor(val: string);
     /** @returns {string|null} */
-    get commandfor(): string | null;
+    get form(): string | null;
     /** @param {string} val */
     set form(val: string);
     /** @returns {string|null} */
-    get form(): string | null;
+    get formaction(): string | null;
     /** @param {string} val */
     set formaction(val: string);
     /** @returns {string|null} */
-    get formaction(): string | null;
+    get formenctype(): string | null;
     /** @param {'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain'} val */
-    set formenctype(val: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain");
+    set formenctype(val: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain');
     /** @returns {string|null} */
-    get formenctype(): string | null;
+    get formmethod(): string | null;
     /** @param {'get'|'post'|'dialog'} val */
-    set formmethod(val: "get" | "post" | "dialog");
+    set formmethod(val: 'get' | 'post' | 'dialog');
     /** @returns {string|null} */
-    get formmethod(): string | null;
+    get formtarget(): string | null;
     /** @param {'_self'|'_blank'|'_parent'|'_top'|'_unfencedTop'} val */
-    set formtarget(val: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop");
+    set formtarget(val: '_self' | '_blank' | '_parent' | '_top' | '_unfencedTop');
     /** @returns {string|null} */
-    get formtarget(): string | null;
+    get name(): string | null;
     /** @param {string} val */
     set name(val: string);
     /** @returns {string|null} */
-    get name(): string | null;
+    get popovertarget(): string | null;
     /** @param {string} val */
     set popovertarget(val: string);
     /** @returns {string|null} */
-    get popovertarget(): string | null;
-    /** @param {'show'|'hide'|'toggle'} val */
-    set popovertargetaction(val: "show" | "hide" | "toggle");
-    /** @returns {string|null} */
     get popovertargetaction(): string | null;
-    set value(val: string | null);
+    /** @param {'show'|'hide'|'toggle'} val */
+    set popovertargetaction(val: 'show' | 'hide' | 'toggle');
     /** @returns {string|null} */
     get value(): string | null;
-    /**
-     * Updates the button label with text, HTML, or an element.
-     *
-     * @param {string|Element|TinyHtml<any>} label - The new label.
-     * @param {boolean} [allowHtml=false] - Whether to allow raw HTML or DOM elements.
-     * @returns {this}
-     * @throws {TypeError} If the label is invalid.
-     * @throws {Error} If DOM/HTML is passed but allowHtml=false.
-     */
-    setLabel(label: string | Element | TinyHtml<any>, allowHtml?: boolean): this;
+    set value(val: string | null);
 }
-import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
-import TinyHtml from '../TinyHtml.mjs';
+export default TinyHtmlButton;
 //# sourceMappingURL=TinyHtmlButton.d.mts.map

package/dist/v1/libs/TinyHtml/TinyHtmlButton.mjs

@@ -279,12 +279,13 @@ class TinyHtmlButton extends TinyHtmlTemplate {
     }
     /** @returns {string|null} */
     get value() {
-        return this.attr('value');
+        return this.valTxt();
     }
     set value(val) {
         if (typeof val !== 'string')
             throw new TypeError('TinyHtmlButton.value must be a string.');
         this.setAttr('value', val);
+        this.setVal(val);
     }
 }
 export default TinyHtmlButton;

package/dist/v1/libs/TinyHtml/TinyHtmlCanvas.d.mts

@@ -1,4 +1,4 @@
-export default TinyHtmlCanvas;
+import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
 /**
  * TinyHtmlCanvas is a helper for <canvas> elements,
  * providing a direct way to configure its size and retrieve the rendering context.
@@ -19,10 +19,10 @@ declare class TinyHtmlCanvas extends TinyHtmlTemplate<HTMLCanvasElement> {
      * @param {string} [config.mainClass=""] - Main CSS class.
      */
     constructor({ width, height, tags, mainClass }?: {
-        width?: number | undefined;
-        height?: number | undefined;
-        tags?: string | string[] | Set<string> | undefined;
-        mainClass?: string | undefined;
+        width?: number;
+        height?: number;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
     });
     /**
      * Gets the rendering context of the canvas.
@@ -32,5 +32,5 @@ declare class TinyHtmlCanvas extends TinyHtmlTemplate<HTMLCanvasElement> {
      */
     getContext(type?: string, options?: any): RenderingContext | null;
 }
-import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
+export default TinyHtmlCanvas;
 //# sourceMappingURL=TinyHtmlCanvas.d.mts.map

package/dist/v1/libs/TinyHtml/TinyHtmlDatalist.cjs

@@ -2,6 +2,10 @@
 
 var TinyHtmlTemplate = require('./TinyHtmlTemplate.cjs');
 
+/**
+ * @typedef {{value: string, label?: string}} DatalistOption
+ */
+
 /**
  * TinyHtmlDatalist is a helper class for creating and managing <datalist> elements.
  * A <datalist> provides predefined options for <input> elements via the `list` attribute.
@@ -25,7 +29,7 @@ class TinyHtmlDatalist extends TinyHtmlTemplate {
    * @param {string} [config.id] - The unique identifier for the datalist (to be linked with <input list="...">).
    * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
    * @param {string} [config.mainClass=""] - Main CSS class.
-   * @param {Array<{value: string, label?: string}>} [config.options=[]] - Initial <option> elements.
+   * @param {Array<DatalistOption>} [config.options=[]] - Initial <option> elements.
    */
   constructor({ id, tags = [], mainClass = '', options = [] } = {}) {
     super(document.createElement('datalist'), tags, mainClass);
@@ -34,7 +38,7 @@ class TinyHtmlDatalist extends TinyHtmlTemplate {
     if (options !== undefined) this.options = options;
   }
 
-  /** @param {Array<{value: string, label?: string}>} options */
+  /** @param {Array<DatalistOption>} options */
   set options(options) {
     if (!Array.isArray(options)) {
       throw new TypeError('TinyHtmlDatalist: "options" must be an array.');
@@ -46,13 +50,13 @@ class TinyHtmlDatalist extends TinyHtmlTemplate {
     }
   }
 
-  /** @returns {Array<{value: string, label: string|null}>} */
+  /** @returns {Array<DatalistOption>} */
   get options() {
     return Array.from(this.el.children)
       .filter((child) => child instanceof HTMLOptionElement)
       .map((opt) => ({
         value: opt.value,
-        label: opt.label || null,
+        label: opt.label,
       }));
   }
 

package/dist/v1/libs/TinyHtml/TinyHtmlDatalist.d.mts

@@ -1,4 +1,11 @@
-export default TinyHtmlDatalist;
+import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
+export type DatalistOption = {
+    value: string;
+    label?: string;
+};
+/**
+ * @typedef {{value: string, label?: string}} DatalistOption
+ */
 /**
  * TinyHtmlDatalist is a helper class for creating and managing <datalist> elements.
  * A <datalist> provides predefined options for <input> elements via the `list` attribute.
@@ -22,27 +29,18 @@ declare class TinyHtmlDatalist extends TinyHtmlTemplate<HTMLDataListElement> {
      * @param {string} [config.id] - The unique identifier for the datalist (to be linked with <input list="...">).
      * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
      * @param {string} [config.mainClass=""] - Main CSS class.
-     * @param {Array<{value: string, label?: string}>} [config.options=[]] - Initial <option> elements.
+     * @param {Array<DatalistOption>} [config.options=[]] - Initial <option> elements.
      */
     constructor({ id, tags, mainClass, options }?: {
-        id?: string | undefined;
-        tags?: string | string[] | Set<string> | undefined;
-        mainClass?: string | undefined;
-        options?: {
-            value: string;
-            label?: string;
-        }[] | undefined;
+        id?: string;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
+        options?: Array<DatalistOption>;
     });
-    /** @param {Array<{value: string, label?: string}>} options */
-    set options(options: Array<{
-        value: string;
-        label?: string;
-    }>);
-    /** @returns {Array<{value: string, label: string|null}>} */
-    get options(): Array<{
-        value: string;
-        label: string | null;
-    }>;
+    /** @param {Array<DatalistOption>} options */
+    set options(options: Array<DatalistOption>);
+    /** @returns {Array<DatalistOption>} */
+    get options(): Array<DatalistOption>;
     /**
      * Adds a new <option> to the datalist.
      * @param {Object} config - Option configuration.
@@ -52,7 +50,7 @@ declare class TinyHtmlDatalist extends TinyHtmlTemplate<HTMLDataListElement> {
      */
     addOption({ value, label }: {
         value: string;
-        label?: string | undefined;
+        label?: string;
     }): HTMLOptionElement;
     /**
      * Removes an option by its value.
@@ -61,5 +59,5 @@ declare class TinyHtmlDatalist extends TinyHtmlTemplate<HTMLDataListElement> {
      */
     removeOption(value: string): boolean;
 }
-import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
+export default TinyHtmlDatalist;
 //# sourceMappingURL=TinyHtmlDatalist.d.mts.map

package/dist/v1/libs/TinyHtml/TinyHtmlDatalist.mjs

@@ -1,4 +1,7 @@
 import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
+/**
+ * @typedef {{value: string, label?: string}} DatalistOption
+ */
 /**
  * TinyHtmlDatalist is a helper class for creating and managing <datalist> elements.
  * A <datalist> provides predefined options for <input> elements via the `list` attribute.
@@ -22,7 +25,7 @@ class TinyHtmlDatalist extends TinyHtmlTemplate {
      * @param {string} [config.id] - The unique identifier for the datalist (to be linked with <input list="...">).
      * @param {string|string[]|Set<string>} [config.tags=[]] - Initial CSS classes.
      * @param {string} [config.mainClass=""] - Main CSS class.
-     * @param {Array<{value: string, label?: string}>} [config.options=[]] - Initial <option> elements.
+     * @param {Array<DatalistOption>} [config.options=[]] - Initial <option> elements.
      */
     constructor({ id, tags = [], mainClass = '', options = [] } = {}) {
         super(document.createElement('datalist'), tags, mainClass);
@@ -31,7 +34,7 @@ class TinyHtmlDatalist extends TinyHtmlTemplate {
         if (options !== undefined)
             this.options = options;
     }
-    /** @param {Array<{value: string, label?: string}>} options */
+    /** @param {Array<DatalistOption>} options */
     set options(options) {
         if (!Array.isArray(options)) {
             throw new TypeError('TinyHtmlDatalist: "options" must be an array.');
@@ -42,13 +45,13 @@ class TinyHtmlDatalist extends TinyHtmlTemplate {
             this.addOption(opt);
         }
     }
-    /** @returns {Array<{value: string, label: string|null}>} */
+    /** @returns {Array<DatalistOption>} */
     get options() {
         return Array.from(this.el.children)
             .filter((child) => child instanceof HTMLOptionElement)
             .map((opt) => ({
             value: opt.value,
-            label: opt.label || null,
+            label: opt.label,
         }));
     }
     /**

package/dist/v1/libs/TinyHtml/TinyHtmlEmbed.d.mts

@@ -1,4 +1,4 @@
-export default TinyHtmlEmbed;
+import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
 /**
  * TinyHtmlEmbed is a helper class for creating and managing <embed> elements,
  * typically used to embed external interactive content or media such as PDFs or plugins.
@@ -37,12 +37,12 @@ declare class TinyHtmlEmbed extends TinyHtmlTemplate<HTMLEmbedElement> {
      * @throws {TypeError} If `height` is not a number or string.
      */
     constructor({ src, type, width, height, tags, mainClass }?: {
-        src?: string | undefined;
-        type?: string | undefined;
-        width?: string | number | undefined;
-        height?: string | number | undefined;
-        tags?: string | string[] | Set<string> | undefined;
-        mainClass?: string | undefined;
+        src?: string;
+        type?: string;
+        width?: number | string;
+        height?: number | string;
+        tags?: string | string[] | Set<string>;
+        mainClass?: string;
     });
     /** @param {string} src */
     set src(src: string);
@@ -53,5 +53,5 @@ declare class TinyHtmlEmbed extends TinyHtmlTemplate<HTMLEmbedElement> {
     /** @returns {string|null} */
     get type(): string | null;
 }
-import TinyHtmlTemplate from './TinyHtmlTemplate.mjs';
+export default TinyHtmlEmbed;
 //# sourceMappingURL=TinyHtmlEmbed.d.mts.map