@typesafe-html5/typescript 0.2.61 → 0.2.72

package/dist/block/tr/tr.js

@@ -0,0 +1,586 @@
+// src/block/tr/tr.ts
+var Tr = class {
+  constructor(props = {}) {
+    this.element = document.createElement("tr");
+    this.applyProps(props);
+  }
+  applyProps(props) {
+    if (props.children !== void 0) {
+      this.setChildren(props.children);
+    }
+    if (props.accessKey !== void 0) {
+      this.element.setAttribute("accessKey", String(props.accessKey));
+    }
+    if (props.accesskey !== void 0) {
+      this.element.setAttribute("accesskey", String(props.accesskey));
+    }
+    if (props.align !== void 0) {
+      this.setAlign(props.align);
+    }
+    if (props["alpine-attributes"] !== void 0) {
+      const __map = props["alpine-attributes"];
+      if (__map !== null && __map !== void 0) {
+        for (const __k in __map) {
+          const __v = __map[__k];
+          let __attr = __k;
+          if (__k.startsWith("@")) {
+            __attr = "x-on:" + __k.slice(1);
+          } else if (__k.startsWith(":")) {
+            __attr = "x-bind:" + __k.slice(1);
+          } else if (__k.startsWith(".")) {
+            __attr = "x-model" + __k;
+          } else if (!__k.startsWith("x-") && ["show", "text", "html", "if", "for", "cloak", "init", "data", "effect", "ignore", "ref", "transition", "teleport"].includes(__k)) {
+            __attr = "x-" + __k;
+          }
+          this.element.setAttribute(__attr, String(__v));
+        }
+      }
+    }
+    if (props["aria-atomic"] !== void 0) {
+      this.setAriaAtomic(props["aria-atomic"]);
+    }
+    if (props["aria-busy"] !== void 0) {
+      this.setAriaBusy(props["aria-busy"]);
+    }
+    if (props["aria-colcount"] !== void 0) {
+      this.element.setAttribute("aria-colcount", String(props["aria-colcount"]));
+    }
+    if (props["aria-controls"] !== void 0) {
+      this.element.setAttribute("aria-controls", String(props["aria-controls"]));
+    }
+    if (props["aria-describedby"] !== void 0) {
+      this.element.setAttribute("aria-describedby", String(props["aria-describedby"]));
+    }
+    if (props["aria-details"] !== void 0) {
+      this.element.setAttribute("aria-details", String(props["aria-details"]));
+    }
+    if (props["aria-hidden"] !== void 0) {
+      this.setAriaHidden(props["aria-hidden"]);
+    }
+    if (props["aria-keyshortcuts"] !== void 0) {
+      this.element.setAttribute("aria-keyshortcuts", String(props["aria-keyshortcuts"]));
+    }
+    if (props["aria-labelledby"] !== void 0) {
+      this.element.setAttribute("aria-labelledby", String(props["aria-labelledby"]));
+    }
+    if (props["aria-level"] !== void 0) {
+      this.element.setAttribute("aria-level", String(props["aria-level"]));
+    }
+    if (props["aria-live"] !== void 0) {
+      this.setAriaLive(props["aria-live"]);
+    }
+    if (props["aria-posinset"] !== void 0) {
+      this.element.setAttribute("aria-posinset", String(props["aria-posinset"]));
+    }
+    if (props["aria-relevant"] !== void 0) {
+      this.setAriaRelevant(props["aria-relevant"]);
+    }
+    if (props["aria-roledescription"] !== void 0) {
+      this.element.setAttribute("aria-roledescription", String(props["aria-roledescription"]));
+    }
+    if (props["aria-rowcount"] !== void 0) {
+      this.element.setAttribute("aria-rowcount", String(props["aria-rowcount"]));
+    }
+    if (props["aria-selected"] !== void 0) {
+      this.setAriaSelected(props["aria-selected"]);
+    }
+    if (props["aria-setsize"] !== void 0) {
+      this.element.setAttribute("aria-setsize", String(props["aria-setsize"]));
+    }
+    if (props["aria-sort"] !== void 0) {
+      this.setAriaSort(props["aria-sort"]);
+    }
+    if (props.autocapitalize !== void 0) {
+      this.setAutocapitalize(props.autocapitalize);
+    }
+    if (props.autofocus !== void 0) {
+      this.element.setAttribute("autofocus", String(props.autofocus));
+    }
+    if (props.bgcolor !== void 0) {
+      this.element.setAttribute("bgcolor", String(props.bgcolor));
+    }
+    if (props.char !== void 0) {
+      this.element.setAttribute("char", String(props.char));
+    }
+    if (props.charoff !== void 0) {
+      this.element.setAttribute("charoff", String(props.charoff));
+    }
+    if (props.className !== void 0) {
+      this.element.setAttribute("className", String(props.className));
+    }
+    if (props.contentEditable !== void 0) {
+      this.element.setAttribute("contentEditable", String(props.contentEditable));
+    }
+    if (props.contenteditable !== void 0) {
+      this.setContenteditable(props.contenteditable);
+    }
+    if (props["data-attributes"] !== void 0) {
+      const __map = props["data-attributes"];
+      if (__map !== null && __map !== void 0) {
+        for (const __k in __map) {
+          this.element.setAttribute(`data-${__k}`, String(__map[__k]));
+        }
+      }
+    }
+    if (props.dir !== void 0) {
+      this.setDir(props.dir);
+    }
+    if (props.draggable !== void 0) {
+      this.element.setAttribute("draggable", String(props.draggable));
+    }
+    if (props.hidden !== void 0) {
+      this.element.setAttribute("hidden", String(props.hidden));
+    }
+    if (props.id !== void 0) {
+      this.element.setAttribute("id", String(props.id));
+    }
+    if (props.inputmode !== void 0) {
+      this.setInputmode(props.inputmode);
+    }
+    if (props.lang !== void 0) {
+      this.element.setAttribute("lang", String(props.lang));
+    }
+    if (props.popover !== void 0) {
+      this.setPopover(props.popover);
+    }
+    if (props.role !== void 0) {
+      this.setRole(props.role);
+    }
+    if (props.spellcheck !== void 0) {
+      this.setSpellcheck(props.spellcheck);
+    }
+    if (props.style !== void 0) {
+      this.element.setAttribute("style", String(props.style));
+    }
+    if (props.tabIndex !== void 0) {
+      this.element.setAttribute("tabIndex", String(props.tabIndex));
+    }
+    if (props.tabindex !== void 0) {
+      this.element.setAttribute("tabindex", String(props.tabindex));
+    }
+    if (props.title !== void 0) {
+      this.element.setAttribute("title", String(props.title));
+    }
+    if (props.translate !== void 0) {
+      this.setTranslate(props.translate);
+    }
+    if (props.valign !== void 0) {
+      this.setValign(props.valign);
+    }
+  }
+  setAccessKey(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("accessKey");
+    } else {
+      this.element.setAttribute("accessKey", String(value));
+    }
+    return this;
+  }
+  setAccesskey(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("accesskey");
+    } else {
+      this.element.setAttribute("accesskey", String(value));
+    }
+    return this;
+  }
+  setAlign(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("align");
+    } else {
+      this.element.setAttribute("align", String(value));
+    }
+    return this;
+  }
+  setAlpineAttributes(value) {
+    if (value === null || value === void 0) {
+      for (const __a of Array.from(this.element.attributes)) {
+        if (__a.name.startsWith("x-")) {
+          this.element.removeAttribute(__a.name);
+        }
+      }
+    } else {
+      for (const __k in value) {
+        let __attr = __k;
+        if (__k.startsWith("@")) {
+          __attr = "x-on:" + __k.slice(1);
+        } else if (__k.startsWith(":")) {
+          __attr = "x-bind:" + __k.slice(1);
+        } else if (__k.startsWith(".")) {
+          __attr = "x-model" + __k;
+        } else if (!__k.startsWith("x-") && ["show", "text", "html", "if", "for", "cloak", "init", "data", "effect", "ignore", "ref", "transition", "teleport"].includes(__k)) {
+          __attr = "x-" + __k;
+        }
+        this.element.setAttribute(__attr, String(value[__k]));
+      }
+    }
+    return this;
+  }
+  setAriaAtomic(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-atomic");
+    } else {
+      this.element.setAttribute("aria-atomic", String(value));
+    }
+    return this;
+  }
+  setAriaBusy(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-busy");
+    } else {
+      this.element.setAttribute("aria-busy", String(value));
+    }
+    return this;
+  }
+  setAriaColcount(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-colcount");
+    } else {
+      this.element.setAttribute("aria-colcount", String(value));
+    }
+    return this;
+  }
+  setAriaControls(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-controls");
+    } else {
+      this.element.setAttribute("aria-controls", String(value));
+    }
+    return this;
+  }
+  setAriaDescribedby(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-describedby");
+    } else {
+      this.element.setAttribute("aria-describedby", String(value));
+    }
+    return this;
+  }
+  setAriaDetails(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-details");
+    } else {
+      this.element.setAttribute("aria-details", String(value));
+    }
+    return this;
+  }
+  setAriaHidden(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-hidden");
+    } else {
+      this.element.setAttribute("aria-hidden", String(value));
+    }
+    return this;
+  }
+  setAriaKeyshortcuts(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-keyshortcuts");
+    } else {
+      this.element.setAttribute("aria-keyshortcuts", String(value));
+    }
+    return this;
+  }
+  setAriaLabelledby(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-labelledby");
+    } else {
+      this.element.setAttribute("aria-labelledby", String(value));
+    }
+    return this;
+  }
+  setAriaLevel(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-level");
+    } else {
+      this.element.setAttribute("aria-level", String(value));
+    }
+    return this;
+  }
+  setAriaLive(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-live");
+    } else {
+      this.element.setAttribute("aria-live", String(value));
+    }
+    return this;
+  }
+  setAriaPosinset(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-posinset");
+    } else {
+      this.element.setAttribute("aria-posinset", String(value));
+    }
+    return this;
+  }
+  setAriaRelevant(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-relevant");
+    } else {
+      this.element.setAttribute("aria-relevant", String(value));
+    }
+    return this;
+  }
+  setAriaRoledescription(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-roledescription");
+    } else {
+      this.element.setAttribute("aria-roledescription", String(value));
+    }
+    return this;
+  }
+  setAriaRowcount(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-rowcount");
+    } else {
+      this.element.setAttribute("aria-rowcount", String(value));
+    }
+    return this;
+  }
+  setAriaSelected(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-selected");
+    } else {
+      this.element.setAttribute("aria-selected", String(value));
+    }
+    return this;
+  }
+  setAriaSetsize(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-setsize");
+    } else {
+      this.element.setAttribute("aria-setsize", String(value));
+    }
+    return this;
+  }
+  setAriaSort(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("aria-sort");
+    } else {
+      this.element.setAttribute("aria-sort", String(value));
+    }
+    return this;
+  }
+  setAutocapitalize(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("autocapitalize");
+    } else {
+      this.element.setAttribute("autocapitalize", String(value));
+    }
+    return this;
+  }
+  setAutofocus(value) {
+    if (value === true) {
+      this.element.setAttribute("autofocus", "");
+    } else {
+      this.element.removeAttribute("autofocus");
+    }
+    return this;
+  }
+  setBgcolor(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("bgcolor");
+    } else {
+      this.element.setAttribute("bgcolor", String(value));
+    }
+    return this;
+  }
+  setChar(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("char");
+    } else {
+      this.element.setAttribute("char", String(value));
+    }
+    return this;
+  }
+  setCharoff(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("charoff");
+    } else {
+      this.element.setAttribute("charoff", String(value));
+    }
+    return this;
+  }
+  setClassName(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("className");
+    } else {
+      this.element.setAttribute("className", String(value));
+    }
+    return this;
+  }
+  setContentEditable(value) {
+    if (value === true) {
+      this.element.setAttribute("contentEditable", "");
+    } else {
+      this.element.removeAttribute("contentEditable");
+    }
+    return this;
+  }
+  setContenteditable(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("contenteditable");
+    } else {
+      this.element.setAttribute("contenteditable", String(value));
+    }
+    return this;
+  }
+  setDataAttributes(value) {
+    if (value === null || value === void 0) {
+      for (const __a of Array.from(this.element.attributes)) {
+        if (__a.name.startsWith("data-")) {
+          this.element.removeAttribute(__a.name);
+        }
+      }
+    } else {
+      for (const __k in value) {
+        this.element.setAttribute(`data-${__k}`, String(value[__k]));
+      }
+    }
+    return this;
+  }
+  setDir(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("dir");
+    } else {
+      this.element.setAttribute("dir", String(value));
+    }
+    return this;
+  }
+  setDraggable(value) {
+    if (value === true) {
+      this.element.setAttribute("draggable", "");
+    } else {
+      this.element.removeAttribute("draggable");
+    }
+    return this;
+  }
+  setHidden(value) {
+    if (value === true) {
+      this.element.setAttribute("hidden", "");
+    } else {
+      this.element.removeAttribute("hidden");
+    }
+    return this;
+  }
+  setId(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("id");
+    } else {
+      this.element.setAttribute("id", String(value));
+    }
+    return this;
+  }
+  setInputmode(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("inputmode");
+    } else {
+      this.element.setAttribute("inputmode", String(value));
+    }
+    return this;
+  }
+  setLang(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("lang");
+    } else {
+      this.element.setAttribute("lang", String(value));
+    }
+    return this;
+  }
+  setPopover(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("popover");
+    } else {
+      this.element.setAttribute("popover", String(value));
+    }
+    return this;
+  }
+  setRole(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("role");
+    } else {
+      this.element.setAttribute("role", String(value));
+    }
+    return this;
+  }
+  setSpellcheck(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("spellcheck");
+    } else {
+      this.element.setAttribute("spellcheck", String(value));
+    }
+    return this;
+  }
+  setStyle(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("style");
+    } else {
+      this.element.setAttribute("style", String(value));
+    }
+    return this;
+  }
+  setTabIndex(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("tabIndex");
+    } else {
+      this.element.setAttribute("tabIndex", String(value));
+    }
+    return this;
+  }
+  setTabindex(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("tabindex");
+    } else {
+      this.element.setAttribute("tabindex", String(value));
+    }
+    return this;
+  }
+  setTitle(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("title");
+    } else {
+      this.element.setAttribute("title", String(value));
+    }
+    return this;
+  }
+  setTranslate(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("translate");
+    } else {
+      this.element.setAttribute("translate", String(value));
+    }
+    return this;
+  }
+  setValign(value) {
+    if (value === null || value === void 0) {
+      this.element.removeAttribute("valign");
+    } else {
+      this.element.setAttribute("valign", String(value));
+    }
+    return this;
+  }
+  setChildren(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() {
+    return this.element;
+  }
+};
+export {
+  Tr
+};