ajo 0.1.5 → 0.1.6

package/dist/component.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./jsx.cjs"),o=require("./util-f79f2bb8.cjs"),f=require("./html.cjs"),m=require("./dom.cjs");let v=0,w;const x=(n,{as:t}={})=>{var a;if(((a=n==null?void 0:n.constructor)==null?void 0:a.name)!=="GeneratorFunction")throw new TypeError("fn is not a generator function");const i=`host-${v++}`;if(!globalThis.document)return({attrs:s={},args:e={},...c})=>{y(s,e,c);let r,u;try{const h=n.call(r={args:e,*[Symbol.iterator](){for(;;)yield e},next(){u=f.render(h.next().value)},throw(p){u=f.render(h.throw(p).value)},return(){h.return()}},e);r.next()}catch(h){r.throw(h)}finally{r.return()}return d.h(t||i,o.assign(s,{is:t&&i}),u)};class l extends b(t){*[Symbol.iterator](){for(;;)yield this.args}next(){var e;try{m.render((this[e=o.Iterator]??(this[e]=n.call(this,this.args))).next().value,this),typeof this[o.Ref]=="function"&&this[o.Ref](this)}catch(c){this.throw(c)}}throw(e){var c;for(let r=this;r;r=r.parentNode)if(typeof((c=r[o.Iterator])==null?void 0:c.throw)=="function")try{m.render(r[o.Iterator].throw(e).value,r);return}catch{continue}throw e}return(){var e;try{(e=this[o.Iterator])==null||e.return()}catch(c){this.throw(c)}finally{this[o.Iterator]=null}}disconnectedCallback(){this.return()}}return customElements.define(i,l,{extends:t}),({attrs:s={},args:e={},ref:c,...r})=>(y(s,e,r),d.h(t||i,o.assign(s,{is:t&&i,skip:!0,ref:u=>o.assign(u,{[o.Ref]:c,args:e}).next()})))},b=n=>{let t=(w??(w=new Map)).get(n);return t||(t=document.createElement(n).constructor,t===HTMLUnknownElement&&(t=HTMLElement),w.set(n,t)),t},y=(n,t,i)=>{for(const l in i)l.startsWith("arg:")?t[l.slice(4)]=i[l]:l==="children"?t[l]=i[l]:n[l]=i[l]};exports.component=x;

package/dist/component.js

@@ -0,0 +1,89 @@
+import { h as d } from "./jsx.js";
+import { a, I as u, R as m } from "./util-32b33d65.js";
+import { render as w } from "./html.js";
+import { render as p } from "./dom.js";
+let E = 0, y;
+const C = (n, { as: t } = {}) => {
+  var f;
+  if (((f = n == null ? void 0 : n.constructor) == null ? void 0 : f.name) !== "GeneratorFunction")
+    throw new TypeError("fn is not a generator function");
+  const o = `host-${E++}`;
+  if (!globalThis.document)
+    return ({ attrs: c = {}, args: e = {}, ...l }) => {
+      x(c, e, l);
+      let r, s;
+      try {
+        const h = n.call(r = {
+          args: e,
+          *[Symbol.iterator]() {
+            for (; ; )
+              yield e;
+          },
+          next() {
+            s = w(h.next().value);
+          },
+          throw(v) {
+            s = w(h.throw(v).value);
+          },
+          return() {
+            h.return();
+          }
+        }, e);
+        r.next();
+      } catch (h) {
+        r.throw(h);
+      } finally {
+        r.return();
+      }
+      return d(t || o, a(c, { is: t && o }), s);
+    };
+  class i extends b(t) {
+    *[Symbol.iterator]() {
+      for (; ; )
+        yield this.args;
+    }
+    next() {
+      var e;
+      try {
+        p((this[e = u] ?? (this[e] = n.call(this, this.args))).next().value, this), typeof this[m] == "function" && this[m](this);
+      } catch (l) {
+        this.throw(l);
+      }
+    }
+    throw(e) {
+      var l;
+      for (let r = this; r; r = r.parentNode)
+        if (typeof ((l = r[u]) == null ? void 0 : l.throw) == "function")
+          try {
+            p(r[u].throw(e).value, r);
+            return;
+          } catch {
+            continue;
+          }
+      throw e;
+    }
+    return() {
+      var e;
+      try {
+        (e = this[u]) == null || e.return();
+      } catch (l) {
+        this.throw(l);
+      } finally {
+        this[u] = null;
+      }
+    }
+    disconnectedCallback() {
+      this.return();
+    }
+  }
+  return customElements.define(o, i, { extends: t }), ({ attrs: c = {}, args: e = {}, ref: l, ...r }) => (x(c, e, r), d(t || o, a(c, { is: t && o, skip: !0, ref: (s) => a(s, { [m]: l, args: e }).next() })));
+}, b = (n) => {
+  let t = (y ?? (y = /* @__PURE__ */ new Map())).get(n);
+  return t || (t = document.createElement(n).constructor, t === HTMLUnknownElement && (t = HTMLElement), y.set(n, t)), t;
+}, x = (n, t, o) => {
+  for (const i in o)
+    i.startsWith("arg:") ? t[i.slice(4)] = o[i] : i === "children" ? t[i] = o[i] : n[i] = o[i];
+};
+export {
+  C as component
+};

