@typesafe-html5/typescript 0.2.58

package/void/script/script.ts

@@ -0,0 +1,250 @@
+/**
+ * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
+ *
+ * @generated December 28, 2025 12:26:31
+ * @component Script
+ * @description 
+ */
+
+export interface ScriptProps {
+  /**
+   * Child content or elements
+   */
+  children?: string | HTMLElement | (string | HTMLElement)[];
+  /**
+   * When present, it specifies that the script will be executed asynchronously as soon as it is available.
+   */
+  async?: boolean | null | undefined;
+  /**
+   * Specifies the character encoding for the resource.
+   */
+  charset?: string | null | undefined;
+  /**
+   * 
+   */
+  crossorigin?: 'anonymous' | 'use-credentials' | null | undefined;
+  /**
+   * When present, it specifies that the script should be executed after the page has been parsed.
+   */
+  defer?: boolean | null | undefined;
+  /**
+   * Indicates whether the element is hidden
+   */
+  hidden?: boolean | null | undefined;
+  /**
+   * Specifies the integrity value of a resource.
+   */
+  integrity?: string | null | undefined;
+  /**
+   * Specifies the primary language for the element's content
+   */
+  lang?: string | null | undefined;
+  /**
+   * Specifies a cryptographic nonce that can be used in Content Security Policy (CSP) checks.
+   */
+  nonce?: string | null | undefined;
+  /**
+   * Specifies the referrer policy for fetches initiated by the element.
+   */
+  referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url' | null | undefined;
+  /**
+   * Specifies the URL of the external resource to be embedded or referenced.
+   */
+  src?: string | null | undefined;
+  /**
+   * Represents a title or tooltip for the element
+   */
+  title?: string | null | undefined;
+  /**
+   * Specifies the media type of the linked resource.
+   */
+  type?: 'text/javascript' | 'module' | null | undefined;
+}
+
+/**
+ * Script - 
+ */
+export class Script {
+  private element: HTMLElement;
+
+  constructor(props: ScriptProps = {}) {
+    this.element = document.createElement('script');
+    this.applyProps(props);
+  }
+
+  private applyProps(props: ScriptProps): void {
+    if (props.children !== undefined) {
+      this.setChildren(props.children);
+    }
+    if (props.async !== undefined) {
+      this.element.setAttribute('async', String(props.async));
+    }
+    if (props.charset !== undefined) {
+      this.element.setAttribute('charset', String(props.charset));
+    }
+    if (props.crossorigin !== undefined) {
+      this.setCrossorigin(props.crossorigin);
+    }
+    if (props.defer !== undefined) {
+      this.element.setAttribute('defer', String(props.defer));
+    }
+    if (props.hidden !== undefined) {
+      this.element.setAttribute('hidden', String(props.hidden));
+    }
+    if (props.integrity !== undefined) {
+      this.element.setAttribute('integrity', String(props.integrity));
+    }
+    if (props.lang !== undefined) {
+      this.element.setAttribute('lang', String(props.lang));
+    }
+    if (props.nonce !== undefined) {
+      this.element.setAttribute('nonce', String(props.nonce));
+    }
+    if (props.referrerpolicy !== undefined) {
+      this.setReferrerpolicy(props.referrerpolicy);
+    }
+    if (props.src !== undefined) {
+      this.element.setAttribute('src', String(props.src));
+    }
+    if (props.title !== undefined) {
+      this.element.setAttribute('title', String(props.title));
+    }
+    if (props.type !== undefined) {
+      this.setType(props.type);
+    }
+  }
+
+  setAsync(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('async', '');
+    } else {
+      this.element.removeAttribute('async');
+    }
+    return this;
+  }
+
+  setCharset(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('charset');
+    } else {
+      this.element.setAttribute('charset', String(value));
+    }
+    return this;
+  }
+
+  setCrossorigin(value: 'anonymous' | 'use-credentials' | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('crossorigin');
+    } else {
+      this.element.setAttribute('crossorigin', String(value));
+    }
+    return this;
+  }
+
+  setDefer(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('defer', '');
+    } else {
+      this.element.removeAttribute('defer');
+    }
+    return this;
+  }
+
+  setHidden(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('hidden', '');
+    } else {
+      this.element.removeAttribute('hidden');
+    }
+    return this;
+  }
+
+  setIntegrity(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('integrity');
+    } else {
+      this.element.setAttribute('integrity', String(value));
+    }
+    return this;
+  }
+
+  setLang(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('lang');
+    } else {
+      this.element.setAttribute('lang', String(value));
+    }
+    return this;
+  }
+
+  setNonce(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('nonce');
+    } else {
+      this.element.setAttribute('nonce', String(value));
+    }
+    return this;
+  }
+
+  setReferrerpolicy(value: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url' | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('referrerpolicy');
+    } else {
+      this.element.setAttribute('referrerpolicy', String(value));
+    }
+    return this;
+  }
+
+  setSrc(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('src');
+    } else {
+      this.element.setAttribute('src', String(value));
+    }
+    return this;
+  }
+
+  setTitle(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('title');
+    } else {
+      this.element.setAttribute('title', String(value));
+    }
+    return this;
+  }
+
+  setType(value: 'text/javascript' | 'module' | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('type');
+    } else {
+      this.element.setAttribute('type', String(value));
+    }
+    return this;
+  }
+
+  setChildren(children: string | HTMLElement | (string | HTMLElement)[]): this {
+    // Clear existing children
+    while (this.element.firstChild) {
+      this.element.removeChild(this.element.firstChild);
+    }
+    
+    if (typeof children === 'string') {
+      this.element.textContent = children;
+    } else if (Array.isArray(children)) {
+      children.forEach(child => {
+        if (typeof child === 'string') {
+          this.element.appendChild(document.createTextNode(child));
+        } else {
+          this.element.appendChild(child);
+        }
+      });
+    } else {
+      this.element.appendChild(children);
+    }
+    return this;
+  }
+
+  getElement(): HTMLElement {
+    return this.element;
+  }
+}

