@avento-space/ts-ui 1.1.1 → 1.2.2

package/dist/chunk-7GJXOXOW.js

@@ -0,0 +1,108 @@
+import { isSignal, effect } from './chunk-Q5RCPPCF.js';
+
+// src/jsx-runtime.ts
+var Fragment = /* @__PURE__ */ Symbol("Fragment");
+function setDOMProp(el, key, value) {
+  if (key === "key" || key === "children" || key === "ref") return;
+  if (key === "className" || key === "class") {
+    el.setAttribute("class", String(value ?? ""));
+  } else if (key === "style" && value && typeof value === "object") {
+    Object.assign(el.style, value);
+  } else if (key === "style" && typeof value === "string") {
+    el.setAttribute("style", value);
+  } else if (key.startsWith("on") && typeof value === "function") {
+    const event = key.slice(2).toLowerCase();
+    el.addEventListener(event, value);
+  } else if (value != null && value !== false) {
+    el.setAttribute(key, String(value));
+  } else {
+    el.removeAttribute(key);
+  }
+}
+function applySignalProp(el, key, sig) {
+  effect(() => {
+    const val = sig.get();
+    if (key.startsWith("on") && typeof val === "function") {
+      const event = key.slice(2).toLowerCase();
+      el.addEventListener(event, val);
+    } else if (val != null && val !== false) {
+      el.setAttribute(key, String(val));
+    } else {
+      el.removeAttribute(key);
+    }
+  });
+}
+function createTextNode(value) {
+  const text = document.createTextNode(String(value ?? ""));
+  if (isSignal(value)) {
+    effect(() => {
+      text.textContent = String(value.get() ?? "");
+    });
+  }
+  return text;
+}
+function isSignalLike(val) {
+  return isSignal(val);
+}
+function jsx(type, config, ...children) {
+  const props = config ? { ...config } : {};
+  props.key;
+  delete props.key;
+  if (typeof type === "function") {
+    const rendered = type(props, ...children);
+    return rendered instanceof Node ? rendered : document.createTextNode(String(rendered ?? ""));
+  }
+  if (type === Fragment) {
+    const frag = document.createDocumentFragment();
+    for (const child of children) {
+      const node = toNode(child);
+      if (Array.isArray(node)) {
+        for (const n of node) frag.appendChild(n);
+      } else if (node) {
+        frag.appendChild(node);
+      }
+    }
+    return frag;
+  }
+  const tag = type;
+  const el = document.createElement(tag);
+  for (const [key2, value] of Object.entries(props)) {
+    if (key2 === "children") {
+      const childNodes = Array.isArray(value) ? value : [value];
+      for (const child of childNodes) {
+        const node = toNode(child);
+        if (Array.isArray(node)) {
+          for (const n of node) el.appendChild(n);
+        } else if (node) {
+          el.appendChild(node);
+        }
+      }
+    } else if (isSignalLike(value)) {
+      applySignalProp(el, key2, value);
+    } else {
+      setDOMProp(el, key2, value);
+    }
+  }
+  for (const child of children) {
+    const node = toNode(child);
+    if (Array.isArray(node)) {
+      for (const n of node) el.appendChild(n);
+    } else if (node) {
+      el.appendChild(node);
+    }
+  }
+  return el;
+}
+var jsxs = jsx;
+var jsxDEV = jsx;
+function toNode(child) {
+  if (child == null || child === false || child === true) return null;
+  if (child instanceof Node) return child;
+  if (Array.isArray(child)) return child.map((c) => toNode(c)).filter(Boolean);
+  if (isSignalLike(child)) return createTextNode(child);
+  return document.createTextNode(String(child));
+}
+
+export { Fragment, jsx, jsxDEV, jsxs };
+//# sourceMappingURL=chunk-7GJXOXOW.js.map
+//# sourceMappingURL=chunk-7GJXOXOW.js.map