package/dist/dom.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./util-f79f2bb8.cjs"),a=(n,t,o)=>{var r;let i=t.firstChild;for(n of s.normalize(n)){let e=i;if(typeof n=="string"){for(;e&&e.nodeType!=3;)e=e.nextSibling;e?e.data!=n&&(e.data=n):e=document.createTextNode(n)}else{const{xmlns:c=o,nodeName:l,is:y,key:f,skip:b,memo:u,ref:m,children:x,...g}=n;for(;e&&!(e.localName===l&&(e[r=s.Key]??(e[r]=f))==f);)e=e.nextSibling;e??(e=v(c,l,y,f)),(u==null||S(e[s.Memo],e[s.Memo]=u))&&(A(g,e),b||a(x,e,c),typeof m=="function"&&(e[s.Ref]=m)(e))}e===i?i=i.nextSibling:p(t,e,i)}for(;i;){const e=i.nextSibling;t.removeChild(i),i.nodeType===1&&d(i),i=e}},S=(n,t)=>s.isArray(n)&&s.isArray(t)?n.some((o,i)=>o!==t[i]):n!==t,v=(n,t,o,i)=>{const r=n?document.createElementNS(n,t,{is:o}):document.createElement(t,{is:o});return r[s.Key]=i,r},A=(n,t)=>{var i;const o=t[i=s.Attrs]??(t[i]=s.slice.call(t.attributes).reduce((r,{name:e,value:c})=>(r[e]=c,r),{}));for(const r in{...o,...t[s.Attrs]=n}){const e=n[r];e!==o[r]&&(r.startsWith("set:")?t[r.slice(4)]=e:e==null||e===!1?t.removeAttribute(r):t.setAttribute(r,e===!0?"":e))}},p=(n,t,o)=>{if(t.contains(document.activeElement)){const i=t.nextSibling;for(;o&&o!=t;){const r=o.nextSibling;n.insertBefore(o,i),o=r}}else n.insertBefore(t,o)},d=n=>{var t;for(const o of n.children)d(o);(t=n[s.Ref])==null||t.call(n,null)};exports.render=a;

package/dist/dom.js

