@typesafe-html5/typescript 0.2.58

package/block/body/body.ts

@@ -0,0 +1,458 @@
+/**
+ * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
+ *
+ * @generated December 28, 2025 12:26:31
+ * @component Body
+ * @description 
+ */
+
+export interface BodyProps {
+  /**
+   * Child content or elements
+   */
+  children?: string | HTMLElement | (string | HTMLElement)[];
+  /**
+   * specifies a shortcut key (or keys) to activate or focus an element
+   */
+  accesskey?: string | null | undefined;
+  /**
+   * Represents the text direction of the element
+   */
+  dir?: 'ltr' | 'rtl' | 'auto' | null | undefined;
+  /**
+   * Indicates whether the element is draggable
+   */
+  draggable?: boolean | null | undefined;
+  /**
+   * Indicates whether the element is hidden
+   */
+  hidden?: boolean | null | undefined;
+  /**
+   * Specifies the primary language for the element's content
+   */
+  lang?: string | null | undefined;
+  /**
+   * Fires after the associated document has started printing or the print preview has been closed.
+   */
+  onafterprint?: string | null | undefined;
+  /**
+   * Fires before the associated document is printed or previewed for printing.
+   */
+  onbeforeprint?: string | null | undefined;
+  /**
+   * Fires before the user navigates away from the page.
+   */
+  onbeforeunload?: string | null | undefined;
+  /**
+   * Fires when the fragment identifier part of the URL changes.
+   */
+  onhashchange?: string | null | undefined;
+  /**
+   * Fires when the user changes the preferred language of the user interface.
+   */
+  onlanguagechange?: string | null | undefined;
+  /**
+   * Fires when a message is received from a different browsing context (e.g., an iframe).
+   */
+  onmessage?: string | null | undefined;
+  /**
+   * Fires when an error occurs while receiving a message from a different browsing context.
+   */
+  onmessageerror?: string | null | undefined;
+  /**
+   * Fires when the browser goes offline.
+   */
+  onoffline?: string | null | undefined;
+  /**
+   * Fires when the browser goes online.
+   */
+  ononline?: string | null | undefined;
+  /**
+   * Fires when the user navigates away from a page.
+   */
+  onpagehide?: string | null | undefined;
+  /**
+   * Fires when the user navigates to a page.
+   */
+  onpageshow?: string | null | undefined;
+  /**
+   * Fires when the user navigates through the history by clicking the browser's Back or Forward buttons.
+   */
+  onpopstate?: string | null | undefined;
+  /**
+   * Fires when a Promise is rejected and the rejection is handled by a Promise handler (e.g., catch).
+   */
+  onrejectionhandled?: string | null | undefined;
+  /**
+   * Fires when a storage area (e.g., localStorage or sessionStorage) changes.
+   */
+  onstorage?: string | null | undefined;
+  /**
+   * Fires when a Promise is rejected but there is no rejection handler (e.g., catch).
+   */
+  onunhandledrejection?: string | null | undefined;
+  /**
+   * Fires when the user is navigating away from the page (similar to onbeforeunload).
+   */
+  onunload?: string | null | undefined;
+  /**
+   * Represents the CSS inline style of the element
+   */
+  style?: string | null | undefined;
+  /**
+   * Represents a tab order of the element
+   */
+  tabindex?: number | null | undefined;
+  /**
+   * Represents a title or tooltip for the element
+   */
+  title?: string | null | undefined;
+  /**
+   * used to tell user agents whether the content should be translated.
+   */
+  translate?: 'yes' | 'no' | null | undefined;
+}
+
+/**
+ * Body - 
+ */
+export class Body {
+  private element: HTMLElement;
+
+  constructor(props: BodyProps = {}) {
+    this.element = document.createElement('body');
+    this.applyProps(props);
+  }
+
+  private applyProps(props: BodyProps): void {
+    if (props.children !== undefined) {
+      this.setChildren(props.children);
+    }
+    if (props.accesskey !== undefined) {
+      this.element.setAttribute('accesskey', String(props.accesskey));
+    }
+    if (props.dir !== undefined) {
+      this.setDir(props.dir);
+    }
+    if (props.draggable !== undefined) {
+      this.element.setAttribute('draggable', String(props.draggable));
+    }
+    if (props.hidden !== undefined) {
+      this.element.setAttribute('hidden', String(props.hidden));
+    }
+    if (props.lang !== undefined) {
+      this.element.setAttribute('lang', String(props.lang));
+    }
+    if (props.onafterprint !== undefined) {
+      this.element.setAttribute('onafterprint', String(props.onafterprint));
+    }
+    if (props.onbeforeprint !== undefined) {
+      this.element.setAttribute('onbeforeprint', String(props.onbeforeprint));
+    }
+    if (props.onbeforeunload !== undefined) {
+      this.element.setAttribute('onbeforeunload', String(props.onbeforeunload));
+    }
+    if (props.onhashchange !== undefined) {
+      this.element.setAttribute('onhashchange', String(props.onhashchange));
+    }
+    if (props.onlanguagechange !== undefined) {
+      this.element.setAttribute('onlanguagechange', String(props.onlanguagechange));
+    }
+    if (props.onmessage !== undefined) {
+      this.element.setAttribute('onmessage', String(props.onmessage));
+    }
+    if (props.onmessageerror !== undefined) {
+      this.element.setAttribute('onmessageerror', String(props.onmessageerror));
+    }
+    if (props.onoffline !== undefined) {
+      this.element.setAttribute('onoffline', String(props.onoffline));
+    }
+    if (props.ononline !== undefined) {
+      this.element.setAttribute('ononline', String(props.ononline));
+    }
+    if (props.onpagehide !== undefined) {
+      this.element.setAttribute('onpagehide', String(props.onpagehide));
+    }
+    if (props.onpageshow !== undefined) {
+      this.element.setAttribute('onpageshow', String(props.onpageshow));
+    }
+    if (props.onpopstate !== undefined) {
+      this.element.setAttribute('onpopstate', String(props.onpopstate));
+    }
+    if (props.onrejectionhandled !== undefined) {
+      this.element.setAttribute('onrejectionhandled', String(props.onrejectionhandled));
+    }
+    if (props.onstorage !== undefined) {
+      this.element.setAttribute('onstorage', String(props.onstorage));
+    }
+    if (props.onunhandledrejection !== undefined) {
+      this.element.setAttribute('onunhandledrejection', String(props.onunhandledrejection));
+    }
+    if (props.onunload !== undefined) {
+      this.element.setAttribute('onunload', String(props.onunload));
+    }
+    if (props.style !== undefined) {
+      this.element.setAttribute('style', String(props.style));
+    }
+    if (props.tabindex !== undefined) {
+      this.element.setAttribute('tabindex', String(props.tabindex));
+    }
+    if (props.title !== undefined) {
+      this.element.setAttribute('title', String(props.title));
+    }
+    if (props.translate !== undefined) {
+      this.setTranslate(props.translate);
+    }
+  }
+
+  setAccesskey(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('accesskey');
+    } else {
+      this.element.setAttribute('accesskey', String(value));
+    }
+    return this;
+  }
+
+  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;
+  }
+
+  setDraggable(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('draggable', '');
+    } else {
+      this.element.removeAttribute('draggable');
+    }
+    return this;
+  }
+
+  setHidden(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('hidden', '');
+    } else {
+      this.element.removeAttribute('hidden');
+    }
+    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;
+  }
+
+  setOnafterprint(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onafterprint');
+    } else {
+      this.element.setAttribute('onafterprint', String(value));
+    }
+    return this;
+  }
+
+  setOnbeforeprint(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onbeforeprint');
+    } else {
+      this.element.setAttribute('onbeforeprint', String(value));
+    }
+    return this;
+  }
+
+  setOnbeforeunload(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onbeforeunload');
+    } else {
+      this.element.setAttribute('onbeforeunload', String(value));
+    }
+    return this;
+  }
+
+  setOnhashchange(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onhashchange');
+    } else {
+      this.element.setAttribute('onhashchange', String(value));
+    }
+    return this;
+  }
+
+  setOnlanguagechange(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onlanguagechange');
+    } else {
+      this.element.setAttribute('onlanguagechange', String(value));
+    }
+    return this;
+  }
+
+  setOnmessage(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onmessage');
+    } else {
+      this.element.setAttribute('onmessage', String(value));
+    }
+    return this;
+  }
+
+  setOnmessageerror(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onmessageerror');
+    } else {
+      this.element.setAttribute('onmessageerror', String(value));
+    }
+    return this;
+  }
+
+  setOnoffline(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onoffline');
+    } else {
+      this.element.setAttribute('onoffline', String(value));
+    }
+    return this;
+  }
+
+  setOnonline(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('ononline');
+    } else {
+      this.element.setAttribute('ononline', String(value));
+    }
+    return this;
+  }
+
+  setOnpagehide(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onpagehide');
+    } else {
+      this.element.setAttribute('onpagehide', String(value));
+    }
+    return this;
+  }
+
+  setOnpageshow(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onpageshow');
+    } else {
+      this.element.setAttribute('onpageshow', String(value));
+    }
+    return this;
+  }
+
+  setOnpopstate(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onpopstate');
+    } else {
+      this.element.setAttribute('onpopstate', String(value));
+    }
+    return this;
+  }
+
+  setOnrejectionhandled(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onrejectionhandled');
+    } else {
+      this.element.setAttribute('onrejectionhandled', String(value));
+    }
+    return this;
+  }
+
+  setOnstorage(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onstorage');
+    } else {
+      this.element.setAttribute('onstorage', String(value));
+    }
+    return this;
+  }
+
+  setOnunhandledrejection(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onunhandledrejection');
+    } else {
+      this.element.setAttribute('onunhandledrejection', String(value));
+    }
+    return this;
+  }
+
+  setOnunload(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('onunload');
+    } else {
+      this.element.setAttribute('onunload', 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;
+  }
+
+  setTabindex(value: number | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('tabindex');
+    } else {
+      this.element.setAttribute('tabindex', 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;
+  }
+
+  setTranslate(value: 'yes' | 'no' | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('translate');
+    } else {
+      this.element.setAttribute('translate', 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;
+  }
+}