package/dist/chunk-7GJXOXOW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx-runtime.ts"],"names":["key"],"mappings":"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","file":"chunk-7GJXOXOW.js","sourcesContent":["import { effect, isSignal } from './core/signal.js';\r\nimport type { JSX } from './jsx-types.js';\r\nexport type { JSX };\r\n\r\nexport const Fragment = Symbol('Fragment');\r\n\r\nfunction setDOMProp(el: Element, key: string, value: unknown): void {\r\n  if (key === 'key' || key === 'children' || key === 'ref') return;\r\n\r\n  if (key === 'className' || key === 'class') {\r\n    el.setAttribute('class', String(value ?? ''));\r\n  } else if (key === 'style' && value && typeof value === 'object') {\r\n    Object.assign((el as HTMLElement).style, value as Partial<CSSStyleDeclaration>);\r\n  } else if (key === 'style' && typeof value === 'string') {\r\n    el.setAttribute('style', value);\r\n  } else if (key.startsWith('on') && typeof value === 'function') {\r\n    const event = key.slice(2).toLowerCase();\r\n    el.addEventListener(event, value as EventListener);\r\n  } else if (value != null && value !== false) {\r\n    el.setAttribute(key, String(value));\r\n  } else {\r\n    el.removeAttribute(key);\r\n  }\r\n}\r\n\r\nfunction applySignalProp(el: Element, key: string, sig: { get(): unknown }): void {\r\n  effect(() => {\r\n    const val = sig.get();\r\n    if (key.startsWith('on') && typeof val === 'function') {\r\n      const event = key.slice(2).toLowerCase();\r\n      el.addEventListener(event, val as EventListener);\r\n    } else if (val != null && val !== false) {\r\n      el.setAttribute(key, String(val));\r\n    } else {\r\n      el.removeAttribute(key);\r\n    }\r\n  });\r\n}\r\n\r\nfunction createTextNode(value: unknown): Text {\r\n  const text = document.createTextNode(String(value ?? ''));\r\n  if (isSignal(value)) {\r\n    effect(() => {\r\n      text.textContent = String(value.get() ?? '');\r\n    });\r\n  }\r\n  return text;\r\n}\r\n\r\nfunction isSignalLike(val: unknown): val is { get(): unknown } {\r\n  return isSignal(val);\r\n}\r\n\r\nexport function jsx(\r\n  type: string | symbol | ((props: any, ...children: any[]) => any),\r\n  config?: Record<string, any> | null,\r\n  ...children: any[]\r\n): Node | Node[] {\r\n  const props = config ? { ...config } : {};\r\n  const key = props.key;\r\n  delete props.key;\r\n\r\n  if (typeof type === 'function') {\r\n    const rendered = type(props, ...children);\r\n    return rendered instanceof Node ? rendered : document.createTextNode(String(rendered ?? ''));\r\n  }\r\n\r\n  if (type === Fragment) {\r\n    const frag = document.createDocumentFragment();\r\n    for (const child of children) {\r\n      const node = toNode(child);\r\n      if (Array.isArray(node)) {\r\n        for (const n of node) frag.appendChild(n);\r\n      } else if (node) {\r\n        frag.appendChild(node);\r\n      }\r\n    }\r\n    return frag;\r\n  }\r\n\r\n  const tag = type as string;\r\n  const el = document.createElement(tag);\r\n\r\n  for (const [key, value] of Object.entries(props)) {\r\n    if (key === 'children') {\r\n      const childNodes = Array.isArray(value) ? value : [value];\r\n      for (const child of childNodes) {\r\n        const node = toNode(child);\r\n        if (Array.isArray(node)) {\r\n          for (const n of node) el.appendChild(n);\r\n        } else if (node) {\r\n          el.appendChild(node);\r\n        }\r\n      }\r\n    } else if (isSignalLike(value)) {\r\n      applySignalProp(el, key, value);\r\n    } else {\r\n      setDOMProp(el, key, value);\r\n    }\r\n  }\r\n\r\n  for (const child of children) {\r\n    const node = toNode(child);\r\n    if (Array.isArray(node)) {\r\n      for (const n of node) el.appendChild(n);\r\n    } else if (node) {\r\n      el.appendChild(node);\r\n    }\r\n  }\r\n\r\n  return el;\r\n}\r\n\r\nexport const jsxs = jsx;\r\nexport const jsxDEV = jsx;\r\n\r\nfunction toNode(child: any): Node | Node[] | null {\r\n  if (child == null || child === false || child === true) return null;\r\n  if (child instanceof Node) return child;\r\n  if (Array.isArray(child)) return child.map((c) => toNode(c)).filter(Boolean) as Node[];\r\n  if (isSignalLike(child)) return createTextNode(child);\r\n  return document.createTextNode(String(child));\r\n}\r\n"]}