@@ -0,0 +1,50 @@
+import { n as A, K as d, M as m, R as b, i as u, A as x, s as w } from "./util-32b33d65.js";
+const N = (n, t, s) => {
+  var o;
+  let i = t.firstChild;
+  for (n of A(n)) {
+    let e = i;
+    if (typeof n == "string") {
+      for (; e && e.nodeType != 3; )
+        e = e.nextSibling;
+      e ? e.data != n && (e.data = n) : e = document.createTextNode(n);
+    } else {
+      const { xmlns: r = s, nodeName: f, is: y, key: c, skip: S, memo: a, ref: l, children: p, ...v } = n;
+      for (; e && !(e.localName === f && (e[o = d] ?? (e[o] = c)) == c); )
+        e = e.nextSibling;
+      e ?? (e = T(r, f, y, c)), (a == null || E(e[m], e[m] = a)) && (k(v, e), S || N(p, e, r), typeof l == "function" && (e[b] = l)(e));
+    }
+    e === i ? i = i.nextSibling : B(t, e, i);
+  }
+  for (; i; ) {
+    const e = i.nextSibling;
+    t.removeChild(i), i.nodeType === 1 && g(i), i = e;
+  }
+}, E = (n, t) => u(n) && u(t) ? n.some((s, i) => s !== t[i]) : n !== t, T = (n, t, s, i) => {
+  const o = n ? document.createElementNS(n, t, { is: s }) : document.createElement(t, { is: s });
+  return o[d] = i, o;
+}, k = (n, t) => {
+  var i;
+  const s = t[i = x] ?? (t[i] = w.call(t.attributes).reduce((o, { name: e, value: r }) => (o[e] = r, o), {}));
+  for (const o in { ...s, ...t[x] = n }) {
+    const e = n[o];
+    e !== s[o] && (o.startsWith("set:") ? t[o.slice(4)] = e : e == null || e === !1 ? t.removeAttribute(o) : t.setAttribute(o, e === !0 ? "" : e));
+  }
+}, B = (n, t, s) => {
+  if (t.contains(document.activeElement)) {
+    const i = t.nextSibling;
+    for (; s && s != t; ) {
+      const o = s.nextSibling;
+      n.insertBefore(s, i), s = o;
+    }
+  } else
+    n.insertBefore(t, s);
+}, g = (n) => {
+  var t;
+  for (const s of n.children)
+    g(s);
+  (t = n[b]) == null || t.call(n, null);
+};
+export {
+  N as render
+};

package/dist/html.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./util-f79f2bb8.cjs"),$=new Set("area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr".split(",")),m=e=>e.replace(/[&<>"']/g,r=>`&#${r.charCodeAt(0)};`),s=function*(e){for(e of l.normalize(e))if(typeof e=="string")yield e;else{const{nodeName:r,key:u,skip:c,memo:y,ref:p,children:d,...a}=e,i=l.entries(a).reduce((n,[o,t])=>o.startsWith("set:")||t==null||t===!1?n:t===!0?`${n} ${o}`:`${n} ${o}="${m(String(t))}"`,"");$.has(r)?yield`<${r}${i}>`:c?yield`<${r}${i}></${r}>`:(yield`<${r}${i}>`,yield*s(d),yield`</${r}>`)}},f=e=>[...s(e)].join("");exports.html=s;exports.render=f;

package/dist/html.js