package/void/source/source.ts

@@ -0,0 +1,125 @@
+/**
+ * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
+ *
+ * @generated December 28, 2025 12:26:31
+ * @component Source
+ * @description 
+ */
+
+export interface SourceProps {
+  /**
+   * Indicates whether the element is hidden
+   */
+  hidden?: boolean | null | undefined;
+  /**
+   * Specifies the media type for which the linked resource or style sheet is intended.
+   */
+  media?: string | null | undefined;
+  /**
+   * Specifies the sizes of the images or icons for different display/window sizes.
+   */
+  sizes?: string | null | undefined;
+  /**
+   * Specifies the URL of the external resource to be embedded or referenced.
+   */
+  src?: string | null | undefined;
+  /**
+   * Specifies a list of possible image sources for the browser to use.
+   */
+  srcset?: string | null | undefined;
+  /**
+   * Specifies the media type of the linked resource.
+   */
+  type?: string | null | undefined;
+}
+
+/**
+ * Source - 
+ */
+export class Source {
+  private element: HTMLElement;
+
+  constructor(props: SourceProps = {}) {
+    this.element = document.createElement('source');
+    this.applyProps(props);
+  }
+
+  private applyProps(props: SourceProps): void {
+    if (props.hidden !== undefined) {
+      this.element.setAttribute('hidden', String(props.hidden));
+    }
+    if (props.media !== undefined) {
+      this.element.setAttribute('media', String(props.media));
+    }
+    if (props.sizes !== undefined) {
+      this.element.setAttribute('sizes', String(props.sizes));
+    }
+    if (props.src !== undefined) {
+      this.element.setAttribute('src', String(props.src));
+    }
+    if (props.srcset !== undefined) {
+      this.element.setAttribute('srcset', String(props.srcset));
+    }
+    if (props.type !== undefined) {
+      this.element.setAttribute('type', String(props.type));
+    }
+  }
+
+  setHidden(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('hidden', '');
+    } else {
+      this.element.removeAttribute('hidden');
+    }
+    return this;
+  }
+
+  setMedia(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('media');
+    } else {
+      this.element.setAttribute('media', String(value));
+    }
+    return this;
+  }
+
+  setSizes(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('sizes');
+    } else {
+      this.element.setAttribute('sizes', String(value));
+    }
+    return this;
+  }
+
+  setSrc(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('src');
+    } else {
+      this.element.setAttribute('src', String(value));
+    }
+    return this;
+  }
+
+  setSrcset(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('srcset');
+    } else {
+      this.element.setAttribute('srcset', String(value));
+    }
+    return this;
+  }
+
+  setType(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('type');
+    } else {
+      this.element.setAttribute('type', String(value));
+    }
+    return this;
+  }
+
+  getElement(): HTMLElement {
+    return this.element;
+  }
+}

package/void/style/style.ts

