@typesafe-html5/typescript 0.2.58

package/void/track/track.ts

@@ -0,0 +1,157 @@
+/**
+ * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
+ *
+ * @generated December 28, 2025 12:26:31
+ * @component Track
+ * @description 
+ */
+
+export interface TrackProps {
+  /**
+   * Specifies that the track should be enabled by default when the page loads.
+   */
+  default?: boolean | null | undefined;
+  /**
+   * Indicates whether the element is hidden
+   */
+  hidden?: boolean | null | undefined;
+  /**
+   * 
+   */
+  kind?: 'captions' | 'chapters' | 'descriptions' | 'metadata' | 'subtitles' | null | undefined;
+  /**
+   * Specifies a label for the associated form control, option group, or option.
+   */
+  label?: string | null | undefined;
+  /**
+   * Specifies the primary language for the element's content
+   */
+  lang?: string | null | undefined;
+  /**
+   * Specifies the URL of the external resource to be embedded or referenced.
+   */
+  src?: string | null | undefined;
+  /**
+   * Specifies the language of the track text data.
+   */
+  srclang?: string | null | undefined;
+  /**
+   * Represents the CSS inline style of the element
+   */
+  style?: string | null | undefined;
+}
+
+/**
+ * Track - 
+ */
+export class Track {
+  private element: HTMLElement;
+
+  constructor(props: TrackProps = {}) {
+    this.element = document.createElement('track');
+    this.applyProps(props);
+  }
+
+  private applyProps(props: TrackProps): void {
+    if (props.default !== undefined) {
+      this.element.setAttribute('default', String(props.default));
+    }
+    if (props.hidden !== undefined) {
+      this.element.setAttribute('hidden', String(props.hidden));
+    }
+    if (props.kind !== undefined) {
+      this.setKind(props.kind);
+    }
+    if (props.label !== undefined) {
+      this.element.setAttribute('label', String(props.label));
+    }
+    if (props.lang !== undefined) {
+      this.element.setAttribute('lang', String(props.lang));
+    }
+    if (props.src !== undefined) {
+      this.element.setAttribute('src', String(props.src));
+    }
+    if (props.srclang !== undefined) {
+      this.element.setAttribute('srclang', String(props.srclang));
+    }
+    if (props.style !== undefined) {
+      this.element.setAttribute('style', String(props.style));
+    }
+  }
+
+  setDefault(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('default', '');
+    } else {
+      this.element.removeAttribute('default');
+    }
+    return this;
+  }
+
+  setHidden(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('hidden', '');
+    } else {
+      this.element.removeAttribute('hidden');
+    }
+    return this;
+  }
+
+  setKind(value: 'captions' | 'chapters' | 'descriptions' | 'metadata' | 'subtitles' | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('kind');
+    } else {
+      this.element.setAttribute('kind', String(value));
+    }
+    return this;
+  }
+
+  setLabel(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('label');
+    } else {
+      this.element.setAttribute('label', 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;
+  }
+
+  setSrc(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('src');
+    } else {
+      this.element.setAttribute('src', String(value));
+    }
+    return this;
+  }
+
+  setSrclang(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('srclang');
+    } else {
+      this.element.setAttribute('srclang', String(value));
+    }
+    return this;
+  }
+
+  setStyle(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('style');
+    } else {
+      this.element.setAttribute('style', String(value));
+    }
+    return this;
+  }
+
+  getElement(): HTMLElement {
+    return this.element;
+  }
+}

package/void/wbr/wbr.ts

@@ -0,0 +1,61 @@
+/**
+ * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
+ *
+ * @generated December 28, 2025 12:26:31
+ * @component Wbr
+ * @description 
+ */
+
+export interface WbrProps {
+  /**
+   * Represents the text direction of the element
+   */
+  dir?: 'ltr' | 'rtl' | 'auto' | null | undefined;
+  /**
+   * Indicates whether the element is hidden
+   */
+  hidden?: boolean | null | undefined;
+}
+
+/**
+ * Wbr - 
+ */
+export class Wbr {
+  private element: HTMLElement;
+
+  constructor(props: WbrProps = {}) {
+    this.element = document.createElement('wbr');
+    this.applyProps(props);
+  }
+
+  private applyProps(props: WbrProps): void {
+    if (props.dir !== undefined) {
+      this.setDir(props.dir);
+    }
+    if (props.hidden !== undefined) {
+      this.element.setAttribute('hidden', String(props.hidden));
+    }
+  }
+
+  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;
+  }
+
+  setHidden(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('hidden', '');
+    } else {
+      this.element.removeAttribute('hidden');
+    }
+    return this;
+  }
+
+  getElement(): HTMLElement {
+    return this.element;
+  }
+}