UNPKG

imba

Version:

Intuitive and powerful language for building webapps that fly

1,541 lines 153 kB
var __defProp = Object.defineProperty; var __markAsModule = (target) => __defProp(target, "__esModule", {value: true}); var __export = (target, all) => { for (var name in all) __defProp(target, name, {get: all[name], enumerable: true}); }; __markAsModule(exports); __export(exports, { CUSTOM_TYPES: () => ys, Comment: () => zt, Component: () => Nt, CustomEvent: () => P, Document: () => Et, DocumentFragment: () => gh, Easer: () => Br, Element: () => v, ElementRoute: () => Ze, ElementRouteTo: () => bi, Event: () => K, EventHandler: () => Gr, Fragment: () => st, HTMLButtonElement: () => Er, HTMLElement: () => be, HTMLHtmlElement: () => ph, HTMLInputElement: () => Sr, HTMLOptionElement: () => Tr, HTMLScriptElement: () => mh, HTMLSelectElement: () => xr, HTMLTextAreaElement: () => wr, ImbaElement: () => iu, IntersectionEventDefaults: () => ze, KeyboardEvent: () => vr, LazyProxy: () => lr, MouseEvent: () => _r, Node: () => I, PointerEvent: () => br, RenderContext: () => B, Router: () => Je, SVGElement: () => Or, Scheduler: () => ar, ShadowRoot: () => yh, TYPES: () => ve, Text: () => _e, UIEvent: () => dh, Window: () => _h, asset: () => Gl, autorun: () => Va, clearInterval: () => Ri, clearTimeout: () => Ai, colors: () => au, commit: () => k, createAtom: () => Ka, createComment: () => tt, createComponent: () => Os, createDynamic: () => Ch, createElement: () => Sh, createFragment: () => Eh, createIndexedList: () => Wh, createKeyedList: () => Qh, createLiveFragment: () => qh, createRenderContext: () => pr, createSVGElement: () => wh, createSlot: () => Vt, createTextNode: () => xe, customElements: () => bh, defineTag: () => Ph, deserializeData: () => Kl, emit: () => A, events: () => Iu, getDeepPropertyDescriptor: () => It, getRenderContext: () => Zl, getSuperTagType: () => $h, getTagType: () => Ns, get_document: () => Kt, hooks: () => cr, hotkeys: () => wo, hydrate: () => ru, listen: () => R, manifest: () => fr, mount: () => fn, observable: () => Ha, once: () => F, parseTime: () => yt, patchManifest: () => Vl, process: () => Wl, proxy: () => hr, render: () => du, renderContext: () => $, renderer: () => xt, reportChanged: () => Ba, reportObserved: () => Ya, router: () => Ra, run: () => Ua, scheduler: () => C, serializeData: () => zl, setInterval: () => Di, setTimeout: () => Ii, styles: () => hn, toCamelCase: () => Hl, transitions: () => De, unlisten: () => ct, unmount: () => cn, use_dom_bind: () => pu, use_dom_teleport: () => Eu, use_dom_transitions: () => $u, use_events: () => Du, use_events_hotkey: () => _a, use_events_intersect: () => Yu, use_events_keyboard: () => Yr, use_events_mouse: () => Yt, use_events_pointer: () => ju, use_events_resize: () => Zu, use_events_selection: () => ra, use_events_touch: () => Vu, use_hooks: () => Xl, use_router: () => Da, use_slots: () => Ah, use_styles: () => fu, use_window: () => vh, \u03B1action: () => Ja, \u03B1autorun: () => Qa, \u03B1computed: () => Wa, \u03B1lazy: () => Ql, \u03B1observable: () => Ga, \u03B1ref: () => Xa }); var Pl = Object.create, or = Object.defineProperty, kl = Object.getPrototypeOf, Ll = Object.prototype.hasOwnProperty, Ml = Object.getOwnPropertyNames, Fl = Object.getOwnPropertyDescriptor; var Il = (i) => or(i, "__esModule", {value: true}); var Dl = (i, t) => () => (t || (t = {exports: {}}, i(t.exports, t)), t.exports); var Rl = (i, t, e) => { if (t && typeof t == "object" || typeof t == "function") for (let r of Ml(t)) !Ll.call(i, r) && r !== "default" && or(i, r, {get: () => t[r], enumerable: !(e = Fl(t, r)) || e.enumerable}); return i; }, Al = (i) => Rl(Il(or(i != null ? Pl(kl(i)) : {}, "default", i && i.__esModule && "default" in i ? {get: () => i.default, enumerable: true} : {value: i, enumerable: true})), i); var Io = Dl((id, hi) => { "use strict"; var Pt = typeof Reflect == "object" ? Reflect : null, Oo = Pt && typeof Pt.apply == "function" ? Pt.apply : function(t, e, r) { return Function.prototype.apply.call(t, e, r); }, Ve; Pt && typeof Pt.ownKeys == "function" ? Ve = Pt.ownKeys : Object.getOwnPropertySymbols ? Ve = function(t) { return Object.getOwnPropertyNames(t).concat(Object.getOwnPropertySymbols(t)); } : Ve = function(t) { return Object.getOwnPropertyNames(t); }; function va(i) { console && console.warn && console.warn(i); } var No = Number.isNaN || function(t) { return t !== t; }; function S() { S.init.call(this); } hi.exports = S; hi.exports.once = xa; S.EventEmitter = S; S.prototype._events = void 0; S.prototype._eventsCount = 0; S.prototype._maxListeners = void 0; var Co = 10; function He(i) { if (typeof i != "function") throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof i); } Object.defineProperty(S, "defaultMaxListeners", {enumerable: true, get: function() { return Co; }, set: function(i) { if (typeof i != "number" || i < 0 || No(i)) throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + i + "."); Co = i; }}); S.init = function() { (this._events === void 0 || this._events === Object.getPrototypeOf(this)._events) && (this._events = Object.create(null), this._eventsCount = 0), this._maxListeners = this._maxListeners || void 0; }; S.prototype.setMaxListeners = function(t) { if (typeof t != "number" || t < 0 || No(t)) throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + t + "."); return this._maxListeners = t, this; }; function $o(i) { return i._maxListeners === void 0 ? S.defaultMaxListeners : i._maxListeners; } S.prototype.getMaxListeners = function() { return $o(this); }; S.prototype.emit = function(t) { for (var e = [], r = 1; r < arguments.length; r++) e.push(arguments[r]); var s = t === "error", n = this._events; if (n !== void 0) s = s && n.error === void 0; else if (!s) return false; if (s) { var o; if (e.length > 0 && (o = e[0]), o instanceof Error) throw o; var l = new Error("Unhandled error." + (o ? " (" + o.message + ")" : "")); throw l.context = o, l; } var h = n[t]; if (h === void 0) return false; if (typeof h == "function") Oo(h, this, e); else for (var a = h.length, c = Po(h, a), r = 0; r < a; ++r) Oo(c[r], this, e); return true; }; function ko(i, t, e, r) { var s, n, o; if (He(e), n = i._events, n === void 0 ? (n = i._events = Object.create(null), i._eventsCount = 0) : (n.newListener !== void 0 && (i.emit("newListener", t, e.listener ? e.listener : e), n = i._events), o = n[t]), o === void 0) o = n[t] = e, ++i._eventsCount; else if (typeof o == "function" ? o = n[t] = r ? [e, o] : [o, e] : r ? o.unshift(e) : o.push(e), s = $o(i), s > 0 && o.length > s && !o.warned) { o.warned = true; var l = new Error("Possible EventEmitter memory leak detected. " + o.length + " " + String(t) + " listeners added. Use emitter.setMaxListeners() to increase limit"); l.name = "MaxListenersExceededWarning", l.emitter = i, l.type = t, l.count = o.length, va(l); } return i; } S.prototype.addListener = function(t, e) { return ko(this, t, e, false); }; S.prototype.on = S.prototype.addListener; S.prototype.prependListener = function(t, e) { return ko(this, t, e, true); }; function Sa() { if (!this.fired) return this.target.removeListener(this.type, this.wrapFn), this.fired = true, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments); } function Lo(i, t, e) { var r = {fired: false, wrapFn: void 0, target: i, type: t, listener: e}, s = Sa.bind(r); return s.listener = e, r.wrapFn = s, s; } S.prototype.once = function(t, e) { return He(e), this.on(t, Lo(this, t, e)), this; }; S.prototype.prependOnceListener = function(t, e) { return He(e), this.prependListener(t, Lo(this, t, e)), this; }; S.prototype.removeListener = function(t, e) { var r, s, n, o, l; if (He(e), s = this._events, s === void 0) return this; if (r = s[t], r === void 0) return this; if (r === e || r.listener === e) --this._eventsCount == 0 ? this._events = Object.create(null) : (delete s[t], s.removeListener && this.emit("removeListener", t, r.listener || e)); else if (typeof r != "function") { for (n = -1, o = r.length - 1; o >= 0; o--) if (r[o] === e || r[o].listener === e) { l = r[o].listener, n = o; break; } if (n < 0) return this; n === 0 ? r.shift() : wa(r, n), r.length === 1 && (s[t] = r[0]), s.removeListener !== void 0 && this.emit("removeListener", t, l || e); } return this; }; S.prototype.off = S.prototype.removeListener; S.prototype.removeAllListeners = function(t) { var e, r, s; if (r = this._events, r === void 0) return this; if (r.removeListener === void 0) return arguments.length === 0 ? (this._events = Object.create(null), this._eventsCount = 0) : r[t] !== void 0 && (--this._eventsCount == 0 ? this._events = Object.create(null) : delete r[t]), this; if (arguments.length === 0) { var n = Object.keys(r), o; for (s = 0; s < n.length; ++s) o = n[s], o !== "removeListener" && this.removeAllListeners(o); return this.removeAllListeners("removeListener"), this._events = Object.create(null), this._eventsCount = 0, this; } if (e = r[t], typeof e == "function") this.removeListener(t, e); else if (e !== void 0) for (s = e.length - 1; s >= 0; s--) this.removeListener(t, e[s]); return this; }; function Mo(i, t, e) { var r = i._events; if (r === void 0) return []; var s = r[t]; return s === void 0 ? [] : typeof s == "function" ? e ? [s.listener || s] : [s] : e ? Ea(s) : Po(s, s.length); } S.prototype.listeners = function(t) { return Mo(this, t, true); }; S.prototype.rawListeners = function(t) { return Mo(this, t, false); }; S.listenerCount = function(i, t) { return typeof i.listenerCount == "function" ? i.listenerCount(t) : Fo.call(i, t); }; S.prototype.listenerCount = Fo; function Fo(i) { var t = this._events; if (t !== void 0) { var e = t[i]; if (typeof e == "function") return 1; if (e !== void 0) return e.length; } return 0; } S.prototype.eventNames = function() { return this._eventsCount > 0 ? Ve(this._events) : []; }; function Po(i, t) { for (var e = new Array(t), r = 0; r < t; ++r) e[r] = i[r]; return e; } function wa(i, t) { for (; t + 1 < i.length; t++) i[t] = i[t + 1]; i.pop(); } function Ea(i) { for (var t = new Array(i.length), e = 0; e < t.length; ++e) t[e] = i[e].listener || i[e]; return t; } function xa(i, t) { return new Promise(function(e, r) { function s() { n !== void 0 && i.removeListener("error", n), e([].slice.call(arguments)); } var n; t !== "error" && (n = function(l) { i.removeListener(t, s), r(l); }, i.once("error", n)), i.once(t, s); }); } }); function ue(i) { let t; return i ? (t = i.toIterable) ? t.call(i) : i : []; } var ef = Symbol.for("#__initor__"), rf = Symbol.for("#__inited__"), jl = Symbol.for("#type"), ae = Symbol.for("#__listeners__"), ql = /-./g, lr = class { static for(t) { return new Proxy({}, new this(t)); } constructor(t) { this.getter = t; } get target() { return this.getter(); } get(t, e) { return this.target[e]; } set(t, e, r) { return this.target[e] = r, true; } }; function hr(i, t = {}) { return new Proxy(t, new lr(i)); } function yt(i) { let t = typeof i; if (t == "number") return i; if (t == "string") { if (/^\d+fps$/.test(i)) return 1e3 / parseFloat(i); if (/^([-+]?[\d\.]+)s$/.test(i)) return parseFloat(i) * 1e3; if (/^([-+]?[\d\.]+)ms$/.test(i)) return parseFloat(i); } return null; } function zl(i) { let t = new Map(), e = [], r = false, s = function(h, a) { if (a && a[jl] && h !== "") { let c = t.get(a); return t.has(a) || (t.set(a, c = "$$" + e.length + "$$"), e.push(a)), h == null ? a : c; } return a; }, n = JSON.stringify(i, s, 2), o = 0; for (r = true; o < e.length; ) e[o] = JSON.stringify(e[o], s, 2), o++; let l = ""; for (let h = 0, a = ue(e), c = a.length; h < c; h++) { let u = a[h]; l += '"$$' + h + '$$":' + u + `, `; } return n = "{" + l + n.slice(1), n; } function Kl(i, t = null) { let e = {}, r = /\$\$\d+\$\$/, s = function(l) { return e[l] || (e[l] = t ? t(l) : {}); }, n = function(l, h) { if (typeof h == "string") { if (h[0] == "$" && r.test(h)) return s(h); } else if (typeof l == "string" && l[0] == "$" && r.test(l)) { let a = s(l); return Object.assign(a, h), a; } return h; }; return JSON.parse(i, n); } function Vl(i, t) { var e, r, s, n; let o = {}, l = {added: [], changed: [], removed: [], all: [], urls: {}}; if (i.assets) for (let h = 0, a = ue(i.assets), c = a.length; h < c; h++) { let u = a[h], d = u.originalPath || u.path; o[d] = u, u.url && ((e = t.urls)[r = u.url] || (e[r] = u)); } for (let h = 0, a = ue(t.assets || []), c = a.length; h < c; h++) { let u = a[h], d = u.originalPath || u.path, b = o[d]; u.url && i.urls && (i.urls[u.url] = u), b ? (b.hash != u.hash && (b.invalidated = Date.now(), b.replacedBy = u, u.replaces = b, l.changed.push(u), l.all.push(u), b == i.main && (l.main = u)), s = o[d], delete o[d]) : (l.added.push(u), l.all.push(u)); } for (let h = 0, a = Object.keys(o), c = a.length, u, d; h < c; h++) u = a[h], d = o[u], d.removed = Date.now(), l.all.push(d); for (let h = 0, a = ue(l.all), c = a.length; h < c; h++) { let u = a[h]; (l[n = u.type] || (l[n] = [])).push(u); } return l.removed = Object.values(o), t.changes = l, t; } function Hl(i) { return i.indexOf("-") >= 0 ? i.replace(ql, function(t) { return t.charAt(1).toUpperCase(); }) : i; } function It(i, t, e) { if (!i) return; let r = Object.getOwnPropertyDescriptor(i, t); return r || i == e ? r || void 0 : It(Reflect.getPrototypeOf(i), t, e); } var Pi = function(i, t, e) { let r, s, n; for (; (r = e) && (e = e.next); ) (s = e.listener) && (e.path && s[e.path] ? n = t ? s[e.path].apply(s, t) : s[e.path]() : n = t ? s.apply(e, t) : s.call(e)), e.times && --e.times <= 0 && (r.next = e.next, e.listener = null); }; function R(i, t, e, r) { var s; let n, o, l; return n = i[ae] || (i[ae] = {}), o = n[t] || (n[t] = {}), l = o.tail || (o.tail = o.next = {}), l.listener = e, l.path = r, o.tail = l.next = {}, l; } function F(i, t, e) { let r = R(i, t, e); return r.times = 1, r; } function ct(i, t, e, r) { let s, n, o = i[ae]; if (!!o && (s = o[t])) { for (; (n = s) && (s = s.next); ) if (s == e || s.listener == e) { n.next = s.next, s.listener = null; break; } } } function A(i, t, e) { let r; (r = i[ae]) && (r[t] && Pi(t, e, r[t]), r.all && Pi(t, [t, e], r.all)); } function Ul(i) { let t; return i ? (t = i.toIterable) ? t.call(i) : i : []; } var ki = Symbol.for("#__init__"), nf = Symbol.for("#__initor__"), of = Symbol.for("#__inited__"), Li = Symbol.for("#schedule"), ur = Symbol.for("#frames"), fe = Symbol.for("#interval"), _t = Symbol.for("#stage"), bt = Symbol.for("#scheduled"), ce = Symbol.for("#version"), Bl = Symbol.for("#fps"), Mi = Symbol.for("#ticker"), Yl = globalThis.requestAnimationFrame || function(i) { return globalThis.setTimeout(i, 1e3 / 60); }; var lf = 1 / 60, Fi = class { constructor(t = null) { this[ki](t); } [ki](t = null) { var e; this.owner = t && (e = t.owner) !== void 0 ? e : null, this.target = t && (e = t.target) !== void 0 ? e : null, this.active = t && (e = t.active) !== void 0 ? e : false, this.value = t && (e = t.value) !== void 0 ? e : void 0, this.skip = t && (e = t.skip) !== void 0 ? e : 0, this.last = t && (e = t.last) !== void 0 ? e : 0; } tick(t, e) { return this.last = this.owner[ur], this.target.tick(this, e), 1; } update(t, e) { let r = this.active, s = t.value; return this.value != s && (this.deactivate(), this.value = s), (this.value || r || e) && this.activate(), this; } queue() { this.owner.add(this); } activate() { return this.value === true ? this.owner.on("commit", this) : this.value === false || typeof this.value == "number" && (this.value / (1e3 / 60) <= 2 ? this.owner.on("raf", this) : this[fe] = globalThis.setInterval(this.queue.bind(this), this.value)), this.active = true, this; } deactivate() { return this.value === true && this.owner.un("commit", this), this.owner.un("raf", this), this[fe] && (globalThis.clearInterval(this[fe]), this[fe] = null), this.active = false, this; } }, ar = class { constructor() { var t = this; this.id = Symbol(), this.queue = [], this.stage = -1, this[_t] = -1, this[ur] = 0, this[bt] = false, this[ce] = 0, this.listeners = {}, this.intervals = {}, t.commit = function() { return t.add("commit"), t; }, this[Bl] = 0, t.$promise = null, t.$resolve = null, this[Mi] = function(e) { return t[bt] = false, t.tick(e); }; } touch() { return this[ce]++; } get version() { return this[ce]; } add(t, e) { return (e || this.queue.indexOf(t) == -1) && this.queue.push(t), this[bt] || this[Li](), this; } get committing\u03A6() { return this.queue.indexOf("commit") >= 0; } get syncing\u03A6() { return this[_t] == 1; } listen(t, e) { let r = this.listeners[t], s = !r; return r || (r = this.listeners[t] = new Set()), r.add(e), t == "raf" && s && this.add("raf"), this; } unlisten(t, e) { var r; let s = this.listeners[t]; return s && s.delete(e), t == "raf" && s && s.size == 0 && (r = this.listeners.raf, delete this.listeners.raf), this; } on(t, e) { return this.listen(t, e); } un(t, e) { return this.unlisten(t, e); } get promise() { var t = this; return t.$promise || (t.$promise = new Promise(function(e) { return t.$resolve = e; })); } tick(t) { var e = this; let r = this.queue, s = this[ur]++; if (this.ts || (this.ts = t), this.dt = t - this.ts, this.ts = t, this.queue = [], this[_t] = 1, this[ce]++, r.length) for (let n = 0, o = Ul(r), l = o.length; n < l; n++) { let h = o[n]; typeof h == "string" && this.listeners[h] ? e.listeners[h].forEach(function(a) { if (a.tick instanceof Function) return a.tick(e, h); if (a instanceof Function) return a(e, h); }) : h instanceof Function ? h(e.dt, e) : h.tick && h.tick(e.dt, e); } return this[_t] = this[bt] ? 0 : -1, e.$promise && (e.$resolve(e), e.$promise = e.$resolve = null), e.listeners.raf && e.add("raf"), e; } [Li]() { return this[bt] || (this[bt] = true, this[_t] == -1 && (this[_t] = 0), Yl(this[Mi])), this; } schedule(t, e) { var r, s; return e || (e = t[r = this.id] || (t[r] = {value: true})), (e[s = this.id] || (e[s] = new Fi({owner: this, target: t}))).update(e, true); } unschedule(t, e = {}) { e || (e = t[this.id]); let r = e && e[this.id]; return r && r.active && r.deactivate(), this; } }, C = new ar(); function k() { return C.add("commit").promise; } function Ii(i, t) { return globalThis.setTimeout(function() { i(), k(); }, t); } function Di(i, t) { return globalThis.setInterval(function() { i(), k(); }, t); } var Ri = globalThis.clearInterval, Ai = globalThis.clearTimeout, Dt = globalThis.imba || (globalThis.imba = {}); Dt.commit = k; Dt.setTimeout = Ii; Dt.setInterval = Di; Dt.clearInterval = Ri; Dt.clearTimeout = Ai; var uf = Symbol.for("#__initor__"), af = Symbol.for("#__inited__"), ji = class { constructor() { this.data = {}; } }, fr = new ji(); var Wl = {}; var pf = Symbol.for("#__initor__"), mf = Symbol.for("#__inited__"), qi = Symbol.for("#__init__"), zi = Symbol.for("#warned"), vt = Symbol.for("#asset"), de = class { static wrap(t) { let e = new de(t); return new Proxy(e, e); } constructor(t) { this.meta = t; } get input() { return fr.inputs[this.meta.input]; } get asset() { return globalThis._MF_ ? this.meta : this.input ? this.input.asset : null; } set(t, e, r) { return true; } get(t, e) { return this.meta.meta && this.meta.meta[e] != null ? this.meta.meta[e] : this.asset ? e == "absPath" && !this.asset.absPath ? this.asset.url : this.asset[e] : ((this.meta[zi] != true ? (this.meta[zi] = true, true) : false) && console.warn("Asset for '" + this.meta.input + "' not found"), e == "valueOf" ? function() { return ""; } : null); } }, Ki = class { constructor(t = null) { this[qi](t); } [qi](t = null) { this.url = t ? t.url : void 0, this.meta = t ? t.meta : void 0; } adoptNode(t) { var e; if ((e = this.meta) == null ? void 0 : e.content) { for (let r = this.meta.attributes, s = 0, n = Object.keys(r), o = n.length, l, h; s < o; s++) l = n[s], h = r[l], t.setAttribute(l, h); t.innerHTML = this.meta.content; } return this; } toString() { return this.url; } toStyleString() { return "url(" + this.url + ")"; } }; function Gl(i) { var t, e; if (i[vt]) return i[vt]; if (i.type == "svg") return i[vt] || (i[vt] = new Ki(i)); if (i.input) { let r = globalThis._MF_ && globalThis._MF_[i.input]; return r && (Object.assign(i, r), i.toString = function() { return this.absPath; }), i[vt] || (i[vt] = de.wrap(i)); } return i; } var cr = {on: function(i, t) { return R(this, i, t); }, inited: function(i) { return A(this, "inited", [i]); }}; function Xl() { return true; } function Ql(i, t, e) { if (e.get) { let r = e.get; e.get = function() { let s = r.call(this); return Object.defineProperty(this, t, {enumerable: false, value: s}), s; }; } return e; } var Vi = Symbol.for("#toStringDeopt"), vf = Symbol.for("#__initor__"), xf = Symbol.for("#__inited__"), Hi = Symbol.for("#symbols"), Ui = Symbol.for("#batches"), Bi = Symbol.for("#extras"), Yi = Symbol.for("#stacks"), Rt = class { constructor(t) { this.dom = t, this.string = ""; } contains(t) { return this.dom.classList.contains(t); } add(t) { return this.contains(t) ? this : (this.string += (this.string ? " " : "") + t, this.dom.classList.add(t), this); } remove(t) { if (!this.contains(t)) return this; let e = new RegExp("(^|\\s)" + t + "(?=\\s|$)", "g"); return this.string = this.string.replace(e, ""), this.dom.classList.remove(t), this; } toggle(t, e) { return e === void 0 && (e = !this.contains(t)), e ? this.add(t) : this.remove(t); } incr(t, e = 0) { var r = this; let s = this.stacks, n = s[t] || 0; return n < 1 && this.add(t), e > 0 && setTimeout(function() { return r.decr(t); }, e), s[t] = Math.max(n, 0) + 1; } decr(t) { let e = this.stacks, r = e[t] || 0; return r == 1 && this.remove(t), e[t] = Math.max(r, 1) - 1; } reconcile(t, e) { let r = this[Hi], s = this[Ui], n = true; if (!r) r = this[Hi] = [t], s = this[Ui] = [e || ""], this.toString = this.valueOf = this[Vi]; else { let o = r.indexOf(t), l = e || ""; o == -1 ? (r.push(t), s.push(l)) : s[o] != l ? s[o] = l : n = false; } n && (this[Bi] = " " + s.join(" "), this.sync()); } valueOf() { return this.string; } toString() { return this.string; } [Vi]() { return this.string + (this[Bi] || ""); } sync() { return this.dom.flagSync$(); } get stacks() { return this[Yi] || (this[Yi] = {}); } }; var pe = Symbol.for("#__init__"), Wi = Symbol.for("#__initor__"), Gi = Symbol.for("#__inited__"), dr = Symbol.for("#getRenderContext"), Jl = Symbol.for("#getDynamicContext"), Xi = Symbol(), $ = {context: null}, Qi = class { constructor(t = null) { this[pe](t); } [pe](t = null) { var e; this.stack = t && (e = t.stack) !== void 0 ? e : []; } push(t) { return this.stack.push(t); } pop(t) { return this.stack.pop(); } }, xt = new Qi(), B = class extends Map { static [pe]() { return this.prototype[Wi] = Xi, this; } constructor(t, e = null) { super(); this._ = t, this.sym = e, this[Wi] === Xi && this[Gi] && this[Gi](); } pop() { return $.context = null; } [dr](t) { let e = this.get(t); return e || this.set(t, e = new B(this._, t)), $.context = e; } [Jl](t, e) { return this[dr](t)[dr](e); } run(t) { return this.value = t, $.context == this && ($.context = null), this.get(t); } cache(t) { return this.set(this.value, t), t; } }; B[pe](); function pr(i, t = Symbol(), e = i) { return $.context = i[t] || (i[t] = new B(e, t)); } function Zl() { let i = $.context, t = i || new B(null); return globalThis.DEBUG_IMBA && !i && xt.stack.length > 0 && console.warn("detected unmemoized nodes in", xt.stack, "see https://imba.io", t), i && ($.context = null), t; } function At(i, t) { let e = Object.getOwnPropertyDescriptors(t); return delete e.constructor, Object.defineProperties(i, e), i; } function th(i) { let t; return i ? (t = i.toIterable) ? t.call(i) : i : []; } var me = Symbol.for("#parent"), Ji = Symbol.for("#closestNode"), eh = Symbol.for("#parentNode"), rh = Symbol.for("#context"), ge = Symbol.for("#__init__"), Zi = Symbol.for("##inited"), mr = Symbol.for("#getRenderContext"), ih = Symbol.for("#getDynamicContext"), ts = Symbol.for("#insertChild"), jt = Symbol.for("#appendChild"), gr = Symbol.for("#replaceChild"), es = Symbol.for("#removeChild"), Z = Symbol.for("#insertInto"), rs = Symbol.for("#insertIntoDeopt"), qt = Symbol.for("#removeFrom"), is = Symbol.for("#removeFromDeopt"), St = Symbol.for("#replaceWith"), ss = Symbol.for("#replaceWithDeopt"), yr = Symbol.for("#placeholderNode"), sh = Symbol.for("#attachToParent"), nh = Symbol.for("#detachFromParent"), oh = Symbol.for("#placeChild"), lh = Symbol.for("#beforeReconcile"), hh = Symbol.for("#afterReconcile"), uh = Symbol.for("#afterVisit"), ns = Symbol.for("#__initor__"), os = Symbol.for("#__inited__"), ls = Symbol.for("##parent"), ah = Symbol.for("##up"), hs = Symbol.for("##context"), dt = Symbol.for("#domNode"), ye = Symbol.for("##placeholderNode"), us = Symbol.for("#domDeopt"), as = Symbol.for("#isRichElement"), fs = Symbol.for("#src"), wt = Symbol.for("#htmlNodeName"), fh = Symbol.for("#getSlot"), cs = Symbol.for("#ImbaElement"), ds = Symbol.for("#cssns"), ch = Symbol.for("#cssid"), ps = Symbol(), {Event: K, UIEvent: dh, MouseEvent: _r, PointerEvent: br, KeyboardEvent: vr, CustomEvent: P, Node: I, Comment: zt, Text: _e, Element: v, HTMLElement: be, HTMLHtmlElement: ph, HTMLSelectElement: xr, HTMLInputElement: Sr, HTMLTextAreaElement: wr, HTMLButtonElement: Er, HTMLOptionElement: Tr, HTMLScriptElement: mh, SVGElement: Or, DocumentFragment: gh, ShadowRoot: yh, Document: Et, Window: _h, customElements: bh} = globalThis.window, ms = {}; function gs(i, t, e) { if (!i) return e[t] = null; if (e[t] !== void 0) return e[t]; let r = Object.getOwnPropertyDescriptor(i, t); return r !== void 0 || i == Or ? e[t] = r || null : gs(Reflect.getPrototypeOf(i), t, e); } var Nr = {}, Cr = {}, ve = {}, ys = {}; function Kt() { return globalThis.document; } function vh() { return true; } var xh = {get(i, t) { let e = i, r; for (; e && r == null; ) (e = e[me]) && (r = e[t]); return r; }, set(i, t, e) { let r = i, s; for (; r && s == null; ) { if (It(r, t, v)) return r[t] = e, true; r = r[me]; } return true; }}, _s = class { get flags() { return this.documentElement.flags; } }; At(Et.prototype, _s.prototype); var bs = class { get [me]() { return this[ls] || this.parentNode || this[ah]; } get [Ji]() { return this; } get [eh]() { return this[me][Ji]; } get [rh]() { return this[hs] || (this[hs] = new Proxy(this, xh)); } [ge]() { return this; } [Zi]() { return this; } [mr](t) { return pr(this, t); } [ih](t, e) { return this[mr](t)[mr](e); } [ts](t, e) { return t[Z](this, e); } [jt](t) { return t[Z](this, null); } [gr](t, e) { let r = this[ts](t, e); return this[es](e), r; } [es](t) { return t[qt](this); } [Z](t, e = null) { return e ? t.insertBefore(this, e) : t.appendChild(this), this; } [rs](t, e) { return e ? t.insertBefore(this[dt] || this, e) : t.appendChild(this[dt] || this), this; } [qt](t) { return t.removeChild(this); } [is](t) { return t.removeChild(this[dt] || this); } [St](t, e) { return e[gr](t, this); } [ss](t, e) { return e[gr](t, this[dt] || this); } get [yr]() { return this[ye] || (this[ye] = globalThis.document.createComment("placeholder")); } set [yr](t) { let e = this[ye]; this[ye] = t, e && e != t && e.parentNode && e[St](t); } [sh]() { let t = this[dt], e = t && t.parentNode; return t && e && t != this && (this[dt] = null, this[Z](e, t), t[qt](e)), this; } [nh]() { (this[us] != true ? (this[us] = true, true) : false) && (this[St] = this[ss], this[qt] = this[is], this[Z] = this[rs]); let t = this[yr]; return this.parentNode && t != this && (t[Z](this.parentNode, this), this[qt](this.parentNode)), this[dt] = t, this; } [oh](t, e, r) { let s = typeof t; if (s === "undefined" || t === null) { if (r && r instanceof zt) return r; let n = globalThis.document.createComment(""); return r ? r[St](n, this) : n[Z](this, null); } if (t === r) return t; if (s !== "object") { let n, o = t; return e & 128 && e & 256, r ? r instanceof _e ? (r.textContent = o, r) : (n = globalThis.document.createTextNode(o), r[St](n, this), n) : (this.appendChild(n = globalThis.document.createTextNode(o)), n); } else { if (globalThis.DEBUG_IMBA && !t[Z]) throw console.warn("Tried to insert", t, "into", this), new TypeError("Only DOM Nodes can be inserted into DOM"); return r ? r[St](t, this) : t[Z](this, null); } } }; At(I.prototype, bs.prototype); var vs = class { log(...t) { return console.log(...t), this; } emit(t, e, r = {bubbles: true, cancelable: true}) { e != null && (r.detail = e); let s = new P(t, r), n = this.dispatchEvent(s); return s; } text$(t) { return this.textContent = t, this; } [lh]() { return this; } [hh]() { return this; } [uh]() { this.render && this.render(); } get flags() { return this.$flags || (this.$flags = new Rt(this), this.flag$ == v.prototype.flag$ && (this.flags$ext = this.className), this.flagDeopt$()), this.$flags; } flag$(t) { let e = this.flags$ns; this.className = e ? e + (this.flags$ext = t) : this.flags$ext = t; } flagDeopt$() { var t = this; this.flag$ = this.flagExt$, t.flagSelf$ = function(e) { return t.flagSync$(t.flags$own = e); }; } flagExt$(t) { return this.flagSync$(this.flags$ext = t); } flagSelf$(t) { return this.flagDeopt$(), this.flagSelf$(t); } flagSync$() { return this.className = (this.flags$ns || "") + (this.flags$ext || "") + " " + (this.flags$own || "") + " " + (this.$flags || ""); } set$(t, e) { let r = It(this, t, v); !r || !r.set ? this.setAttribute(t, e) : this[t] = e; } get richValue() { return this.value; } set richValue(t) { this.value = t; } }; At(v.prototype, vs.prototype); v.prototype.setns$ = v.prototype.setAttributeNS; v.prototype[as] = true; function Sh(i, t, e, r) { let s = globalThis.document.createElement(i); return e && (s.className = e), r !== null && s.text$(r), t && t[jt] && t[jt](s), s; } var xs = class { set$(t, e) { var r; let s = ms[r = this.nodeName] || (ms[r] = {}), n = gs(this, t, s); !n || !n.set ? this.setAttribute(t, e) : this[t] = e; } flag$(t) { let e = this.flags$ns; this.setAttribute("class", e ? e + (this.flags$ext = t) : this.flags$ext = t); } flagSelf$(t) { var e = this; return e.flag$ = function(r) { return e.flagSync$(e.flags$ext = r); }, e.flagSelf$ = function(r) { return e.flagSync$(e.flags$own = r); }, e.flagSelf$(t); } flagSync$() { return this.setAttribute("class", (this.flags$ns || "") + (this.flags$ext || "") + " " + (this.flags$own || "") + " " + (this.$flags || "")); } }; At(Or.prototype, xs.prototype); var Ss = class { set src(t) { if ((this[fs] != t ? (this[fs] = t, true) : false) && t) { if (t.adoptNode) t.adoptNode(this); else if (t.content) { for (let e = t.attributes, r = 0, s = Object.keys(e), n = s.length, o, l; r < n; r++) o = s[r], l = e[o], this.setAttribute(o, l); this.innerHTML = t.content; } } } }; At(SVGSVGElement.prototype, Ss.prototype); function wh(i, t, e, r, s) { let n = globalThis.document.createElementNS("http://www.w3.org/2000/svg", i); return e && (n.className.baseVal = e), t && t[jt] && t[jt](n), r && (n.textContent = r), n; } function tt(i) { return globalThis.document.createComment(i); } function xe(i) { return globalThis.document.createTextNode(i); } function Eh() { return globalThis.document.createDocumentFragment(); } var Se = globalThis.navigator, Th = Se && Se.vendor || "", ws = Se && Se.userAgent || "", Oh = Th.indexOf("Apple") > -1 || ws.indexOf("CriOS") >= 0 || ws.indexOf("FxiOS") >= 0, we = !Oh, Es = new Map(), Ts = class extends be { connectedCallback() { return we ? this.parentNode.removeChild(this) : this.parentNode.connectedCallback(); } disconnectedCallback() { if (!we) return this.parentNode.disconnectedCallback(); } }; window.customElements.define("i-hook", Ts); function Nh(i, t) { let e = Es.get(t); if (!e) { e = {}; let r = t.prototype, s = [r]; for (; (r = r && Object.getPrototypeOf(r)) && r.constructor != i.constructor; ) s.unshift(r); for (let n = 0, o = th(s), l = o.length; n < l; n++) { let h = o[n], a = Object.getOwnPropertyDescriptors(h); Object.assign(e, a); } Es.set(t, e); } return e; } function Os(i, t, e, r, s) { let n; typeof i != "string" && i && i.nodeName && (i = i.nodeName); let o = Cr[i] || i; if (Nr[i]) { let l = Nr[i], h = l.prototype[wt]; if (h && we) n = globalThis.document.createElement(h, {is: i}); else if (l.create$ && h) { n = globalThis.document.createElement(h), n.setAttribute("is", o); let a = Nh(n, l); Object.defineProperties(n, a), n.__slots = {}, n.appendChild(globalThis.document.createElement("i-hook")); } else l.create$ ? (n = l.create$(n), n.__slots = {}) : console.warn("could not create tag " + i); } else n = globalThis.document.createElement(Cr[i] || i); return n[ls] = t, n[ge](), n[Zi](), r !== null && n[fh]("__").text$(r), (e || n.flags$ns) && n.flag$(e || ""), n; } function Ch(i, t, e, r) { if (i == null || i == null) return tt(""); if (i instanceof I) return i; if (i[as]) return i; if (typeof i == "string" || i && i.prototype instanceof I) return Os(i, t, e, r); } function Ns(i, t) { if (ve[i]) return ve[i]; if (window[t]) return window[t]; if (window[i]) return window[i]; } function $h(i, t, e) { let r = Ns(i, t); if (!(r == e || r.prototype instanceof e || r.prototype[wt])) { let n = r.prototype[cs]; if (!n) { n = class extends r { static [ge]() { return this.prototype[ns] = ps, this; } constructor() { super(...arguments); this.__slots = {}, this.__F = 0, this[ns] === ps && this[os] && this[os](); } }[ge](), r.prototype[cs] = n; let o = Object.getOwnPropertyDescriptors(e.prototype); Object.defineProperties(n.prototype, o), n.prototype[wt] = i; } return n; } return r; } function Ph(i, t, e = {}) { ve[i] = ys[i] = t, t.nodeName = i; let r = i, s = t.prototype; if (i.indexOf("-") == -1 && (r = "" + i + "-tag", Cr[i] = r), e.cssns) { let n = (s._ns_ || s[ds] || "") + " " + (e.cssns || ""); s._ns_ = n.trim() + " ", s[ds] = e.cssns; } if (e.cssid) { let n = (s.flags$ns || "") + " " + e.cssid; s[ch] = e.cssid, s.flags$ns = n.trim() + " "; } return s[wt] && !e.extends && (e.extends = s[wt]), e.extends ? (s[wt] = e.extends, Nr[i] = t, we && window.customElements.define(r, t, {extends: e.extends})) : window.customElements.define(r, t), t; } var kh = globalThis.imba || (globalThis.imba = {}); kh.document = globalThis.document; function $r(i) { let t; return i ? (t = i.toIterable) ? t.call(i) : i : []; } function Lh(i, t) { let e = Object.getOwnPropertyDescriptors(t); return delete e.constructor, Object.defineProperties(i, e), i; } var Ee = Symbol.for("#parent"), Cs = Symbol.for("#closestNode"), Mh = Symbol.for("#isRichElement"), Fh = Symbol.for("#afterVisit"), $s = Symbol.for("#__initor__"), Ps = Symbol.for("#__inited__"), ks = Symbol.for("#appendChild"), Ls = Symbol.for("#removeChild"), et = Symbol.for("#insertInto"), Te = Symbol.for("#replaceWith"), Ms = Symbol.for("#insertChild"), Oe = Symbol.for("#removeFrom"), Fs = Symbol.for("#placeChild"), Is = Symbol.for("#__init__"), Ih = Symbol.for("#registerFunctionalSlot"), Dh = Symbol.for("#getFunctionalSlot"), Ds = Symbol.for("#getSlot"), Pr = Symbol.for("##parent"), Ne = Symbol.for("##up"), Rs = Symbol.for("##flags"), Rh = Symbol.for("#domFlags"), V = Symbol.for("#end"), As = Symbol.for("#textContent"), Ce = Symbol.for("#textNode"), kr = Symbol.for("#functionalSlots"), js = Symbol(); function Ah() { return true; } var st = class { constructor() { this.childNodes = []; } log(...t) { } hasChildNodes() { return false; } set [Ee](t) { this[Pr] = t; } get [Ee]() { return this[Pr] || this[Ne]; } get [Cs]() { return this[Ee][Cs]; } get [Mh]() { return true; } get flags() { return this[Rs] || (this[Rs] = new Rt(this)); } flagSync$() { return this; } [Fh]() { return this; } }, jh = 0, $e = class extends st { static [Is]() { return this.prototype[$s] = js, this; } constructor(t, e) { super(...arguments); this[Ne] = e, this.parentNode = null, this[Rh] = t, this.childNodes = [], this[V] = tt("slot" + jh++), e && e[ks](this), this[$s] === js && this[Ps] && this[Ps](); } get [Ee]() { return this[Pr] || this.parentNode || this[Ne]; } set textContent(t) { this[As] = t; } get textContent() { return this[As]; } hasChildNodes() { for (let t = 0, e = $r(this.childNodes), r = e.length; t < r; t++) { let s = e[t]; if (s instanceof st && s.hasChildNodes()) return true; if (!(s instanceof zt)) { if (s instanceof I) return true; } } return false; } text$(t) { return this[Ce] ? this[Ce].textContent = t : this[Ce] = this[Fs](t), this[Ce]; } appendChild(t) { return this.parentNode && t[et](this.parentNode, this[V]), this.childNodes.push(t); } [ks](t) { return this.parentNode && t[et](this.parentNode, this[V]), this.childNodes.push(t); } insertBefore(t, e) { this.parentNode && this.parentNode[Ms](t, e); let r = this.childNodes.indexOf(e); return r >= 0 && this.childNodes.splice(r, 0, t), t; } [Ls](t) { this.parentNode && this.parentNode[Ls](t); let e = this.childNodes.indexOf(t); e >= 0 && this.childNodes.splice(e, 1); } [et](t, e) { let r = this.parentNode; if (this.parentNode != t ? (this.parentNode = t, true) : false) { this[V] && (e = this[V][et](t, e)); for (let s = 0, n = $r(this.childNodes), o = n.length; s < o; s++) n[s][et](t, e); } return this; } [Te](t, e) { let r = t[et](e, this[V]); return this[Oe](e), r; } [Ms](t, e) { if (this.parentNode && this.insertBefore(t, e || this[V]), e) { let r = this.childNodes.indexOf(e); r >= 0 && this.childNodes.splice(r, 0, t); } else this.childNodes.push(t); return t; } [Oe](t) { for (let e = 0, r = $r(this.childNodes), s = r.length; e < s; e++) r[e][Oe](t); return this[V] && this[V][Oe](t), this.parentNode = null, this; } [Fs](t, e, r) { let s = this.parentNode, n = typeof t; if (n === "undefined" || t === null) { if (r && r instanceof zt) return r; let o = tt(""); if (r) { let l = this.childNodes.indexOf(r); return this.childNodes.splice(l, 1, o), s && r[Te](o, s), o; } return this.childNodes.push(o), s && o[et](s, this[V]), o; } if (t === r) return t; if (n !== "object") { let o, l = t; if (r) { if (r instanceof _e) return r.textContent = l, r; { o = xe(l); let h = this.childNodes.indexOf(r); return this.childNodes.splice(h, 1, o), s && r[Te](o, s), o; } } else return this.childNodes.push(o = xe(l)), s && o[et](s, this[V]), o; } else if (r) { let o = this.childNodes.indexOf(r); return this.childNodes.splice(o, 1, t), s && r[Te](t, s), t; } else return this.childNodes.push(t), s && t[et](s, this[V]), t; } }; $e[Is](); function qh(i, t) { return new $e(i, t); } function Vt(i, t) { let e = new $e(i, null); return e[Ne] = t, e; } var qs = class { [Ih](t) { let e = this[kr] || (this[kr] = {}); return e[t] || (e[t] = Vt(0, this)); } [Dh](t, e) { let r = this[kr]; return r && r[t] || this[Ds](t, e); } [Ds](t, e) { var r; return t == "__" && !this.render ? this : (r = this.__slots)[t] || (r[t] = Vt(0, this)); } }; Lh(I.prototype, qs.prototype); function zh(i) { let t; return i ? (t = i.toIterable) ? t.call(i) : i : []; } var Kh = Symbol.for("#afterVisit"), Pe = Symbol.for("#insertInto"), zs = Symbol.for("#appendChild"), Vh = Symbol.for("#replaceWith"), Lr = Symbol.for("#removeFrom"), Ks = Symbol.for("#__initor__"), Vs = Symbol.for("#__inited__"), Hs = Symbol.for("#__init__"), Hh = Symbol.for("#domFlags"), Uh = Symbol.for("##parent"), nt = Symbol.for("#end"), Bh = Symbol.for("#removeChild"), Yh = Symbol.for("#insertChild"), Us = Symbol(), Mr = class extends st { static [Hs]() { return this.prototype[Ks] = Us, this; } constructor(t, e) { super(...arguments); this[Hh] = t, this[Uh] = e, t & 256 || (this[nt] = tt("list")), this.$ = this.childNodes, this.length = 0, e && e[zs](this), this[Ks] === Us && this[Vs] && this[Vs](); } hasChildNodes() { return this.length != 0; } [Kh](t) { let e = this.length; if (this.length = t, e == t) return; let r = this.parentNode; if (!r) return; let s = this.childNodes, n = this[nt]; if (e > t) for (; e > t; ) r[Bh](s[--e]); else if (t > e) for (; t > e; ) r[Yh](s[e++], n); this.length = t; } [Pe](t, e) { this.parentNode = t, this[nt] && this[nt][Pe](t, e), e = this[nt]; for (let r = 0, s = zh(this.childNodes), n = s.length; r < n; r++) { let o = s[r]; if (r == this.length) break; o[Pe](t, e); } return this; } [zs](t) { } [Vh](t, e) { let r = t[Pe](e, this[nt]); return this[Lr](e), r; } [Lr](t) { let e = this.length; for (; e > 0; ) this.childNodes[--e][Lr](t); this[nt] && t.removeChild(this[nt]), this.parentNode = null; } }; Mr[Hs](); function Wh(i, t) { return new Mr(i, t); } function Bs(i) { let t; return i ? (t = i.toIterable) ? t.call(i) : i : []; } var Fr = Symbol.for("#appendChild"), ke = Symbol.for("#insertChild"), Gh = Symbol.for("#replaceWith"), Le = Symbol.for("#insertInto"), Ir = Symbol.for("#removeFrom"), Xh = Symbol.for("#afterVisit"), Ys = Symbol.for("#__initor__"), Ws = Symbol.for("#__inited__"), Gs = Symbol.for("#__init__"), Me = Symbol.for("#domFlags"), Xs = Symbol.for("##parent"), ot = Symbol.for("#end"), Qs = Symbol.for("#removeChild"), Js = Symbol(), Dr = class extends st { static [Gs]() { return this.prototype[Ys] = Js, this; } constructor(t, e) { super(...arguments); this[Me] = t, this[Xs] = e, this.changes = new Map(), this.dirty = false, this.array = this.childNodes, this.$ = new B(this, Symbol()), t & 256 || (this[ot] = tt("map")), e && e[Fr](this), this[Ys] === Js && this[Ws] && this[Ws](); } [Fr](t) { if (this.parentNode) return this.parentNode[ke](t, this[ot]); } hasChildNodes() { return this.childNodes.length != 0; } push(t, e) { if (!(this[Me] & 1)) { this.array.push(t), this[Fr](t); return; } let r = this.array[e]; if (r !== t) { this.dirty = true; let s = this.array.indexOf(t), n = this.changes.get(t); s === -1 ? (this.array.splice(e, 0, t), this.insertChild(t, e, s)) : s === e + 1 ? (r && this.changes.set(r, -1), this.array.splice(e, 1)) : (s >= 0 && this.array.splice(s, 1), this.array.splice(e, 0, t), this.moveChild(t, e, s)), n == -1 && this.changes.delete(t); } } insertChild(t, e, r) { let s = this.parentNode; if (!!s) if (e > 0) { let n = this.array[e - 1]; s[ke](t, n.nextSibling); } else s[ke](t, this.childNodes[e + 1] || this[ot]); } moveChild(t, e, r) { return this.insertChild(t, e, r); } removeChild(t, e) { t.parentNode && t[Ir](t.parentNode); } [ke](t, e) { } [Gh](t, e) { let r = t[Le](e, this[ot]); return this[Ir](e), r; } [Le](t, e) { this[Xs] = t; let r = this.parentNode; if (t != r) { this.parentNode = t; for (let s = 0, n = Bs(this.array), o = n.length; s < o; s++) n[s][Le](t, e); this[ot] && this[ot][Le](t, e); } return this; } [Ir](t) { for (let e = 0, r = Bs(this.array), s = r.length; e < s; e++) { let n = r[e]; t[Qs](n); } return this[ot] && t[Qs](this[ot]), this.parentNode = null; } [Xh](t) { var e = this; if (!(this[Me] & 1)) { this[Me] |= 1; return; } if (this.dirty && (e.changes.forEach(function(r, s) { if (r == -1) return e.removeChild(s); }), e.changes.clear(), e.dirty = false), e.array.length > t) for (; e.array.length > t; ) { let r = e.array.pop(); e.removeChild(r); } } }; Dr[Gs](); function Qh(i, t) { return new Dr(i, t); } var Tt = Symbol.for("#__init__"), Zs = Symbol.for("#__initor__"), tn = Symbol.for("#__inited__"), Jh = Symbol.for("##inited"), Zh = Symbol.for("#afterVisit"), tu = Symbol.for("#beforeReconcile"), eu = Symbol.for("#afterReconcile"), en = Symbol.for("#__hooks__"), Ot = Symbol.for("#autorender"), rn = Symbol(), sn = new class { constructor(i = null) { this[Tt](i); } [Tt](i = null) { var t; this.items = i && (t = i.items) !== void 0 ? t : [], this.current = i && (t = i.current) !== void 0 ? t : null, this.lastQueued = i && (t = i.lastQueued) !== void 0 ? t : null, this.tests = i && (t = i.tests) !== void 0 ? t : 0; } flush() { let i = null; for (; i = this.items.shift(); ) { if (!i.parentNode || i.hydrated\u03A6) continue; let t = this.current; this.current = i, i.__F |= 1024, i.connectedCallback(), this.current = t; } } queue(i) { var t = this; let e = this.items.length, r = 0, s = this.lastQueued; this.lastQueued = i; let n = I.DOCUMENT_POSITION_PRECEDING, o = I.DOCUMENT_POSITION_FOLLOWING; if (e) { let l = this.items.indexOf(s), h = l, a = function(u, d) { return t.tests++, u.compareDocumentPosition(d); }; (l == -1 || s.nodeName != i.nodeName) && (h = l = 0); let c = t.items[h]; for (; c && a(c, i) & o; ) c = t.items[++h]; if (h != l) c ? t.items.splice(h, 0, i) : t.items.push(i); else { for (; c && a(c, i) & n; ) c = t.items[--h]; h != l && (c ? t.items.splice(h + 1, 0, i) : t.items.unshift(i)); } } else t.items.push(i), t.current || globalThis.queueMicrotask(t.flush.bind(t)); } }(); function ru() { return sn.flush(); } var Nt = class extends be { static [Tt]() { return this.prototype[Zs] = rn, this; } constructor() { super(); this.flags$ns && (this.flag$ = this.flagExt$), this.setup$(), this.build(), this[Zs] === rn && this[tn] && this[tn](); } setup$() { return this.__slots = {}, this.__F = 0; } [Tt]() { return this.__F |= 1 | 2, this; } [Jh]() { if (this[en]) return this[en].inited(this); } flag$(t) { this.className = this.flags$ext = t; } build() { return this; } awaken() { return this; } mount() { return this; } unmount() { return this; } rendered() { return this; } dehydrate() { return this; } hydrate() { return this.autoschedule = true, this; } tick() { return this.commit(); } visit() { return this.commit(); } commit() { return this.render\u03A6 ? (this.__F |= 256, this.render && this.render(), this.rendered(), this.__F = (this.__F | 512) & ~256 & ~8192) : (this.__F |= 8192, this); } get autoschedule() { return (this.__F & 64)