@@ -0,0 +1,154 @@
+/**
+ * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
+ *
+ * @generated December 28, 2025 12:26:31
+ * @component Style
+ * @description 
+ */
+
+export interface StyleProps {
+  /**
+   * Child content or elements
+   */
+  children?: string | HTMLElement | (string | HTMLElement)[];
+  /**
+   * Represents the text direction of the element
+   */
+  dir?: 'ltr' | 'rtl' | 'auto' | null | undefined;
+  /**
+   * Specifies the primary language for the element's content
+   */
+  lang?: string | null | undefined;
+  /**
+   * Specifies the media type for which the linked resource or style sheet is intended.
+   */
+  media?: string | null | undefined;
+  /**
+   * Specifies a cryptographic nonce that can be used in Content Security Policy (CSP) checks.
+   */
+  nonce?: string | null | undefined;
+  /**
+   * Represents a title or tooltip for the element
+   */
+  title?: string | null | undefined;
+  /**
+   * Specifies the media type of the inline styles.
+   */
+  type?: 'text/css' | null | undefined;
+}
+
+/**
+ * Style - 
+ */
+export class Style {
+  private element: HTMLElement;
+
+  constructor(props: StyleProps = {}) {
+    this.element = document.createElement('style');
+    this.applyProps(props);
+  }
+
+  private applyProps(props: StyleProps): void {
+    if (props.children !== undefined) {
+      this.setChildren(props.children);
+    }
+    if (props.dir !== undefined) {
+      this.setDir(props.dir);
+    }
+    if (props.lang !== undefined) {
+      this.element.setAttribute('lang', String(props.lang));
+    }
+    if (props.media !== undefined) {
+      this.element.setAttribute('media', String(props.media));
+    }
+    if (props.nonce !== undefined) {
+      this.element.setAttribute('nonce', String(props.nonce));
+    }
+    if (props.title !== undefined) {
+      this.element.setAttribute('title', String(props.title));
+    }
+    if (props.type !== undefined) {
+      this.setType(props.type);
+    }
+  }
+
+  setDir(value: 'ltr' | 'rtl' | 'auto' | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('dir');
+    } else {
+      this.element.setAttribute('dir', String(value));
+    }
+    return this;
+  }
+
+  setLang(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('lang');
+    } else {
+      this.element.setAttribute('lang', String(value));
+    }
+    return this;
+  }
+
+  setMedia(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('media');
+    } else {
+      this.element.setAttribute('media', String(value));
+    }
+    return this;
+  }
+
+  setNonce(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('nonce');
+    } else {
+      this.element.setAttribute('nonce', String(value));
+    }
+    return this;
+  }
+
+  setTitle(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('title');
+    } else {
+      this.element.setAttribute('title', String(value));
+    }
+    return this;
+  }
+
+  setType(value: 'text/css' | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('type');
+    } else {
+      this.element.setAttribute('type', String(value));
+    }
+    return this;
+  }
+
+  setChildren(children: string | HTMLElement | (string | HTMLElement)[]): this {
+    // Clear existing children
+    while (this.element.firstChild) {
+      this.element.removeChild(this.element.firstChild);
+    }
+    
+    if (typeof children === 'string') {
+      this.element.textContent = children;
+    } else if (Array.isArray(children)) {
+      children.forEach(child => {
+        if (typeof child === 'string') {
+          this.element.appendChild(document.createTextNode(child));
+        } else {
+          this.element.appendChild(child);
+        }
+      });
+    } else {
+      this.element.appendChild(children);
+    }
+    return this;
+  }
+
+  getElement(): HTMLElement {
+    return this.element;
+  }
+}

package/void/title/title.ts

@@ -0,0 +1,58 @@
+/**
+ * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
+ *
+ * @generated December 28, 2025 12:26:31
+ * @component Title
+ * @description 
+ */
+
+export interface TitleProps {
+  /**
+   * Child content or elements
+   */
+  children?: string | HTMLElement | (string | HTMLElement)[];
+}
+
+/**
+ * Title - 
+ */
+export class Title {
+  private element: HTMLElement;
+
+  constructor(props: TitleProps = {}) {
+    this.element = document.createElement('title');
+    this.applyProps(props);
+  }
+
+  private applyProps(props: TitleProps): void {
+    if (props.children !== undefined) {
+      this.setChildren(props.children);
+    }
+  }
+
+  setChildren(children: string | HTMLElement | (string | HTMLElement)[]): this {
+    // Clear existing children
+    while (this.element.firstChild) {
+      this.element.removeChild(this.element.firstChild);
+    }
+    
+    if (typeof children === 'string') {
+      this.element.textContent = children;
+    } else if (Array.isArray(children)) {
+      children.forEach(child => {
+        if (typeof child === 'string') {
+          this.element.appendChild(document.createTextNode(child));
+        } else {
+          this.element.appendChild(child);
+        }
+      });
+    } else {
+      this.element.appendChild(children);
+    }
+    return this;
+  }
+
+  getElement(): HTMLElement {
+    return this.element;
+  }
+}