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

package/dist/ajo.umd.cjs

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