@@ -0,0 +1,14 @@
+import { n as d, e as $ } from "./util-32b33d65.js";
+const m = new Set("area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr".split(",")), f = (e) => e.replace(/[&<>"']/g, (r) => `&#${r.charCodeAt(0)};`), o = function* (e) {
+  for (e of d(e))
+    if (typeof e == "string")
+      yield e;
+    else {
+      const { nodeName: r, key: p, skip: c, memo: y, ref: u, children: l, ...a } = e, i = $(a).reduce((n, [s, t]) => s.startsWith("set:") || t == null || t === !1 ? n : t === !0 ? `${n} ${s}` : `${n} ${s}="${f(String(t))}"`, "");
+      m.has(r) ? yield `<${r}${i}>` : c ? yield `<${r}${i}></${r}>` : (yield `<${r}${i}>`, yield* o(l), yield `</${r}>`);
+    }
+}, b = (e) => [...o(e)].join("");
+export {
+  o as html,
+  b as render
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx.cjs"),r=require("./dom.cjs"),n=require("./component.cjs"),o=require("./schedule.cjs");require("./util-f79f2bb8.cjs");require("./html.cjs");exports.Fragment=e.Fragment;exports.h=e.h;exports.render=r.render;exports.component=n.component;exports.schedule=o.schedule;

package/dist/index.js

@@ -0,0 +1,13 @@
+import { Fragment as t, h as p } from "./jsx.js";
+import { render as n } from "./dom.js";
+import { component as c } from "./component.js";
+import { schedule as h } from "./schedule.js";
+import "./util-32b33d65.js";
+import "./html.js";
+export {
+  t as Fragment,
+  c as component,
+  p as h,
+  n as render,
+  h as schedule
+};

package/dist/jsx.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./util-f79f2bb8.cjs"),i=({children:e})=>e,l=function(e,r){const n={...r,nodeName:e},{length:t}=arguments;return"children"in n||t<3||(n.children=t===3?arguments[2]:c.slice.call(arguments,2)),n};exports.Fragment=i;exports.h=l;

package/dist/jsx.js

@@ -0,0 +1,9 @@
+import { s } from "./util-32b33d65.js";
+const o = ({ children: n }) => n, i = function(n, r) {
+  const t = { ...r, nodeName: n }, { length: e } = arguments;
+  return "children" in t || e < 3 || (t.children = e === 3 ? arguments[2] : s.call(arguments, 2)), t;
+};
+export {
+  o as Fragment,
+  i as h
+};

package/dist/schedule.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let t,r;const c=e=>{if(!(e instanceof HTMLElement&&typeof(e==null?void 0:e.next)=="function"))throw new TypeError("el must be a web component with a next method");t??(t=new Set),t.has(e)&&t.delete(e);for(const n of t){if(n.contains(e))return o(e);e.contains(n)&&t.delete(n)}return t.add(e),o(e)},o=e=>(r??(r=requestAnimationFrame(u)),()=>t.delete(e)),u=()=>{for(const e of t)e.isConnected&&e.next();t.clear(),r=null};exports.schedule=c;

package/dist/schedule.js

@@ -0,0 +1,19 @@
+let n, r;
+const i = (e) => {
+  if (!(e instanceof HTMLElement && typeof (e == null ? void 0 : e.next) == "function"))
+    throw new TypeError("el must be a web component with a next method");
+  n ?? (n = /* @__PURE__ */ new Set()), n.has(e) && n.delete(e);
+  for (const t of n) {
+    if (t.contains(e))
+      return o(e);
+    e.contains(t) && n.delete(t);
+  }
+  return n.add(e), o(e);
+}, o = (e) => (r ?? (r = requestAnimationFrame(c)), () => n.delete(e)), c = () => {
+  for (const e of n)
+    e.isConnected && e.next();
+  n.clear(), r = null;
+};
+export {
+  i as schedule
+};

package/dist/util-32b33d65.js

@@ -0,0 +1,21 @@
+const { isArray: o, prototype: { slice: y } } = Array, { assign: c, entries: m } = Object, r = Symbol(), v = Symbol(), d = Symbol(), p = Symbol(), u = Symbol(), t = function* (e, a = { value: "" }, i = !0) {
+  for (e of o(e) ? e : [e]) {
+    if (e == null || typeof e == "boolean")
+      continue;
+    const { nodeName: s, ...n } = e, l = typeof s;
+    l === "string" ? (a.value && (yield a.value, a.value = ""), yield e) : l === "function" ? yield* t(s(n), a, !1) : o(e) ? yield* t(e, a, !1) : a.value += e;
+  }
+  i && a.value && (yield a.value);
+};
+export {
+  p as A,
+  u as I,
+  r as K,
+  v as M,
+  d as R,
+  c as a,
+  m as e,
+  o as i,
+  t as n,
+  y as s
+};

package/dist/util-f79f2bb8.cjs

@@ -0,0 +1 @@
+"use strict";const{isArray:l,prototype:{slice:y}}=Array,{assign:r,entries:c}=Object,m=Symbol(),v=Symbol(),d=Symbol(),u=Symbol(),p=Symbol(),o=function*(e,t={value:""},a=!0){for(e of l(e)?e:[e]){if(e==null||typeof e=="boolean")continue;const{nodeName:i,...n}=e,s=typeof i;s==="string"?(t.value&&(yield t.value,t.value=""),yield e):s==="function"?yield*o(i(n),t,!1):l(e)?yield*o(e,t,!1):t.value+=e}a&&t.value&&(yield t.value)};exports.Attrs=u;exports.Iterator=p;exports.Key=m;exports.Memo=v;exports.Ref=d;exports.assign=r;exports.entries=c;exports.isArray=l;exports.normalize=o;exports.slice=y;

package/package.json

@@ -1,14 +1,34 @@
 {
   "name": "ajo",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "ajo is a JavaScript view library for building user interfaces",
   "type": "module",
-  "module": "./dist/ajo.js",
-  "main": "./dist/ajo.umd.cjs",
+  "module": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "exports": {
     ".": {
-      "import": "./dist/ajo.js",
-      "require": "./dist/ajo.umd.cjs"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./jsx": {
+      "import": "./dist/jsx.js",
+      "require": "./dist/jsx.umd.cjs"
+    },
+    "./dom": {
+      "import": "./dist/dom.js",
+      "require": "./dist/dom.umd.cjs"
+    },
+    "./html": {
+      "import": "./dist/html.js",
+      "require": "./dist/html.umd.cjs"
+    },
+    "./component": {
+      "import": "./dist/component.js",
+      "require": "./dist/component.umd.cjs"
+    },
+    "./schedule": {
+      "import": "./dist/schedule.js",
+      "require": "./dist/schedule.umd.cjs"
     }
   },
   "files": [

package/readme.md

@@ -11,7 +11,8 @@ npm install ajo
 
 ```jsx
 /** @jsx h */
-import { h, render } from 'ajo'
+import { h } from 'ajo'
+import { render } from 'ajo/dom'
 
 document.body.innerHTML = '<div>Hello World</div>'
 
@@ -33,7 +34,9 @@ render(<Greet name="World" />, document.body)
 
 ```jsx
 /** @jsx h */
-import { h, render, component } from 'ajo'
+import { h } from 'ajo'
+import { render } from 'ajo/dom'
+import { component } from 'ajo/component'
 
 const Counter = component(function* ({ init = 0 }) {
 
@@ -41,7 +44,7 @@ const Counter = component(function* ({ init = 0 }) {
 
 	const handleClick = () => {
 		count++
-		this.refresh()
+		this.next()
 	}
 
 	while (true) yield (

package/dist/ajo.js

@@ -1,121 +0,0 @@
-var A = Object.defineProperty;
-var C = (t, e, o) => e in t ? A(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var y = (t, e, o) => (C(t, typeof e != "symbol" ? e + "" : e, o), o);
-const { isArray: v, prototype: { slice: T } } = Array, { assign: b, entries: O } = Object, R = ({ children: t }) => t, M = function(t, e) {
-  const o = { ...e, nodeName: t }, { length: i } = arguments;
-  return "children" in o || i < 3 || (o.children = i === 3 ? arguments[2] : T.call(arguments, 2)), o;
-}, w = function* (t, e = { value: "" }, o = !0) {
-  for (t of v(t) ? t : [t]) {
-    if (t == null || typeof t == "boolean")
-      continue;
-    const { nodeName: i, ...n } = t, s = typeof i;
-    s === "string" ? (e.value && (yield e.value, e.value = ""), yield t) : s === "function" ? yield* w(i(n), e, !1) : v(t) ? yield* w(t, e, !1) : e.value += t;
-  }
-  o && e.value && (yield e.value);
-}, g = Symbol(), E = Symbol(), p = Symbol(), u = Symbol(), m = Symbol(), S = (t, e, o) => {
-  let i = e.firstChild;
-  for (t of w(t)) {
-    let n = i;
-    if (typeof t == "string") {
-      for (; n && n.nodeType != 3; )
-        n = n.nextSibling;
-      n ? n.data != t && (n.data = t) : n = document.createTextNode(t);
-    } else {
-      const { xmlns: s = o, nodeName: d, is: f, key: a, skip: r, memo: c, ref: l, children: h, ...q } = t;
-      for (; n && !(n.localName === d && (n[g] ?? (n[g] = a)) == a); )
-        n = n.nextSibling;
-      n ?? (n = H(s, d, f, a)), (c == null || F(n[E], n[E] = c)) && (B(q, n), r || S(h, n, s), typeof l == "function" && l(n));
-    }
-    n === i ? i = i.nextSibling : L(e, n, i);
-  }
-  for (; i; ) {
-    const n = i.nextSibling;
-    e.removeChild(i), i = n;
-  }
-}, F = (t, e) => v(t) && v(e) ? t.some((o, i) => o !== e[i]) : t !== e, H = (t, e, o, i) => {
-  const n = t ? document.createElementNS(t, e, { is: o }) : document.createElement(e, { is: o });
-  return n[g] = i, n;
-}, B = (t, e) => {
-  const o = e[p] ?? (e[p] = T.call(e.attributes).reduce((i, { name: n, value: s }) => (i[n] = s, i), {}));
-  for (const i in { ...o, ...e[p] = t }) {
-    const n = t[i];
-    n !== o[i] && (i.startsWith("set:") ? e[i.slice(4)] = n : n == null || n === !1 ? e.removeAttribute(i) : e.setAttribute(i, n === !0 ? "" : n));
-  }
-}, L = (t, e, o) => {
-  if (e.contains(document.activeElement)) {
-    const i = e.nextSibling;
-    for (; o && o != e; ) {
-      const n = o.nextSibling;
-      t.insertBefore(o, i), o = n;
-    }
-  } else
-    t.insertBefore(e, o);
-};
-let W = 0, N = null, x, k;
-const U = (t, { as: e } = {}) => {
-  var n, s, d;
-  if (((n = t == null ? void 0 : t.constructor) == null ? void 0 : n.name) !== "GeneratorFunction")
-    throw new TypeError("fn is not a generator function");
-  const o = `host-${W++}`;
-  class i extends z(e) {
-    constructor() {
-      super(...arguments);
-      y(this, s);
-      y(this, d);
-      y(this, "args");
-    }
-    refresh() {
-      j(this);
-    }
-    next() {
-      try {
-        S((this[u] ?? (this[u] = t.call(this, this.args))).next().value, this), typeof this[m] == "function" && this[m](this);
-      } catch (r) {
-        this.throw(r);
-      }
-    }
-    throw(r) {
-      var c;
-      for (let l = this; l; l = l.parentNode)
-        if (typeof ((c = l[u]) == null ? void 0 : c.throw) == "function")
-          try {
-            return S(l[u].throw(r).value, l);
-          } catch {
-            continue;
-          }
-      throw r;
-    }
-    *[(s = u, d = m, Symbol.iterator)]() {
-      for (; ; )
-        yield this.args;
-    }
-    disconnectedCallback() {
-      var r;
-      try {
-        (r = this[u]) == null || r.return(), typeof this[m] == "function" && this[m](null);
-      } finally {
-        this[u] = null;
-      }
-    }
-  }
-  return customElements.define(o, i, { extends: e }), ({ attrs: f = {}, args: a = {}, ref: r, ...c }) => {
-    for (const l in c)
-      l.startsWith("arg:") ? a[l.slice(4)] = c[l] : (l === "children" ? a : f)[l] = c[l];
-    return M(e || o, b(f, { is: e && o, skip: !0, ref: (l) => b(l, { args: a, ref: r }).refresh() }));
-  };
-}, j = (t) => {
-  (x ?? (x = /* @__PURE__ */ new Set())).add(t), N ?? (N = requestAnimationFrame(() => {
-    for (const e of x)
-      e.isConnected && e.next();
-    x.clear(), N = null;
-  }));
-}, z = (t) => {
-  let e = (k ?? (k = /* @__PURE__ */ new Map())).get(t);
-  return e || (e = document.createElement(t).constructor, e === HTMLUnknownElement && (e = HTMLElement), k.set(t, e)), e;
-};
-export {
-  R as Fragment,
-  U as component,
-  M as h,
-  S as render
-};

package/dist/ajo.umd.cjs

@@ -1 +0,0 @@
-(function(s,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(s=typeof globalThis<"u"?globalThis:s||self,r(s.ajo={}))})(this,function(s){"use strict";var G=Object.defineProperty;var P=(s,r,f)=>r in s?G(s,r,{enumerable:!0,configurable:!0,writable:!0,value:f}):s[r]=f;var w=(s,r,f)=>(P(s,typeof r!="symbol"?r+"":r,f),f);const{isArray:r,prototype:{slice:f}}=Array,{assign:E,entries:R}=Object,q=({children:t})=>t,T=function(t,e){const o={...e,nodeName:t},{length:i}=arguments;return"children"in o||i<3||(o.children=i===3?arguments[2]:f.call(arguments,2)),o},x=function*(t,e={value:""},o=!0){for(t of r(t)?t:[t]){if(t==null||typeof t=="boolean")continue;const{nodeName:i,...n}=t,u=typeof i;u==="string"?(e.value&&(yield e.value,e.value=""),yield t):u==="function"?yield*x(i(n),e,!1):r(t)?yield*x(t,e,!1):e.value+=t}o&&e.value&&(yield e.value)},g=Symbol(),N=Symbol(),v=Symbol(),m=Symbol(),y=Symbol(),S=(t,e,o)=>{let i=e.firstChild;for(t of x(t)){let n=i;if(typeof t=="string"){for(;n&&n.nodeType!=3;)n=n.nextSibling;n?n.data!=t&&(n.data=t):n=document.createTextNode(t)}else{const{xmlns:u=o,nodeName:h,is:p,key:d,skip:c,memo:a,ref:l,children:j,...z}=t;for(;n&&!(n.localName===h&&(n[g]??(n[g]=d))==d);)n=n.nextSibling;n??(n=C(u,h,p,d)),(a==null||A(n[N],n[N]=a))&&(F(z,n),c||S(j,n,u),typeof l=="function"&&l(n))}n===i?i=i.nextSibling:H(e,n,i)}for(;i;){const n=i.nextSibling;e.removeChild(i),i=n}},A=(t,e)=>r(t)&&r(e)?t.some((o,i)=>o!==e[i]):t!==e,C=(t,e,o,i)=>{const n=t?document.createElementNS(t,e,{is:o}):document.createElement(e,{is:o});return n[g]=i,n},F=(t,e)=>{const o=e[v]??(e[v]=f.call(e.attributes).reduce((i,{name:n,value:u})=>(i[n]=u,i),{}));for(const i in{...o,...e[v]=t}){const n=t[i];n!==o[i]&&(i.startsWith("set:")?e[i.slice(4)]=n:n==null||n===!1?e.removeAttribute(i):e.setAttribute(i,n===!0?"":n))}},H=(t,e,o)=>{if(e.contains(document.activeElement)){const i=e.nextSibling;for(;o&&o!=e;){const n=o.nextSibling;t.insertBefore(o,i),o=n}}else t.insertBefore(e,o)};let B=0,k=null,b,M;const L=(t,{as:e}={})=>{var n,u,h;if(((n=t==null?void 0:t.constructor)==null?void 0:n.name)!=="GeneratorFunction")throw new TypeError("fn is not a generator function");const o=`host-${B++}`;class i extends W(e){constructor(){super(...arguments);w(this,u);w(this,h);w(this,"args")}refresh(){O(this)}next(){try{S((this[m]??(this[m]=t.call(this,this.args))).next().value,this),typeof this[y]=="function"&&this[y](this)}catch(c){this.throw(c)}}throw(c){var a;for(let l=this;l;l=l.parentNode)if(typeof((a=l[m])==null?void 0:a.throw)=="function")try{return S(l[m].throw(c).value,l)}catch{continue}throw c}*[(u=m,h=y,Symbol.iterator)](){for(;;)yield this.args}disconnectedCallback(){var c;try{(c=this[m])==null||c.return(),typeof this[y]=="function"&&this[y](null)}finally{this[m]=null}}}return customElements.define(o,i,{extends:e}),({attrs:p={},args:d={},ref:c,...a})=>{for(const l in a)l.startsWith("arg:")?d[l.slice(4)]=a[l]:(l==="children"?d:p)[l]=a[l];return T(e||o,E(p,{is:e&&o,skip:!0,ref:l=>E(l,{args:d,ref:c}).refresh()}))}},O=t=>{(b??(b=new Set)).add(t),k??(k=requestAnimationFrame(()=>{for(const e of b)e.isConnected&&e.next();b.clear(),k=null}))},W=t=>{let e=(M??(M=new Map)).get(t);return e||(e=document.createElement(t).constructor,e===HTMLUnknownElement&&(e=HTMLElement),M.set(t,e)),e};s.Fragment=q,s.component=L,s.h=T,s.render=S,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});