elit 3.6.5 → 3.6.7

package/dist/el.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/el.ts
+// src/client/el/index.ts
 var el_exports = {};
 __export(el_exports, {
   a: () => a,
@@ -205,44 +205,60 @@ __export(el_exports, {
   wbr: () => wbr
 });
 module.exports = __toCommonJS(el_exports);
+
+// src/client/el/helpers.ts
 var hasDocument = typeof document !== "undefined";
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
-function bindDocMethod(method) {
-  return hasDocument && method ? method.bind(doc) : void 0;
+function bindDocMethod(target, method) {
+  return target && method ? method.bind(target) : void 0;
 }
-function createPrefixedFactories(tags2, prefix, elements2) {
-  tags2.forEach((tag) => {
-    const name = prefix + capitalize(tag);
-    elements2[name] = createElementFactory(tag);
-  });
+function isStateLike(value) {
+  return !!value && typeof value === "object" && "value" in value && "subscribe" in value;
+}
+function isVNodeLike(value) {
+  return !!value && typeof value === "object" && "tagName" in value;
 }
+function flattenChildren(children) {
+  const flatChildren = [];
+  for (let i2 = 0, len = children.length; i2 < len; i2++) {
+    const child = children[i2];
+    if (child == null || child === false) continue;
+    if (Array.isArray(child)) {
+      for (let j = 0, childLen = child.length; j < childLen; j++) {
+        const nestedChild = child[j];
+        if (nestedChild != null && nestedChild !== false) {
+          flatChildren.push(nestedChild);
+        }
+      }
+    } else {
+      flatChildren.push(child);
+    }
+  }
+  return flatChildren;
+}
+
+// src/client/el/factory.ts
 var createElementFactory = (tag) => {
   return function(props, ...rest) {
-    if (!arguments.length) return { tagName: tag, props: {}, children: [] };
-    const isState = props && typeof props === "object" && "value" in props && "subscribe" in props;
-    const isVNode = props && typeof props === "object" && "tagName" in props;
-    const isChild = typeof props !== "object" || Array.isArray(props) || props === null || isState || isVNode;
+    if (!arguments.length) {
+      return { tagName: tag, props: {}, children: [] };
+    }
+    const isChild = typeof props !== "object" || Array.isArray(props) || props === null || isStateLike(props) || isVNodeLike(props);
     const actualProps = isChild ? {} : props;
     const args = isChild ? [props, ...rest] : rest;
-    if (!args.length) return { tagName: tag, props: actualProps, children: [] };
-    const flatChildren = [];
-    for (let i2 = 0, len = args.length; i2 < len; i2++) {
-      const child = args[i2];
-      if (child == null || child === false) continue;
-      if (Array.isArray(child)) {
-        for (let j = 0, cLen = child.length; j < cLen; j++) {
-          const c = child[j];
-          c != null && c !== false && flatChildren.push(c);
-        }
-      } else {
-        flatChildren.push(child);
-      }
+    if (!args.length) {
+      return { tagName: tag, props: actualProps, children: [] };
     }
-    return { tagName: tag, props: actualProps, children: flatChildren };
+    return { tagName: tag, props: actualProps, children: flattenChildren(args) };
   };
 };
+var frag = function(...children) {
+  return { tagName: "", props: {}, children: flattenChildren(children) };
+};
+
+// src/client/el/tags.ts
 var tags = [
   "html",
   "head",
@@ -414,6 +430,14 @@ var mathTags = [
   "msub",
   "msup"
 ];
+
+// src/client/el/registry.ts
+function createPrefixedFactories(tagsToCreate, prefix, elements2) {
+  tagsToCreate.forEach((tag) => {
+    const name = prefix + capitalize(tag);
+    elements2[name] = createElementFactory(tag);
+  });
+}
 var elements = {};
 tags.forEach((tag) => {
   elements[tag] = createElementFactory(tag);
@@ -590,35 +614,21 @@ var {
   varElement
 } = elements;
 var el = elements;
-var frag = function(...children) {
-  const flatChildren = [];
-  for (let i2 = 0, len = children.length; i2 < len; i2++) {
-    const child = children[i2];
-    if (child == null || child === false) continue;
-    if (Array.isArray(child)) {
-      for (let j = 0, cLen = child.length; j < cLen; j++) {
-        const c = child[j];
-        c != null && c !== false && flatChildren.push(c);
-      }
-    } else {
-      flatChildren.push(child);
-    }
-  }
-  return { tagName: "", props: {}, children: flatChildren };
-};
+
+// src/client/el/dom-utils.ts
 var doc = hasDocument ? document : void 0;
-var getEl = bindDocMethod(doc?.querySelector);
-var getEls = bindDocMethod(doc?.querySelectorAll);
-var createEl = bindDocMethod(doc?.createElement);
+var getEl = bindDocMethod(doc, doc?.querySelector);
+var getEls = bindDocMethod(doc, doc?.querySelectorAll);
+var createEl = bindDocMethod(doc, doc?.createElement);
 var createSvgEl = hasDocument ? doc.createElementNS.bind(doc, "http://www.w3.org/2000/svg") : void 0;
 var createMathEl = hasDocument ? doc.createElementNS.bind(doc, "http://www.w3.org/1998/Math/MathML") : void 0;
-var fragment = bindDocMethod(doc?.createDocumentFragment);
-var textNode = bindDocMethod(doc?.createTextNode);
-var commentNode = bindDocMethod(doc?.createComment);
-var getElId = bindDocMethod(doc?.getElementById);
-var getElClass = bindDocMethod(doc?.getElementsByClassName);
-var getElTag = bindDocMethod(doc?.getElementsByTagName);
-var getElName = bindDocMethod(doc?.getElementsByName);
+var fragment = bindDocMethod(doc, doc?.createDocumentFragment);
+var textNode = bindDocMethod(doc, doc?.createTextNode);
+var commentNode = bindDocMethod(doc, doc?.createComment);
+var getElId = bindDocMethod(doc, doc?.getElementById);
+var getElClass = bindDocMethod(doc, doc?.getElementsByClassName);
+var getElTag = bindDocMethod(doc, doc?.getElementsByTagName);
+var getElName = bindDocMethod(doc, doc?.getElementsByName);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   a,

package/dist/el.d.ts

@@ -1,14 +1,9 @@
-import { ElementFactory } from './types.js';
-import 'node:events';
-import 'events';
-import 'http';
-import 'ws';
-
-/**
- * Elit - Element Factories
- */
+import { E as ElementFactory } from './types-BONVzPtp.js';
+import './types-D0LjrYjS.js';
 
 declare const createElementFactory: (tag: string) => ElementFactory;
+declare const frag: ElementFactory;
+
 declare const tags: readonly ["html", "head", "body", "title", "base", "link", "meta", "style", "address", "article", "aside", "footer", "header", "h1", "h2", "h3", "h4", "h5", "h6", "main", "nav", "section", "blockquote", "dd", "div", "dl", "dt", "figcaption", "figure", "hr", "li", "ol", "p", "pre", "ul", "a", "abbr", "b", "bdi", "bdo", "br", "cite", "code", "data", "dfn", "em", "i", "kbd", "mark", "q", "rp", "rt", "ruby", "s", "samp", "small", "span", "strong", "sub", "sup", "time", "u", "wbr", "area", "audio", "img", "map", "track", "video", "embed", "iframe", "object", "param", "picture", "portal", "source", "canvas", "noscript", "script", "del", "ins", "caption", "col", "colgroup", "table", "tbody", "td", "tfoot", "th", "thead", "tr", "button", "datalist", "fieldset", "form", "input", "label", "legend", "meter", "optgroup", "option", "output", "progress", "select", "textarea", "details", "dialog", "menu", "summary", "slot", "template"];
 declare const svgTags: readonly ["svg", "circle", "rect", "path", "line", "polyline", "polygon", "ellipse", "g", "text", "tspan", "defs", "linearGradient", "radialGradient", "stop", "pattern", "mask", "clipPath", "use", "symbol", "marker", "image", "foreignObject", "animate", "animateTransform", "animateMotion", "set", "filter", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feFlood", "feGaussianBlur", "feMorphology", "feOffset", "feSpecularLighting", "feTile", "feTurbulence"];
 declare const mathTags: readonly ["math", "mi", "mn", "mo", "ms", "mtext", "mrow", "mfrac", "msqrt", "mroot", "msub", "msup"];
@@ -21,6 +16,7 @@ type Elements = {
 } & {
     varElement: ElementFactory;
 };
+
 declare const elements: Partial<Elements>;
 declare const html: ElementFactory;
 declare const head: ElementFactory;
@@ -190,7 +186,6 @@ declare const mathMsup: ElementFactory;
 declare const varElement: ElementFactory;
 declare const el: Partial<Elements>;
 
-declare const frag: ElementFactory;
 declare const doc: any;
 declare const getEl: any;
 declare const getEls: any;

package/dist/el.js

@@ -1,44 +1,58 @@
 "use strict";
 (() => {
-  // src/el.ts
+  // src/client/el/helpers.ts
   var hasDocument = typeof document !== "undefined";
   function capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
   }
-  function bindDocMethod(method) {
-    return hasDocument && method ? method.bind(doc) : void 0;
+  function bindDocMethod(target, method) {
+    return target && method ? method.bind(target) : void 0;
   }
-  function createPrefixedFactories(tags2, prefix, elements2) {
-    tags2.forEach((tag) => {
-      const name = prefix + capitalize(tag);
-      elements2[name] = createElementFactory(tag);
-    });
+  function isStateLike(value) {
+    return !!value && typeof value === "object" && "value" in value && "subscribe" in value;
   }
+  function isVNodeLike(value) {
+    return !!value && typeof value === "object" && "tagName" in value;
+  }
+  function flattenChildren(children) {
+    const flatChildren = [];
+    for (let i2 = 0, len = children.length; i2 < len; i2++) {
+      const child = children[i2];
+      if (child == null || child === false) continue;
+      if (Array.isArray(child)) {
+        for (let j = 0, childLen = child.length; j < childLen; j++) {
+          const nestedChild = child[j];
+          if (nestedChild != null && nestedChild !== false) {
+            flatChildren.push(nestedChild);
+          }
+        }
+      } else {
+        flatChildren.push(child);
+      }
+    }
+    return flatChildren;
+  }
+
+  // src/client/el/factory.ts
   var createElementFactory = (tag) => {
     return function(props, ...rest) {
-      if (!arguments.length) return { tagName: tag, props: {}, children: [] };
-      const isState = props && typeof props === "object" && "value" in props && "subscribe" in props;
-      const isVNode = props && typeof props === "object" && "tagName" in props;
-      const isChild = typeof props !== "object" || Array.isArray(props) || props === null || isState || isVNode;
+      if (!arguments.length) {
+        return { tagName: tag, props: {}, children: [] };
+      }
+      const isChild = typeof props !== "object" || Array.isArray(props) || props === null || isStateLike(props) || isVNodeLike(props);
       const actualProps = isChild ? {} : props;
       const args = isChild ? [props, ...rest] : rest;
-      if (!args.length) return { tagName: tag, props: actualProps, children: [] };
-      const flatChildren = [];
-      for (let i2 = 0, len = args.length; i2 < len; i2++) {
-        const child = args[i2];
-        if (child == null || child === false) continue;
-        if (Array.isArray(child)) {
-          for (let j = 0, cLen = child.length; j < cLen; j++) {
-            const c = child[j];
-            c != null && c !== false && flatChildren.push(c);
-          }
-        } else {
-          flatChildren.push(child);
-        }
+      if (!args.length) {
+        return { tagName: tag, props: actualProps, children: [] };
       }
-      return { tagName: tag, props: actualProps, children: flatChildren };
+      return { tagName: tag, props: actualProps, children: flattenChildren(args) };
     };
   };
+  var frag = function(...children) {
+    return { tagName: "", props: {}, children: flattenChildren(children) };
+  };
+
+  // src/client/el/tags.ts
   var tags = [
     "html",
     "head",
@@ -210,6 +224,14 @@
     "msub",
     "msup"
   ];
+
+  // src/client/el/registry.ts
+  function createPrefixedFactories(tagsToCreate, prefix, elements2) {
+    tagsToCreate.forEach((tag) => {
+      const name = prefix + capitalize(tag);
+      elements2[name] = createElementFactory(tag);
+    });
+  }
   var elements = {};
   tags.forEach((tag) => {
     elements[tag] = createElementFactory(tag);
@@ -386,33 +408,19 @@
     varElement
   } = elements;
   var el = elements;
-  var frag = function(...children) {
-    const flatChildren = [];
-    for (let i2 = 0, len = children.length; i2 < len; i2++) {
-      const child = children[i2];
-      if (child == null || child === false) continue;
-      if (Array.isArray(child)) {
-        for (let j = 0, cLen = child.length; j < cLen; j++) {
-          const c = child[j];
-          c != null && c !== false && flatChildren.push(c);
-        }
-      } else {
-        flatChildren.push(child);
-      }
-    }
-    return { tagName: "", props: {}, children: flatChildren };
-  };
+
+  // src/client/el/dom-utils.ts
   var doc = hasDocument ? document : void 0;
-  var getEl = bindDocMethod(doc?.querySelector);
-  var getEls = bindDocMethod(doc?.querySelectorAll);
-  var createEl = bindDocMethod(doc?.createElement);
+  var getEl = bindDocMethod(doc, doc?.querySelector);
+  var getEls = bindDocMethod(doc, doc?.querySelectorAll);
+  var createEl = bindDocMethod(doc, doc?.createElement);
   var createSvgEl = hasDocument ? doc.createElementNS.bind(doc, "http://www.w3.org/2000/svg") : void 0;
   var createMathEl = hasDocument ? doc.createElementNS.bind(doc, "http://www.w3.org/1998/Math/MathML") : void 0;
-  var fragment = bindDocMethod(doc?.createDocumentFragment);
-  var textNode = bindDocMethod(doc?.createTextNode);
-  var commentNode = bindDocMethod(doc?.createComment);
-  var getElId = bindDocMethod(doc?.getElementById);
-  var getElClass = bindDocMethod(doc?.getElementsByClassName);
-  var getElTag = bindDocMethod(doc?.getElementsByTagName);
-  var getElName = bindDocMethod(doc?.getElementsByName);
+  var fragment = bindDocMethod(doc, doc?.createDocumentFragment);
+  var textNode = bindDocMethod(doc, doc?.createTextNode);
+  var commentNode = bindDocMethod(doc, doc?.createComment);
+  var getElId = bindDocMethod(doc, doc?.getElementById);
+  var getElClass = bindDocMethod(doc, doc?.getElementsByClassName);
+  var getElTag = bindDocMethod(doc, doc?.getElementsByTagName);
+  var getElName = bindDocMethod(doc, doc?.getElementsByName);
 })();

package/dist/el.mjs

@@ -1,42 +1,56 @@
-// src/el.ts
+// src/client/el/helpers.ts
 var hasDocument = typeof document !== "undefined";
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
-function bindDocMethod(method) {
-  return hasDocument && method ? method.bind(doc) : void 0;
+function bindDocMethod(target, method) {
+  return target && method ? method.bind(target) : void 0;
 }
-function createPrefixedFactories(tags2, prefix, elements2) {
-  tags2.forEach((tag) => {
-    const name = prefix + capitalize(tag);
-    elements2[name] = createElementFactory(tag);
-  });
+function isStateLike(value) {
+  return !!value && typeof value === "object" && "value" in value && "subscribe" in value;
 }
+function isVNodeLike(value) {
+  return !!value && typeof value === "object" && "tagName" in value;
+}
+function flattenChildren(children) {
+  const flatChildren = [];
+  for (let i2 = 0, len = children.length; i2 < len; i2++) {
+    const child = children[i2];
+    if (child == null || child === false) continue;
+    if (Array.isArray(child)) {
+      for (let j = 0, childLen = child.length; j < childLen; j++) {
+        const nestedChild = child[j];
+        if (nestedChild != null && nestedChild !== false) {
+          flatChildren.push(nestedChild);
+        }
+      }
+    } else {
+      flatChildren.push(child);
+    }
+  }
+  return flatChildren;
+}
+
+// src/client/el/factory.ts
 var createElementFactory = (tag) => {
   return function(props, ...rest) {
-    if (!arguments.length) return { tagName: tag, props: {}, children: [] };
-    const isState = props && typeof props === "object" && "value" in props && "subscribe" in props;
-    const isVNode = props && typeof props === "object" && "tagName" in props;
-    const isChild = typeof props !== "object" || Array.isArray(props) || props === null || isState || isVNode;
+    if (!arguments.length) {
+      return { tagName: tag, props: {}, children: [] };
+    }
+    const isChild = typeof props !== "object" || Array.isArray(props) || props === null || isStateLike(props) || isVNodeLike(props);
     const actualProps = isChild ? {} : props;
     const args = isChild ? [props, ...rest] : rest;
-    if (!args.length) return { tagName: tag, props: actualProps, children: [] };
-    const flatChildren = [];
-    for (let i2 = 0, len = args.length; i2 < len; i2++) {
-      const child = args[i2];
-      if (child == null || child === false) continue;
-      if (Array.isArray(child)) {
-        for (let j = 0, cLen = child.length; j < cLen; j++) {
-          const c = child[j];
-          c != null && c !== false && flatChildren.push(c);
-        }
-      } else {
-        flatChildren.push(child);
-      }
+    if (!args.length) {
+      return { tagName: tag, props: actualProps, children: [] };
     }
-    return { tagName: tag, props: actualProps, children: flatChildren };
+    return { tagName: tag, props: actualProps, children: flattenChildren(args) };
   };
 };
+var frag = function(...children) {
+  return { tagName: "", props: {}, children: flattenChildren(children) };
+};
+
+// src/client/el/tags.ts
 var tags = [
   "html",
   "head",
@@ -208,6 +222,14 @@ var mathTags = [
   "msub",
   "msup"
 ];
+
+// src/client/el/registry.ts
+function createPrefixedFactories(tagsToCreate, prefix, elements2) {
+  tagsToCreate.forEach((tag) => {
+    const name = prefix + capitalize(tag);
+    elements2[name] = createElementFactory(tag);
+  });
+}
 var elements = {};
 tags.forEach((tag) => {
   elements[tag] = createElementFactory(tag);
@@ -384,35 +406,21 @@ var {
   varElement
 } = elements;
 var el = elements;
-var frag = function(...children) {
-  const flatChildren = [];
-  for (let i2 = 0, len = children.length; i2 < len; i2++) {
-    const child = children[i2];
-    if (child == null || child === false) continue;
-    if (Array.isArray(child)) {
-      for (let j = 0, cLen = child.length; j < cLen; j++) {
-        const c = child[j];
-        c != null && c !== false && flatChildren.push(c);
-      }
-    } else {
-      flatChildren.push(child);
-    }
-  }
-  return { tagName: "", props: {}, children: flatChildren };
-};
+
+// src/client/el/dom-utils.ts
 var doc = hasDocument ? document : void 0;
-var getEl = bindDocMethod(doc?.querySelector);
-var getEls = bindDocMethod(doc?.querySelectorAll);
-var createEl = bindDocMethod(doc?.createElement);
+var getEl = bindDocMethod(doc, doc?.querySelector);
+var getEls = bindDocMethod(doc, doc?.querySelectorAll);
+var createEl = bindDocMethod(doc, doc?.createElement);
 var createSvgEl = hasDocument ? doc.createElementNS.bind(doc, "http://www.w3.org/2000/svg") : void 0;
 var createMathEl = hasDocument ? doc.createElementNS.bind(doc, "http://www.w3.org/1998/Math/MathML") : void 0;
-var fragment = bindDocMethod(doc?.createDocumentFragment);
-var textNode = bindDocMethod(doc?.createTextNode);
-var commentNode = bindDocMethod(doc?.createComment);
-var getElId = bindDocMethod(doc?.getElementById);
-var getElClass = bindDocMethod(doc?.getElementsByClassName);
-var getElTag = bindDocMethod(doc?.getElementsByTagName);
-var getElName = bindDocMethod(doc?.getElementsByName);
+var fragment = bindDocMethod(doc, doc?.createDocumentFragment);
+var textNode = bindDocMethod(doc, doc?.createTextNode);
+var commentNode = bindDocMethod(doc, doc?.createComment);
+var getElId = bindDocMethod(doc, doc?.getElementById);
+var getElClass = bindDocMethod(doc, doc?.getElementsByClassName);
+var getElTag = bindDocMethod(doc, doc?.getElementsByTagName);
+var getElName = bindDocMethod(doc, doc?.getElementsByName);
 export {
   a,
   abbr,