@deijose/nix-ionic 0.2.0 → 0.3.1

package/dist/index.js

@@ -0,0 +1,2602 @@
+import { _ as qt, a as Jt, c as W$1, d as e$2, f as f$7, g as q$1, h as o$4, i as It, l as Zn, m as n$2, n as Dn, o as P$1, r as I$1, s as Pt, t as Ct, v as s$3, y as u$7 } from "./p-BJoMtgfR-DP5flT_f.js";
+import { n as o$5 } from "./p-ZjP4CjeZ-iNpKbiw2.js";
+import { r as r$3, t as v$6 } from "./p-9VcRUwdB-BZDASSRz.js";
+import { a as e$3, l as s$4, o as h$7, t as _$1, u as t$5 } from "./p-DgbT0exM-Bjp0vDlM.js";
+import "./p-CBzELu-H-bk38lWXh.js";
+import "./p-CU1SSH8_-1VQUU8Zi.js";
+import "./p-Cl0B-RWe-CaQPWG_o.js";
+import { t as o$6 } from "./p-vEbVo2hO-CpCOqZ3z.js";
+import { NixComponent, signal, watch } from "@deijose/nix-js";
+//#region src/lifecycle.ts
+/**
+* ionic-nix/lifecycle.ts
+*
+* Sistema de ciclo de vida de navegación, análogo a los hooks de Ionic:
+*   ionViewWillEnter / ionViewDidEnter / ionViewWillLeave / ionViewDidLeave
+*
+* Cómo funciona (sin provide/inject):
+*   1. IonRouterOutlet crea un `PageLifecycle` por cada ruta.
+*   2. Lo pasa directamente al factory de la ruta como argumento.
+*   3. El factory llama a `new MiPagina(lc)` o `MiPagina(lc)`.
+*   4. IonPage/composables registran watchers sobre las señales del lc.
+*   5. Cuando el router navega, incrementa las señales → watchers se disparan.
+*/
+/** Crea un nuevo PageLifecycle con señales en 0. */
+function createPageLifecycle() {
+	return {
+		willEnter: signal(0),
+		didEnter: signal(0),
+		willLeave: signal(0),
+		didLeave: signal(0)
+	};
+}
+var IonPage = class extends NixComponent {
+	__lc;
+	constructor(lc) {
+		super();
+		this.__lc = lc;
+	}
+	onInit() {
+		const lc = this.__lc;
+		if (this.ionViewWillEnter) watch(lc.willEnter, this.ionViewWillEnter.bind(this));
+		if (this.ionViewDidEnter) watch(lc.didEnter, this.ionViewDidEnter.bind(this));
+		if (this.ionViewWillLeave) watch(lc.willLeave, this.ionViewWillLeave.bind(this));
+		if (this.ionViewDidLeave) watch(lc.didLeave, this.ionViewDidLeave.bind(this));
+	}
+};
+function useIonViewWillEnter(lc, fn) {
+	watch(lc.willEnter, fn);
+}
+function useIonViewDidEnter(lc, fn) {
+	watch(lc.didEnter, fn);
+}
+function useIonViewWillLeave(lc, fn) {
+	watch(lc.willLeave, fn);
+}
+function useIonViewDidLeave(lc, fn) {
+	watch(lc.didLeave, fn);
+}
+//#endregion
+//#region node_modules/@ionic/core/components/p-hHmYLOfE.js
+/*!
+* (C) Ionic http://ionicframework.com - MIT License
+*/
+var t$4 = (t, M, r, n, e) => h$6(t[1], M[1], r[1], n[1], e).map(((h) => a$3(t[0], M[0], r[0], n[0], h))), a$3 = (t, a, h, M, r) => r * (3 * a * Math.pow(r - 1, 2) + r * (-3 * h * r + 3 * h + M * r)) - t * Math.pow(r - 1, 3), h$6 = (t, a, h, r, n) => M$2((r -= n) - 3 * (h -= n) + 3 * (a -= n) - (t -= n), 3 * h - 6 * a + 3 * t, 3 * a - 3 * t, t).filter(((t) => t >= 0 && t <= 1)), M$2 = (t, a, h, M) => {
+	if (0 === t) return ((t, a, h) => {
+		const M = a * a - 4 * t * h;
+		return M < 0 ? [] : [(-a + Math.sqrt(M)) / (2 * t), (-a - Math.sqrt(M)) / (2 * t)];
+	})(a, h, M);
+	const r = (3 * (h /= t) - (a /= t) * a) / 3, n = (2 * a * a * a - 9 * a * h + 27 * (M /= t)) / 27;
+	if (0 === r) return [Math.pow(-n, 1 / 3)];
+	if (0 === n) return [Math.sqrt(-r), -Math.sqrt(-r)];
+	const e = Math.pow(n / 2, 2) + Math.pow(r / 3, 3);
+	if (0 === e) return [Math.pow(n / 2, .5) - a / 3];
+	if (e > 0) return [Math.pow(-n / 2 + Math.sqrt(e), 1 / 3) - Math.pow(n / 2 + Math.sqrt(e), 1 / 3) - a / 3];
+	const u = Math.sqrt(Math.pow(-r / 3, 3)), o = Math.acos(-n / (2 * Math.sqrt(Math.pow(-r / 3, 3)))), s = 2 * Math.pow(u, 1 / 3);
+	return [
+		s * Math.cos(o / 3) - a / 3,
+		s * Math.cos((o + 2 * Math.PI) / 3) - a / 3,
+		s * Math.cos((o + 4 * Math.PI) / 3) - a / 3
+	];
+};
+//#endregion
+//#region node_modules/@ionic/core/components/p-CDfQnFrd.js
+/*!
+* (C) Ionic http://ionicframework.com - MIT License
+*/
+var a$2 = (o) => l$6(o), s$2 = (o, i) => ("string" == typeof o && (i = o, o = void 0), a$2(o).includes(i)), l$6 = (o = window) => {
+	if (void 0 === o) return [];
+	o.Ionic = o.Ionic || {};
+	let i = o.Ionic.platforms;
+	return i ?? (i = o.Ionic.platforms = c$5(o), i.forEach(((i) => o.document.documentElement.classList.add(`plt-${i}`)))), i;
+}, c$5 = (i) => {
+	const t = n$2.get("platform");
+	return Object.keys(j$3).filter(((o) => {
+		const n = null == t ? void 0 : t[o];
+		return "function" == typeof n ? n(i) : j$3[o](i);
+	}));
+}, u$6 = (o) => !!h$5(o, /iPad/i) || !(!h$5(o, /Macintosh/i) || !m$6(o)), p$6 = (o) => h$5(o, /android|sink/i), m$6 = (o) => w$4(o, "(any-pointer:coarse)"), f$6 = (o) => v$5(o) || b$4(o), v$5 = (o) => !!(o.cordova || o.phonegap || o.PhoneGap), b$4 = (o) => {
+	const i = o.Capacitor;
+	return !!((null == i ? void 0 : i.isNative) || (null == i ? void 0 : i.isNativePlatform) && i.isNativePlatform());
+}, h$5 = (o, i) => i.test(o.navigator.userAgent), w$4 = (o, i) => {
+	var t;
+	return null === (t = o.matchMedia) || void 0 === t ? void 0 : t.call(o, i).matches;
+}, j$3 = {
+	ipad: u$6,
+	iphone: (o) => h$5(o, /iPhone/i),
+	ios: (o) => h$5(o, /iPhone|iPod/i) || u$6(o),
+	android: p$6,
+	phablet: (o) => {
+		const i = o.innerWidth, t = o.innerHeight, n = Math.min(i, t), e = Math.max(i, t);
+		return n > 390 && n < 520 && e > 620 && e < 800;
+	},
+	tablet: (o) => {
+		const i = o.innerWidth, t = o.innerHeight, n = Math.min(i, t), e = Math.max(i, t);
+		return u$6(o) || ((o) => p$6(o) && !h$5(o, /mobile/i))(o) || n > 460 && n < 820 && e > 780 && e < 1400;
+	},
+	cordova: v$5,
+	capacitor: b$4,
+	electron: (o) => h$5(o, /electron/i),
+	pwa: (o) => {
+		var i;
+		return !(!(null === (i = o.matchMedia) || void 0 === i ? void 0 : i.call(o, "(display-mode: standalone)").matches) && !o.navigator.standalone);
+	},
+	mobile: m$6,
+	mobileweb: (o) => m$6(o) && !f$6(o),
+	desktop: (o) => !m$6(o),
+	hybrid: f$6
+};
+var O$2;
+var g$5 = (o) => o && qt(o) || O$2, y$3 = (e = {}) => {
+	if ("undefined" == typeof window) return;
+	const a = window.document, c = window, u = c.Ionic = c.Ionic || {}, p = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, e$2(c)), { persistConfig: !1 }), u.config), s$3(c)), e);
+	n$2.reset(p), n$2.getBoolean("persistConfig") && o$4(c, p), l$6(c), u.config = n$2, u.mode = O$2 = n$2.get("mode", a.documentElement.getAttribute("mode") || (s$2(c, "ios") ? "ios" : "md")), n$2.set("mode", O$2), a.documentElement.setAttribute("mode", O$2), a.documentElement.classList.add(O$2), n$2.getBoolean("_testing") && n$2.set("animated", !1);
+	const m = (o) => {
+		var i;
+		return null === (i = o.tagName) || void 0 === i ? void 0 : i.startsWith("ION-");
+	}, f = (o) => ["ios", "md"].includes(o);
+	Pt(((o) => {
+		for (; o;) {
+			const i = o.mode || o.getAttribute("mode");
+			if (i) {
+				if (f(i)) return i;
+				m(o) && u$7("Invalid ionic mode: \"" + i + "\", expected: \"ios\" or \"md\"");
+			}
+			o = o.parentElement;
+		}
+		return O$2;
+	}));
+}, n$1 = (n, o) => null !== o.closest(n), o$3 = (n, o) => "string" == typeof n && n.length > 0 ? Object.assign({
+	"ion-color": !0,
+	[`ion-color-${n}`]: !0
+}, o) : o, t$3 = /^[a-z][a-z0-9+\-.]*:/, l$5 = async (n, o, r, l) => {
+	if (null != n && "#" !== n[0] && !t$3.test(n)) {
+		const t = document.querySelector("ion-router");
+		if (t) return o?.preventDefault(), t.push(n, r, l);
+	}
+	return !1;
+}, o$2 = (t) => r$3().duration(t ? 400 : 300), i$2 = (t) => {
+	let e, n;
+	const r = t.width + 8, i = r$3(), u = r$3();
+	t.isEndSide ? (e = r + "px", n = "0px") : (e = -r + "px", n = "0px"), i.addElement(t.menuInnerEl).fromTo("transform", `translateX(${e})`, `translateX(${n})`);
+	const c = "ios" === g$5(t), p = c ? .2 : .25;
+	return u.addElement(t.backdropEl).fromTo("opacity", .01, p), o$2(c).addAnimation([i, u]);
+}, u$5 = (t) => {
+	let e, n;
+	const r = g$5(t), i = t.width;
+	t.isEndSide ? (e = -i + "px", n = i + "px") : (e = i + "px", n = -i + "px");
+	const u = r$3().addElement(t.menuInnerEl).fromTo("transform", `translateX(${n})`, "translateX(0px)"), c = r$3().addElement(t.contentEl).fromTo("transform", "translateX(0px)", `translateX(${e})`), p = r$3().addElement(t.backdropEl).fromTo("opacity", .01, .32);
+	return o$2("ios" === r).addAnimation([
+		u,
+		c,
+		p
+	]);
+}, c$4 = (t) => {
+	const e = g$5(t), n = t.width * (t.isEndSide ? -1 : 1) + "px", r = r$3().addElement(t.contentEl).fromTo("transform", "translateX(0px)", `translateX(${n})`);
+	return o$2("ios" === e).addAnimation(r);
+};
+(() => {
+	const s = /* @__PURE__ */ new Map(), a = [], o = async (t, e = !1) => {
+		if (await d(), "start" === t || "end" === t) {
+			const r = a.filter(((e) => e.side === t && !e.disabled));
+			if (r.length >= 1) return r.length > 1 && e && u$7(`menuController queried for a menu on the "${t}" side, but ${r.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, r.map(((t) => t.el))), r[0].el;
+			const s = a.filter(((e) => e.side === t));
+			if (s.length >= 1) return s.length > 1 && e && u$7(`menuController queried for a menu on the "${t}" side, but ${s.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, s.map(((t) => t.el))), s[0].el;
+		} else if (null != t) return w(((e) => e.menuId === t));
+		return w(((t) => !t.disabled)) || (a.length > 0 ? a[0].el : void 0);
+	}, p = async () => (await d(), m()), f = (t, e) => {
+		s.set(t, e);
+	}, m = () => w(((t) => t._isOpen)), l = () => a.some(((t) => t.isAnimating)), w = (t) => {
+		const e = a.find(t);
+		if (void 0 !== e) return e.el;
+	}, d = () => Promise.all(Array.from(document.querySelectorAll("ion-menu")).map(((t) => new Promise(((e) => e$3(t, e))))));
+	return f("reveal", c$4), f("push", u$5), f("overlay", i$2), o$5?.addEventListener("ionBackButton", ((t) => {
+		const n = m();
+		n && t.detail.register(99, (() => n.close()));
+	})), {
+		registerAnimation: f,
+		get: o,
+		getMenus: async () => (await d(), a.map(((t) => t.el))),
+		getOpen: p,
+		isEnabled: async (t) => {
+			const e = await o(t);
+			return !!e && !e.disabled;
+		},
+		swipeGesture: async (t, e) => {
+			const n = await o(e);
+			return n && (n.swipeGesture = t), n;
+		},
+		isAnimating: async () => (await d(), l()),
+		isOpen: async (t) => {
+			if (null != t) {
+				const e = await o(t);
+				return void 0 !== e && e.isOpen();
+			}
+			return void 0 !== await p();
+		},
+		enable: async (t, e) => {
+			const n = await o(e);
+			return n && (n.disabled = !t), n;
+		},
+		toggle: async (t) => {
+			const e = await o(t, !0);
+			return !!e && e.toggle();
+		},
+		close: async (t) => {
+			const e = await (void 0 !== t ? o(t, !0) : p());
+			return void 0 !== e && e.close();
+		},
+		open: async (t) => {
+			const e = await o(t, !0);
+			return !!e && e.open();
+		},
+		_getOpenSync: m,
+		_createAnimation: (t, e) => {
+			const n = s.get(t);
+			if (!n) throw new Error("animation not registered");
+			return n(e);
+		},
+		_register: (t) => {
+			a.indexOf(t) < 0 && a.push(t);
+		},
+		_unregister: (t) => {
+			const e = a.indexOf(t);
+			e > -1 && a.splice(e, 1);
+		},
+		_setOpen: async (t, e, n, r) => {
+			if (l()) return !1;
+			if (e) {
+				const e = await p();
+				e && t.el !== e && await e.setOpen(!1, !1);
+			}
+			return t._setOpen(e, n, r);
+		}
+	};
+})();
+//#endregion
+//#region node_modules/@ionic/core/components/p-BR3tZJmu.js
+/*!
+* (C) Ionic http://ionicframework.com - MIT License
+*/
+var o$1 = async (o, t, i, n, r, s) => {
+	var a;
+	if (o) return o.attachViewToDom(t, i, r, n);
+	if (!(s || "string" == typeof i || i instanceof HTMLElement)) throw new Error("framework delegate is missing");
+	const c = "string" == typeof i ? null === (a = t.ownerDocument) || void 0 === a ? void 0 : a.createElement(i) : i;
+	return n && n.forEach(((e) => c.classList.add(e))), r && Object.assign(c, r), t.appendChild(c), await new Promise(((o) => e$3(c, o))), c;
+}, t$2 = (e, o) => {
+	if (o) {
+		if (e) return e.removeViewFromDom(o.parentElement, o);
+		o.remove();
+	}
+	return Promise.resolve();
+}, T$1 = (n) => ({
+	create: (o) => S$1(n, o),
+	dismiss: (o, e, t) => E$1(document, o, e, n, t),
+	getTop: async () => V(document, n)
+});
+T$1("ion-alert");
+T$1("ion-action-sheet");
+T$1("ion-loading");
+T$1("ion-modal");
+T$1("ion-picker-legacy");
+T$1("ion-popover");
+T$1("ion-toast");
+var S$1 = (n, o) => "undefined" != typeof window && void 0 !== window.customElements ? window.customElements.whenDefined(n).then((() => {
+	const t = document.createElement(n);
+	return t.classList.add("overlay-hidden"), Object.assign(t, Object.assign(Object.assign({}, o), { hasController: !0 })), L$1(document).appendChild(t), new Promise(((n) => e$3(t, n)));
+})) : Promise.resolve(), E$1 = (n, o, e, t, i) => {
+	const a = V(n, t, i);
+	return a ? a.dismiss(o, e) : Promise.reject("overlay does not exist");
+}, F = (n, o) => ((n, o) => (void 0 === o && (o = "ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover,ion-toast"), Array.from(n.querySelectorAll(o)).filter(((n) => n.overlayIndex > 0))))(n, o).filter(((n) => !n.classList.contains("overlay-hidden"))), V = (n, o, e) => {
+	const t = F(n, o);
+	return (void 0 === e ? t : t.filter(((n) => n.id === e))).slice(-1)[0];
+}, L$1 = (n) => n.querySelector("ion-app") || n.body, d$3 = Dn(class extends I$1 {
+	constructor(t) {
+		super(), !1 !== t && this.__registerHost();
+	}
+	componentDidLoad() {
+		this.rIC((async () => {
+			const t = s$2(window, "hybrid");
+			if (n$2.getBoolean("_testing") || import("./p-BgwEQWW6-DIo2-ASC.js").then(((t) => t.startTapClick(n$2))), n$2.getBoolean("statusTap", t) && import("./p-CneGxKsZ-DghQx9uV.js").then(((t) => t.startStatusTap())), n$2.getBoolean("inputShims", m$5())) {
+				const t = s$2(window, "ios") ? "ios" : "android";
+				import("./p-Cwv-vmkN-CEJtqyzO.js").then(((e) => e.startInputShims(n$2, t)));
+			}
+			const e = await import("./p-vEbVo2hO-CpCOqZ3z.js").then((n) => n.n), i = t || o$6();
+			n$2.getBoolean("hardwareBackButton", i) ? e.startHardwareBackButton() : (o$6() && u$7("[ion-app] - experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used."), e.blockHardwareBackButton()), "undefined" != typeof window && import("./p-D6Ynv7Xh-bzjdXLwD.js").then(((t) => t.startKeyboardAssist(window))), import("./p-BmVRXR1y-t-R4bYc1.js").then(((t) => this.focusVisible = t.startFocusVisible()));
+		}));
+	}
+	disconnectedCallback() {
+		this.loadTimeout && clearTimeout(this.loadTimeout);
+	}
+	async setFocus(t) {
+		this.focusVisible && this.focusVisible.setFocus(t);
+	}
+	rIC(t) {
+		"requestIdleCallback" in window ? window.requestIdleCallback(t) : this.loadTimeout = setTimeout(t, 32);
+	}
+	render() {
+		return Ct(It, {
+			key: "77a7459d3e42b3715a5a7e1cf468e2ebc99e54bb",
+			class: {
+				[g$5(this)]: !0,
+				"ion-page": !0,
+				"force-statusbar-padding": n$2.getBoolean("_forceStatusbarPadding")
+			}
+		});
+	}
+	get el() {
+		return this;
+	}
+	static get style() {
+		return "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
+	}
+}, [
+	0,
+	"ion-app",
+	{ setFocus: [64] }
+]), m$5 = () => !(!s$2(window, "ios") || !s$2(window, "mobile")) || !(!s$2(window, "android") || !s$2(window, "mobileweb")), l$4 = function() {
+	"undefined" != typeof customElements && ["ion-app"].forEach(((t) => {
+		"ion-app" === t && (customElements.get(Zn(t)) || customElements.define(Zn(t), d$3));
+	}));
+};
+//#endregion
+//#region node_modules/@ionic/core/components/ion-router.js
+/*!
+* (C) Ionic http://ionicframework.com - MIT License
+*/
+var c$3 = "root", u$3 = "forward", h$3 = (t) => "/" + t.filter(((t) => t.length > 0)).join("/"), l$3 = (t) => {
+	let n, o = [""];
+	if (null != t) {
+		const e = t.indexOf("?");
+		e > -1 && (n = t.substring(e + 1), t = t.substring(0, e)), o = t.split("/").map(((t) => t.trim())).filter(((t) => t.length > 0)), 0 === o.length && (o = [""]);
+	}
+	return {
+		segments: o,
+		queryString: n
+	};
+}, f$4 = async (n, o, e, r, s = !1, a) => {
+	try {
+		const t = w$2(n);
+		if (r >= o.length || !t) return s;
+		await new Promise(((n) => e$3(t, n)));
+		const u = o[r], h = await t.setRouteId(u.id, u.params, e, a);
+		return h.changed && (e = c$3, s = !0), s = await f$4(h.element, o, e, r + 1, s, a), h.markVisible && await h.markVisible(), s;
+	} catch (n) {
+		return f$7("[ion-router] - Exception in writeNavState:", n), !1;
+	}
+}, d$2 = ":not([no-router]) ion-nav, :not([no-router]) ion-tabs, :not([no-router]) ion-router-outlet", w$2 = (t) => {
+	if (!t) return;
+	if (t.matches(d$2)) return t;
+	const n = t.querySelector(d$2);
+	return null != n ? n : void 0;
+}, m$4 = (t, n) => n.find(((n) => ((t, n) => {
+	const { from: o, to: e } = n;
+	if (void 0 === e) return !1;
+	if (o.length > t.length) return !1;
+	for (let n = 0; n < o.length; n++) {
+		const e = o[n];
+		if ("*" === e) return !0;
+		if (e !== t[n]) return !1;
+	}
+	return o.length === t.length;
+})(t, n))), p$4 = (t, n) => {
+	const o = Math.min(t.length, n.length);
+	let e = 0;
+	for (let r = 0; r < o; r++) {
+		const o = t[r], s = n[r];
+		if (o.id.toLowerCase() !== s.id) break;
+		if (o.params) {
+			const t = Object.keys(o.params);
+			if (t.length === s.segments.length) {
+				const n = t.map(((t) => ":" + t));
+				for (let t = 0; t < n.length && n[t].toLowerCase() === s.segments[t]; t++) e++;
+			}
+		}
+		e++;
+	}
+	return e;
+}, g$3 = (t, n) => {
+	const o = new R(t);
+	let e, r = !1;
+	for (let t = 0; t < n.length; t++) {
+		const s = n[t].segments;
+		if ("" === s[0]) r = !0;
+		else {
+			for (const n of s) {
+				const r = o.next();
+				if (":" === n[0]) {
+					if ("" === r) return null;
+					e = e || [], (e[t] || (e[t] = {}))[n.slice(1)] = r;
+				} else if (r !== n) return null;
+			}
+			r = !1;
+		}
+	}
+	return r && r !== ("" === o.next()) ? null : e ? n.map(((t, n) => ({
+		id: t.id,
+		segments: t.segments,
+		params: v$3(t.params, e[n]),
+		beforeEnter: t.beforeEnter,
+		beforeLeave: t.beforeLeave
+	}))) : n;
+}, v$3 = (t, n) => t || n ? Object.assign(Object.assign({}, t), n) : void 0, b$2 = (t, n) => {
+	let o = null, e = 0;
+	for (const r of n) {
+		const n = g$3(t, r);
+		if (null !== n) {
+			const t = y$1(n);
+			t > e && (e = t, o = n);
+		}
+	}
+	return o;
+}, y$1 = (t) => {
+	let n = 1, o = 1;
+	for (const e of t) for (const t of e.segments) ":" === t[0] ? n += Math.pow(1, o) : "" !== t && (n += Math.pow(2, o)), o++;
+	return n;
+};
+var R = class {
+	constructor(t) {
+		this.segments = t.slice();
+	}
+	next() {
+		return this.segments.length > 0 ? this.segments.shift() : "";
+	}
+}, E = (t, n) => n in t ? t[n] : t.hasAttribute(n) ? t.getAttribute(n) : null, S = (t) => Array.from(t.children).filter(((t) => "ION-ROUTE-REDIRECT" === t.tagName)).map(((t) => {
+	const n = E(t, "to");
+	return {
+		from: l$3(E(t, "from")).segments,
+		to: null == n ? void 0 : l$3(n)
+	};
+})), C = (t) => O(j$1(t)), j$1 = (t) => Array.from(t.children).filter(((t) => "ION-ROUTE" === t.tagName && t.component)).map(((t) => {
+	const n = E(t, "component");
+	return {
+		segments: l$3(E(t, "url")).segments,
+		id: n.toLowerCase(),
+		params: t.componentProps,
+		beforeLeave: t.beforeLeave,
+		beforeEnter: t.beforeEnter,
+		children: j$1(t)
+	};
+})), O = (t) => {
+	const n = [];
+	for (const o of t) T([], n, o);
+	return n;
+}, T = (t, n, o) => {
+	if (t = [...t, {
+		id: o.id,
+		segments: o.segments,
+		params: o.params,
+		beforeLeave: o.beforeLeave,
+		beforeEnter: o.beforeEnter
+	}], 0 !== o.children.length) for (const e of o.children) T(t, n, e);
+	else n.push(t);
+}, k$1 = Dn(class extends I$1 {
+	constructor(t) {
+		super(), !1 !== t && this.__registerHost(), this.ionRouteWillChange = Jt(this, "ionRouteWillChange", 7), this.ionRouteDidChange = Jt(this, "ionRouteDidChange", 7), this.previousPath = null, this.busy = !1, this.state = 0, this.lastState = 0, this.root = "/", this.useHash = !0;
+	}
+	async componentWillLoad() {
+		await (w$2(document.body) ? Promise.resolve() : new Promise(((t) => {
+			window.addEventListener("ionNavWillLoad", (() => t()), { once: !0 });
+		})));
+		const t = await this.runGuards(this.getSegments());
+		if (!0 !== t) {
+			if ("object" == typeof t) {
+				const { redirect: n } = t, o = l$3(n);
+				this.setSegments(o.segments, c$3, o.queryString), await this.writeNavStateRoot(o.segments, c$3);
+			}
+		} else await this.onRoutesChanged();
+	}
+	componentDidLoad() {
+		window.addEventListener("ionRouteRedirectChanged", h$7(this.onRedirectChanged.bind(this), 10)), window.addEventListener("ionRouteDataChanged", h$7(this.onRoutesChanged.bind(this), 100));
+	}
+	async onPopState() {
+		const t = this.historyDirection();
+		let n = this.getSegments();
+		const o = await this.runGuards(n);
+		if (!0 !== o) {
+			if ("object" != typeof o) return !1;
+			n = l$3(o.redirect).segments;
+		}
+		return this.writeNavStateRoot(n, t);
+	}
+	onBackButton(t) {
+		t.detail.register(0, ((t) => {
+			this.back(), t();
+		}));
+	}
+	async canTransition() {
+		const t = await this.runGuards();
+		return !0 === t || "object" == typeof t && t.redirect;
+	}
+	async push(t, n = "forward", o) {
+		var e;
+		if (t.startsWith(".")) {
+			const n = null !== (e = this.previousPath) && void 0 !== e ? e : "/", o = new URL(t, "https://host/" + n);
+			t = o.pathname + o.search;
+		}
+		let r = l$3(t);
+		const s = await this.runGuards(r.segments);
+		if (!0 !== s) {
+			if ("object" != typeof s) return !1;
+			r = l$3(s.redirect);
+		}
+		return this.setSegments(r.segments, n, r.queryString), this.writeNavStateRoot(r.segments, n, o);
+	}
+	back() {
+		return window.history.back(), Promise.resolve(this.waitPromise);
+	}
+	async printDebug() {
+		((t) => {
+			console.group(`[ion-core] ROUTES[${t.length}]`);
+			for (const n of t) {
+				const t = [];
+				n.forEach(((n) => t.push(...n.segments)));
+				const o = n.map(((t) => t.id));
+				console.debug("%c " + h$3(t), "font-weight: bold; padding-left: 20px", "=>	", `(${o.join(", ")})`);
+			}
+			console.groupEnd();
+		})(C(this.el)), ((t) => {
+			console.group(`[ion-core] REDIRECTS[${t.length}]`);
+			for (const n of t) n.to && console.debug("FROM: ", "$c " + h$3(n.from), "font-weight: bold", " TO: ", "$c " + h$3(n.to.segments), "font-weight: bold");
+			console.groupEnd();
+		})(S(this.el));
+	}
+	async navChanged(t) {
+		if (this.busy) return u$7("[ion-router] - Router is busy, navChanged was cancelled."), !1;
+		const { ids: n, outlet: o } = await (async () => {
+			const t = [];
+			let n, o = window.document.body;
+			for (; n = w$2(o);) {
+				const e = await n.getRouteId();
+				if (!e) break;
+				o = e.element, e.element = void 0, t.push(e);
+			}
+			return {
+				ids: t,
+				outlet: n
+			};
+		})(), e = ((t, n) => {
+			let o = null, e = 0;
+			for (const r of n) {
+				const n = p$4(t, r);
+				n > e && (o = r, e = n);
+			}
+			return o ? o.map(((n, o) => {
+				var e;
+				return {
+					id: n.id,
+					segments: n.segments,
+					params: v$3(n.params, null === (e = t[o]) || void 0 === e ? void 0 : e.params)
+				};
+			})) : null;
+		})(n, C(this.el));
+		if (!e) return u$7("[ion-router] - No matching URL for", n.map(((t) => t.id))), !1;
+		const s = ((t) => {
+			const n = [];
+			for (const o of t) for (const t of o.segments) if (":" === t[0]) {
+				const e = o.params && o.params[t.slice(1)];
+				if (!e) return null;
+				n.push(e);
+			} else "" !== t && n.push(t);
+			return n;
+		})(e);
+		return s ? (this.setSegments(s, t), await this.safeWriteNavState(o, e, c$3, s, null, n.length), !0) : (u$7("[ion-router] - Router could not match path because some required param is missing."), !1);
+	}
+	onRedirectChanged() {
+		const t = this.getSegments();
+		t && m$4(t, S(this.el)) && this.writeNavStateRoot(t, c$3);
+	}
+	onRoutesChanged() {
+		return this.writeNavStateRoot(this.getSegments(), c$3);
+	}
+	historyDirection() {
+		var t;
+		const n = window;
+		null === n.history.state && (this.state++, n.history.replaceState(this.state, n.document.title, null === (t = n.document.location) || void 0 === t ? void 0 : t.href));
+		const o = n.history.state, e = this.lastState;
+		return this.lastState = o, o > e || o >= e && e > 0 ? u$3 : o < e ? "back" : c$3;
+	}
+	async writeNavStateRoot(n, o, e) {
+		if (!n) return f$7("[ion-router] - URL is not part of the routing set."), !1;
+		const r = S(this.el), s = m$4(n, r);
+		let i = null;
+		if (s) {
+			const { segments: t, queryString: e } = s.to;
+			this.setSegments(t, o, e), i = s.from, n = t;
+		}
+		const a = C(this.el), c = b$2(n, a);
+		return c ? this.safeWriteNavState(document.body, c, o, n, i, 0, e) : (f$7("[ion-router] - The path does not match any route."), !1);
+	}
+	async safeWriteNavState(n, o, e, r, s, i = 0, a) {
+		const c = await this.lock();
+		let u = !1;
+		try {
+			u = await this.writeNavState(n, o, e, r, s, i, a);
+		} catch (n) {
+			f$7("[ion-router] - Exception in safeWriteNavState:", n);
+		}
+		return c(), u;
+	}
+	async lock() {
+		const t = this.waitPromise;
+		let n;
+		return this.waitPromise = new Promise(((t) => n = t)), void 0 !== t && await t, n;
+	}
+	async runGuards(t = this.getSegments(), n) {
+		if (void 0 === n && (n = l$3(this.previousPath).segments), !t || !n) return !0;
+		const o = C(this.el), e = b$2(n, o), r = e && e[e.length - 1].beforeLeave, s = !r || await r();
+		if (!1 === s || "object" == typeof s) return s;
+		const i = b$2(t, o), a = i && i[i.length - 1].beforeEnter;
+		return !a || a();
+	}
+	async writeNavState(t, n, o, e, s, i = 0, a) {
+		if (this.busy) return u$7("[ion-router] - Router is busy, transition was cancelled."), !1;
+		this.busy = !0;
+		const c = this.routeChangeEvent(e, s);
+		c && this.ionRouteWillChange.emit(c);
+		const u = await f$4(t, n, o, i, !1, a);
+		return this.busy = !1, c && this.ionRouteDidChange.emit(c), u;
+	}
+	setSegments(t, n, o) {
+		this.state++, ((t, n, o, e, r, s, i) => {
+			const a = ((t, n, o) => {
+				let e = h$3(t);
+				return n && (e = "#" + e), void 0 !== o && (e += "?" + o), e;
+			})([...l$3(n).segments, ...e], o, i);
+			r === u$3 ? t.pushState(s, "", a) : t.replaceState(s, "", a);
+		})(window.history, this.root, this.useHash, t, n, this.state, o);
+	}
+	getSegments() {
+		return ((t, n, o) => {
+			return ((t, n) => {
+				if (t.length > n.length) return null;
+				if (t.length <= 1 && "" === t[0]) return n;
+				for (let o = 0; o < t.length; o++) if (t[o] !== n[o]) return null;
+				return n.length === t.length ? [""] : n.slice(t.length);
+			})(l$3(this.root).segments, l$3(o ? t.hash.slice(1) : t.pathname).segments);
+		})(window.location, 0, this.useHash);
+	}
+	routeChangeEvent(t, n) {
+		const o = this.previousPath, e = h$3(t);
+		return this.previousPath = e, e === o ? null : {
+			from: o,
+			redirectedFrom: n ? h$3(n) : null,
+			to: e
+		};
+	}
+	get el() {
+		return this;
+	}
+}, [
+	0,
+	"ion-router",
+	{
+		root: [1],
+		useHash: [4, "use-hash"],
+		canTransition: [64],
+		push: [64],
+		back: [64],
+		printDebug: [64],
+		navChanged: [64]
+	},
+	[[
+		8,
+		"popstate",
+		"onPopState"
+	], [
+		4,
+		"ionBackButton",
+		"onBackButton"
+	]]
+]), L = function() {
+	"undefined" != typeof customElements && ["ion-router"].forEach(((t) => {
+		"ion-router" === t && (customElements.get(Zn(t)) || customElements.define(Zn(t), k$1));
+	}));
+}, s$1 = Dn(class extends I$1 {
+	constructor(o) {
+		super(), !1 !== o && this.__registerHost(), this.ionRouteDataChanged = Jt(this, "ionRouteDataChanged", 7), this.url = "";
+	}
+	onUpdate(o) {
+		this.ionRouteDataChanged.emit(o);
+	}
+	onComponentProps(o, t) {
+		if (o === t) return;
+		const e = o ? Object.keys(o) : [];
+		if (e.length === (t ? Object.keys(t) : []).length) {
+			for (const n of e) if (o[n] !== t[n]) return void this.onUpdate(o);
+		} else this.onUpdate(o);
+	}
+	connectedCallback() {
+		this.ionRouteDataChanged.emit();
+	}
+	static get watchers() {
+		return {
+			url: [{ onUpdate: 0 }],
+			component: [{ onUpdate: 0 }],
+			componentProps: [{ onComponentProps: 0 }]
+		};
+	}
+}, [
+	0,
+	"ion-route",
+	{
+		url: [1],
+		component: [1],
+		componentProps: [16],
+		beforeLeave: [16],
+		beforeEnter: [16]
+	},
+	void 0,
+	{
+		url: [{ onUpdate: 0 }],
+		component: [{ onUpdate: 0 }],
+		componentProps: [{ onComponentProps: 0 }]
+	}
+]), p$3 = function() {
+	"undefined" != typeof customElements && ["ion-route"].forEach(((o) => {
+		"ion-route" === o && (customElements.get(Zn(o)) || customElements.define(Zn(o), s$1));
+	}));
+};
+//#endregion
+//#region node_modules/@ionic/core/components/p-B-hirT0v.js
+/*!
+* (C) Ionic http://ionicframework.com - MIT License
+*/
+var t$1 = () => {
+	let t;
+	return { lock: async () => {
+		const e = t;
+		let n;
+		return t = new Promise(((t) => n = t)), void 0 !== e && await e, n;
+	} };
+}, b$1 = Dn(class extends I$1 {
+	constructor(t) {
+		super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.ionNavWillLoad = Jt(this, "ionNavWillLoad", 7), this.ionNavWillChange = Jt(this, "ionNavWillChange", 3), this.ionNavDidChange = Jt(this, "ionNavDidChange", 3), this.lockController = t$1(), this.gestureOrAnimationInProgress = !1, this.mode = g$5(this), this.animated = !0;
+	}
+	swipeHandlerChanged() {
+		this.gesture && this.gesture.enable(void 0 !== this.swipeHandler);
+	}
+	async connectedCallback() {
+		const t = () => {
+			this.gestureOrAnimationInProgress = !0, this.swipeHandler && this.swipeHandler.onStart();
+		};
+		this.gesture = (await import("./p-Cz5nLPGT-mbB7NqG3.js")).createSwipeBackGesture(this.el, (() => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart()), (() => t()), ((t) => {
+			var i;
+			return null === (i = this.ani) || void 0 === i ? void 0 : i.progressStep(t);
+		}), ((t, i, s) => {
+			if (this.ani) {
+				this.ani.onFinish((() => {
+					this.gestureOrAnimationInProgress = !1, this.swipeHandler && this.swipeHandler.onEnd(t);
+				}), { oneTimeCallback: !0 });
+				let e = t ? -.001 : .001;
+				t ? e += t$4([0, 0], [.32, .72], [0, 1], [1, 1], i)[0] : (this.ani.easing("cubic-bezier(1, 0, 0.68, 0.28)"), e += t$4([0, 0], [1, 0], [.68, .28], [1, 1], i)[0]), this.ani.progressEnd(t ? 1 : 0, e, s);
+			} else this.gestureOrAnimationInProgress = !1;
+		})), this.swipeHandlerChanged();
+	}
+	componentWillLoad() {
+		this.ionNavWillLoad.emit();
+	}
+	disconnectedCallback() {
+		this.gesture && (this.gesture.destroy(), this.gesture = void 0);
+	}
+	async commit(t, i, s) {
+		const a = await this.lockController.lock();
+		let o = !1;
+		try {
+			o = await this.transition(t, i, s);
+		} catch (t) {
+			f$7("[ion-router-outlet] - Exception in commit:", t);
+		}
+		return a(), o;
+	}
+	async setRouteId(t, i, s, e) {
+		return {
+			changed: await this.setRoot(t, i, {
+				duration: "root" === s ? 0 : void 0,
+				direction: "back" === s ? "back" : "forward",
+				animationBuilder: e
+			}),
+			element: this.activeEl
+		};
+	}
+	async getRouteId() {
+		const t = this.activeEl;
+		return t ? {
+			id: t.tagName,
+			element: t,
+			params: this.activeParams
+		} : void 0;
+	}
+	async setRoot(t, i, s) {
+		if (this.activeComponent === t && _$1(i, this.activeParams)) return !1;
+		const e = this.activeEl, a = await o$1(this.delegate, this.el, t, ["ion-page", "ion-page-invisible"], i);
+		return this.activeComponent = t, this.activeEl = a, this.activeParams = i, await this.commit(a, e, s), await t$2(this.delegate, e), !0;
+	}
+	async transition(t, i, s = {}) {
+		if (i === t) return !1;
+		this.ionNavWillChange.emit();
+		const { el: e, mode: o } = this, n = this.animated && n$2.getBoolean("animated", !0), h = s.animationBuilder || this.animation || n$2.get("navAnimation");
+		return await v$6(Object.assign(Object.assign({
+			mode: o,
+			animated: n,
+			enteringEl: t,
+			leavingEl: i,
+			baseEl: e,
+			deepWait: t$5(e),
+			progressCallback: s.progressAnimation ? (t) => {
+				void 0 === t || this.gestureOrAnimationInProgress ? this.ani = t : (this.gestureOrAnimationInProgress = !0, t.onFinish((() => {
+					this.gestureOrAnimationInProgress = !1, this.swipeHandler && this.swipeHandler.onEnd(!1);
+				}), { oneTimeCallback: !0 }), t.progressEnd(0, 0, 0));
+			} : void 0
+		}, s), { animationBuilder: h })), this.ionNavDidChange.emit(), !0;
+	}
+	render() {
+		return Ct("slot", { key: "386c41745b61daba161cf75063da97fe29ba36cb" });
+	}
+	get el() {
+		return this;
+	}
+	static get watchers() {
+		return { swipeHandler: [{ swipeHandlerChanged: 0 }] };
+	}
+	static get style() {
+		return ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";
+	}
+}, [
+	257,
+	"ion-router-outlet",
+	{
+		mode: [1025],
+		delegate: [16],
+		animated: [4],
+		animation: [16],
+		swipeHandler: [16],
+		commit: [64],
+		setRouteId: [64],
+		getRouteId: [64]
+	},
+	void 0,
+	{ swipeHandler: [{ swipeHandlerChanged: 0 }] }
+]), f$3 = function() {
+	"undefined" != typeof customElements && ["ion-router-outlet"].forEach(((t) => {
+		"ion-router-outlet" === t && (customElements.get(Zn(t)) || customElements.define(Zn(t), b$1));
+	}));
+}, s = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M244 400 100 256l144-144M120 256h292' stroke-linecap='square' stroke-miterlimit='10' stroke-width='48px' class='ionicon-fill-none'/></svg>", l$2 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M328 112 184 256l144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+//#endregion
+//#region node_modules/@ionic/core/components/p-YLXPWgVj.js
+/*!
+* (C) Ionic http://ionicframework.com - MIT License
+*/
+var e;
+var c$1 = (o, t, n, i, r) => (n = "ios" === (n && h$1(n)) ? "ios" : "md", i && "ios" === n ? o = h$1(i) : r && "md" === n ? o = h$1(r) : (o || !t || a(t) || (o = t), d(o) && (o = h$1(o))), d(o) && "" !== o.trim() ? "" !== o.replace(/[a-z]|-|\d/gi, "") ? null : o : null), l$1 = (o) => d(o) && (o = o.trim(), a(o)) ? o : null, a = (o) => o.length > 0 && /(\/|\.)/.test(o), d = (o) => "string" == typeof o, h$1 = (o) => o.toLowerCase(), f$1 = (o) => {
+	if (1 === o.nodeType) {
+		if ("script" === o.nodeName.toLowerCase()) return !1;
+		for (let t = 0; t < o.attributes.length; t++) {
+			const n = o.attributes[t].name;
+			if (d(n) && 0 === n.toLowerCase().indexOf("on")) return !1;
+		}
+		for (let t = 0; t < o.childNodes.length; t++) if (!f$1(o.childNodes[t])) return !1;
+	}
+	return !0;
+}, u$1 = /* @__PURE__ */ new Map(), m$2 = /* @__PURE__ */ new Map();
+var p$1;
+function g(o) {
+	return u$1.set(o, ""), "";
+}
+var w = Dn(class extends I$1 {
+	constructor(o) {
+		super(), !1 !== o && this.__registerHost(), this.__attachShadow(), this.iconName = null, this.inheritedAttributes = {}, this.didLoadIcon = !1, this.isVisible = !1, this.mode = b(), this.lazy = !1, this.sanitize = !0;
+	}
+	componentWillLoad() {
+		this.inheritedAttributes = ((o, t = []) => {
+			const n = {};
+			return t.forEach(((t) => {
+				o.hasAttribute(t) && (null !== o.getAttribute(t) && (n[t] = o.getAttribute(t)), o.removeAttribute(t));
+			})), n;
+		})(this.el, ["aria-label"]);
+	}
+	connectedCallback() {
+		this.waitUntilVisible(this.el, "50px", (() => {
+			this.isVisible = !0, this.loadIcon();
+		}));
+	}
+	componentDidLoad() {
+		this.didLoadIcon || this.loadIcon();
+	}
+	disconnectedCallback() {
+		this.io && (this.io.disconnect(), this.io = void 0);
+	}
+	waitUntilVisible(o, t, n) {
+		if (!Boolean(this.lazy && "undefined" != typeof window && window.IntersectionObserver)) return n();
+		const i = this.io = new window.IntersectionObserver(((o) => {
+			o[0].isIntersecting && (i.disconnect(), this.io = void 0, n());
+		}), { rootMargin: t });
+		i.observe(o);
+	}
+	loadIcon() {
+		if (this.isVisible) {
+			const t = ((t) => {
+				let n = l$1(t.src);
+				if (n) return n;
+				if (n = c$1(t.name, t.icon, t.mode, t.ios, t.md), n) return ((t, n) => {
+					const i = (() => {
+						if ("undefined" == typeof window) return /* @__PURE__ */ new Map();
+						if (!e) {
+							const o = window;
+							o.Ionicons = o.Ionicons || {}, e = o.Ionicons.map = o.Ionicons.map || /* @__PURE__ */ new Map();
+						}
+						return e;
+					})().get(t);
+					if (i) return i;
+					try {
+						return q$1(`svg/${t}.svg`);
+					} catch (o) {
+						console.log("e", o), console.warn(`[Ionicons Warning]: Could not load icon with name "${t}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, n);
+					}
+				})(n, t);
+				if (t.icon) {
+					if (n = l$1(t.icon), n) return n;
+					if (n = l$1(t.icon[t.mode]), n) return n;
+				}
+				return null;
+			})(this);
+			t && (u$1.has(t) ? this.svgContent = u$1.get(t) : ((o, t) => m$2.get(o) || ("undefined" != typeof fetch && "undefined" != typeof document ? ((o) => o.startsWith("data:image/svg+xml"))(o) && ((o) => -1 !== o.indexOf(";utf8,"))(o) ? Promise.resolve(function(o) {
+				p$1 || (p$1 = new DOMParser());
+				const t = p$1.parseFromString(o, "text/html").querySelector("svg");
+				if (t) return u$1.set(o, t.outerHTML), t.outerHTML;
+				throw new Error(`Could not parse svg from ${o}`);
+			}(o)) : function(o, t) {
+				const n = fetch(o).then(((n) => n.text().then(((n) => {
+					n && !1 !== t && (n = ((o) => {
+						const t = document.createElement("div");
+						t.innerHTML = o;
+						for (let o = t.childNodes.length - 1; o >= 0; o--) "svg" !== t.childNodes[o].nodeName.toLowerCase() && t.removeChild(t.childNodes[o]);
+						const n = t.firstElementChild;
+						if (n && "svg" === n.nodeName.toLowerCase()) {
+							const o = n.getAttribute("class") || "";
+							if (n.setAttribute("class", (o + " s-ion-icon").trim()), f$1(n)) return t.innerHTML;
+						}
+						return "";
+					})(n));
+					const i = n || "";
+					return u$1.set(o, i), i;
+				})).catch((() => g(o))))).catch((() => g(o)));
+				return m$2.set(o, n), n;
+			}(o, t) : Promise.resolve(g(o))))(t, this.sanitize).then((() => this.svgContent = u$1.get(t))), this.didLoadIcon = !0);
+		}
+		this.iconName = c$1(this.name, this.icon, this.mode, this.ios, this.md);
+	}
+	render() {
+		const { flipRtl: o, iconName: t, inheritedAttributes: n, el: s } = this, e = this.mode || "md", c = !!t && (t.includes("arrow") || t.includes("chevron")) && !1 !== o, l = o || c;
+		return Ct(It, Object.assign({
+			key: "0578c899781ca145dd8205acd9670af39b57cf2e",
+			role: "img",
+			class: Object.assign(Object.assign({ [e]: !0 }, v$1(this.color)), {
+				[`icon-${this.size}`]: !!this.size,
+				"flip-rtl": l,
+				"icon-rtl": l && (a = s, a && "" !== a.dir ? "rtl" === a.dir.toLowerCase() : "rtl" === (null === document || void 0 === document ? void 0 : document.dir.toLowerCase()))
+			})
+		}, n), Ct("div", this.svgContent ? {
+			class: "icon-inner",
+			innerHTML: this.svgContent
+		} : { class: "icon-inner" }));
+		var a;
+	}
+	static get assetsDirs() {
+		return ["svg"];
+	}
+	get el() {
+		return this;
+	}
+	static get watchers() {
+		return {
+			name: [{ loadIcon: 0 }],
+			src: [{ loadIcon: 0 }],
+			icon: [{ loadIcon: 0 }],
+			ios: [{ loadIcon: 0 }],
+			md: [{ loadIcon: 0 }]
+		};
+	}
+	static get style() {
+		return ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host .ionicon{stroke:currentColor}.ionicon-fill-none{fill:none}.ionicon-stroke-width{stroke-width:var(--ionicon-stroke-width, 32px)}.icon-inner,.ionicon,svg{display:block;height:100%;width:100%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}@supports not selector(:dir(rtl)) and selector(:host-context([dir='rtl'])){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}}:host(.icon-small){font-size:1.125rem !important}:host(.icon-large){font-size:2rem !important}:host(.ion-color){color:var(--ion-color-base) !important}:host(.ion-color-primary){--ion-color-base:var(--ion-color-primary, #3880ff)}:host(.ion-color-secondary){--ion-color-base:var(--ion-color-secondary, #0cd1e8)}:host(.ion-color-tertiary){--ion-color-base:var(--ion-color-tertiary, #f4a942)}:host(.ion-color-success){--ion-color-base:var(--ion-color-success, #10dc60)}:host(.ion-color-warning){--ion-color-base:var(--ion-color-warning, #ffce00)}:host(.ion-color-danger){--ion-color-base:var(--ion-color-danger, #f14141)}:host(.ion-color-light){--ion-color-base:var(--ion-color-light, #f4f5f8)}:host(.ion-color-medium){--ion-color-base:var(--ion-color-medium, #989aa2)}:host(.ion-color-dark){--ion-color-base:var(--ion-color-dark, #222428)}";
+	}
+}, [
+	1,
+	"ion-icon",
+	{
+		mode: [1025],
+		color: [1],
+		ios: [1],
+		md: [1],
+		flipRtl: [4, "flip-rtl"],
+		name: [513],
+		src: [1],
+		icon: [8],
+		size: [1],
+		lazy: [4],
+		sanitize: [4],
+		svgContent: [32],
+		isVisible: [32]
+	},
+	void 0,
+	{
+		name: [{ loadIcon: 0 }],
+		src: [{ loadIcon: 0 }],
+		icon: [{ loadIcon: 0 }],
+		ios: [{ loadIcon: 0 }],
+		md: [{ loadIcon: 0 }]
+	}
+]), b = () => "undefined" != typeof document && document.documentElement.getAttribute("mode") || "md", v$1 = (o) => o ? {
+	"ion-color": !0,
+	[`ion-color-${o}`]: !0
+} : null;
+function y() {
+	"undefined" != typeof customElements && ["ion-icon"].forEach(((o) => {
+		"ion-icon" === o && (customElements.get(Zn(o)) || customElements.define(Zn(o), w));
+	}));
+}
+//#endregion
+//#region node_modules/@ionic/core/components/p-fpbh6w3f.js
+/*!
+* (C) Ionic http://ionicframework.com - MIT License
+*/
+var m$1 = Dn(class extends I$1 {
+	constructor(t) {
+		super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.type = "bounded";
+	}
+	async addRipple(t, n) {
+		return new Promise(((e) => {
+			W$1((() => {
+				const i = this.el.getBoundingClientRect(), o = i.width, r = i.height, s = Math.sqrt(o * o + r * r), m = Math.max(r, o), p = this.unbounded ? m : s + f, u = Math.floor(m * l), d = p / u;
+				let b = t - i.left, k = n - i.top;
+				this.unbounded && (b = .5 * o, k = .5 * r);
+				const w = b - .5 * u, y = k - .5 * u, h = .5 * o - b, g = .5 * r - k;
+				P$1((() => {
+					const t = document.createElement("div");
+					t.classList.add("ripple-effect");
+					const n = t.style;
+					n.top = y + "px", n.left = w + "px", n.width = n.height = u + "px", n.setProperty("--final-scale", `${d}`), n.setProperty("--translate-end", `${h}px, ${g}px`), (this.el.shadowRoot || this.el).appendChild(t), setTimeout((() => {
+						e((() => {
+							c(t);
+						}));
+					}), 325);
+				}));
+			}));
+		}));
+	}
+	get unbounded() {
+		return "unbounded" === this.type;
+	}
+	render() {
+		return Ct(It, {
+			key: "3b59cbb44741569a7350f9638b4392add673b6f1",
+			role: "presentation",
+			class: {
+				[g$5(this)]: !0,
+				unbounded: this.unbounded
+			}
+		});
+	}
+	get el() {
+		return this;
+	}
+	static get style() {
+		return ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;-webkit-animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1));-webkit-animation:150ms fadeOutAnimation forwards;animation:150ms fadeOutAnimation forwards}@-webkit-keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@-webkit-keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@-webkit-keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}";
+	}
+}, [
+	1,
+	"ion-ripple-effect",
+	{
+		type: [1],
+		addRipple: [64]
+	}
+]), c = (t) => {
+	t.classList.add("fade-out"), setTimeout((() => {
+		t.remove();
+	}), 200);
+}, f = 10, l = .5;
+function p() {
+	"undefined" != typeof customElements && ["ion-ripple-effect"].forEach(((t) => {
+		"ion-ripple-effect" === t && (customElements.get(Zn(t)) || customElements.define(Zn(t), m$1));
+	}));
+}
+//#endregion
+//#region node_modules/@ionic/core/components/ion-back-button.js
+/*!
+* (C) Ionic http://ionicframework.com - MIT License
+*/
+var m = Dn(class extends I$1 {
+	constructor(t) {
+		super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.inheritedAttributes = {}, this.disabled = !1, this.type = "button", this.onClick = async (t) => {
+			const n = this.el.closest("ion-nav");
+			return t.preventDefault(), n && await n.canGoBack() ? n.pop({
+				animationBuilder: this.routerAnimation,
+				skipIfBusy: !0
+			}) : l$5(this.defaultHref, t, "back", this.routerAnimation);
+		};
+	}
+	componentWillLoad() {
+		this.inheritedAttributes = s$4(this.el), void 0 === this.defaultHref && (this.defaultHref = n$2.get("backButtonDefaultHref"));
+	}
+	get backButtonIcon() {
+		const t = this.icon;
+		return null != t ? t : "ios" === g$5(this) ? n$2.get("backButtonIcon", l$2) : n$2.get("backButtonIcon", s);
+	}
+	get backButtonText() {
+		const t = "ios" === g$5(this) ? "Back" : null;
+		return null != this.text ? this.text : n$2.get("backButtonText", t);
+	}
+	get hasIconOnly() {
+		return this.backButtonIcon && !this.backButtonText;
+	}
+	get rippleType() {
+		return this.hasIconOnly ? "unbounded" : "bounded";
+	}
+	render() {
+		const { color: t, defaultHref: n, disabled: o, type: a, hasIconOnly: r, backButtonIcon: d, backButtonText: l, icon: p, inheritedAttributes: b } = this, h = void 0 !== n, m = g$5(this), u = b["aria-label"] || l || "back";
+		return Ct(It, {
+			key: "5466624a10f1ab56f5469e6dc07080303880f2fe",
+			onClick: this.onClick,
+			class: o$3(t, {
+				[m]: !0,
+				button: !0,
+				"back-button-disabled": o,
+				"back-button-has-icon-only": r,
+				"in-toolbar": n$1("ion-toolbar", this.el),
+				"in-toolbar-color": n$1("ion-toolbar[color]", this.el),
+				"ion-activatable": !0,
+				"ion-focusable": !0,
+				"show-back-button": h
+			})
+		}, Ct("button", {
+			key: "63bc75ef0ad7cc9fb79e58217a3314b20acd73e3",
+			type: a,
+			disabled: o,
+			class: "button-native",
+			part: "native",
+			"aria-label": u
+		}, Ct("span", {
+			key: "5d3eacbd11af2245c6e1151cab446a0d96559ad8",
+			class: "button-inner"
+		}, d && Ct("ion-icon", {
+			key: "6439af0ae463764174e7d3207f02267811df666d",
+			part: "icon",
+			icon: d,
+			"aria-hidden": "true",
+			lazy: !1,
+			"flip-rtl": void 0 === p
+		}), l && Ct("span", {
+			key: "8ee89fb18dfdb5b75948a8b197ff4cdbc008742f",
+			part: "text",
+			"aria-hidden": "true",
+			class: "button-text"
+		}, l)), "md" === m && Ct("ion-ripple-effect", {
+			key: "63803a884998bc73bea5afe0b2a0a14e3fa4d6bf",
+			type: this.rippleType
+		})));
+	}
+	get el() {
+		return this;
+	}
+	static get style() {
+		return {
+			ios: ":host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-hover:transparent;--background-hover-opacity:1;--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--icon-margin-end:1px;--icon-margin-start:-4px;--icon-font-size:1.6em;--min-height:32px;font-size:clamp(17px, 1.0625rem, 21.998px)}.button-native{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:visible;z-index:99}:host(.ion-activated) .button-native{opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}",
+			md: ":host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--border-radius:4px;--background-focused:currentColor;--background-focused-opacity:.12;--background-hover:currentColor;--background-hover-opacity:0.04;--color:currentColor;--icon-margin-end:0;--icon-margin-start:0;--icon-font-size:1.5rem;--icon-font-weight:normal;--min-height:32px;--min-width:44px;--padding-start:12px;--padding-end:12px;font-size:0.875rem;font-weight:500;text-transform:uppercase}:host(.back-button-has-icon-only){--border-radius:50%;min-width:48px;min-height:48px;aspect-ratio:1/1}.button-native{-webkit-box-shadow:none;box-shadow:none}.button-text{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0}ion-icon{line-height:0.67;text-align:start}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}"
+		};
+	}
+}, [
+	33,
+	"ion-back-button",
+	{
+		color: [513],
+		defaultHref: [1025, "default-href"],
+		disabled: [516],
+		icon: [1],
+		text: [1],
+		type: [1],
+		routerAnimation: [16]
+	}
+]), v = function() {
+	"undefined" != typeof customElements && [
+		"ion-back-button",
+		"ion-icon",
+		"ion-ripple-effect"
+	].forEach(((t) => {
+		switch (t) {
+			case "ion-back-button":
+				customElements.get(Zn(t)) || customElements.define(Zn(t), m);
+				break;
+			case "ion-icon":
+				customElements.get(Zn(t)) || y();
+				break;
+			case "ion-ripple-effect": customElements.get(Zn(t)) || p();
+		}
+	}));
+};
+//#endregion
+//#region node_modules/ionicons/components/index.js
+var NAMESPACE = "ionicons";
+var BUILD = {
+	hydratedSelectorName: "hydrated",
+	lazyLoad: false,
+	updatable: true
+};
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var getHostRef = (ref) => {
+	if (ref.__stencil__getHostRef) return ref.__stencil__getHostRef();
+};
+var registerHost = (hostElement, cmpMeta) => {
+	const hostRef = {
+		$flags$: 0,
+		$hostElement$: hostElement,
+		$cmpMeta$: cmpMeta,
+		$instanceValues$: /* @__PURE__ */ new Map()
+	};
+	hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
+	hostElement["s-p"] = [];
+	hostElement["s-rc"] = [];
+	const ref = hostRef;
+	hostElement.__stencil__getHostRef = () => ref;
+	return ref;
+};
+var isMemberInElement = (elm, memberName) => memberName in elm;
+var consoleError = (e, el) => (0, console.error)(e, el);
+var styles = /* @__PURE__ */ new Map();
+var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
+var win = typeof window !== "undefined" ? window : {};
+var H = win.HTMLElement || class {};
+var plt = {
+	$flags$: 0,
+	$resourcesUrl$: "",
+	jmp: (h2) => h2(),
+	raf: (h2) => requestAnimationFrame(h2),
+	ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+	rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+	ce: (eventName, opts) => new CustomEvent(eventName, opts)
+};
+var promiseResolve = (v) => Promise.resolve(v);
+var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
+	try {
+		new CSSStyleSheet();
+		return typeof new CSSStyleSheet().replaceSync === "function";
+	} catch (e) {}
+	return false;
+})();
+var queuePending = false;
+var queueDomReads = [];
+var queueDomWrites = [];
+var queueTask = (queue, write) => (cb) => {
+	queue.push(cb);
+	if (!queuePending) {
+		queuePending = true;
+		if (write && plt.$flags$ & 4) nextTick(flush);
+		else plt.raf(flush);
+	}
+};
+var consume = (queue) => {
+	for (let i2 = 0; i2 < queue.length; i2++) try {
+		queue[i2](performance.now());
+	} catch (e) {
+		consoleError(e);
+	}
+	queue.length = 0;
+};
+var flush = () => {
+	consume(queueDomReads);
+	consume(queueDomWrites);
+	if (queuePending = queueDomReads.length > 0) plt.raf(flush);
+};
+var nextTick = (cb) => promiseResolve().then(cb);
+var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
+var getAssetPath = (path) => {
+	const assetUrl = new URL(path, plt.$resourcesUrl$);
+	return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
+var isComplexType = (o) => {
+	o = typeof o;
+	return o === "object" || o === "function";
+};
+function queryNonceMetaTagContent(doc) {
+	var _a, _b, _c;
+	return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector("meta[name=\"csp-nonce\"]")) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+}
+var escapeRegExpSpecialCharacters = (text) => {
+	return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+__export({}, {
+	err: () => err,
+	map: () => map,
+	ok: () => ok,
+	unwrap: () => unwrap,
+	unwrapErr: () => unwrapErr
+});
+var ok = (value) => ({
+	isOk: true,
+	isErr: false,
+	value
+});
+var err = (value) => ({
+	isOk: false,
+	isErr: true,
+	value
+});
+function map(result, fn) {
+	if (result.isOk) {
+		const val = fn(result.value);
+		if (val instanceof Promise) return val.then((newVal) => ok(newVal));
+		else return ok(val);
+	}
+	if (result.isErr) {
+		const value = result.value;
+		return err(value);
+	}
+	throw "should never get here";
+}
+var unwrap = (result) => {
+	if (result.isOk) return result.value;
+	else throw result.value;
+};
+var unwrapErr = (result) => {
+	if (result.isErr) return result.value;
+	else throw result.value;
+};
+function createStyleSheetIfNeededAndSupported(styles2) {}
+var globalStyleSheet;
+function createShadowRoot(cmpMeta) {
+	var _a;
+	const shadowRoot = this.attachShadow({ mode: "open" });
+	if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
+	if (globalStyleSheet) shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+}
+var createTime = (fnName, tagName = "") => {
+	return () => {};
+};
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+	let style = styles.get(scopeId2);
+	if (supportsConstructableStylesheets && allowCS) {
+		style = style || new CSSStyleSheet();
+		if (typeof style === "string") style = cssText;
+		else style.replaceSync(cssText);
+	} else style = cssText;
+	styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+	var _a;
+	const scopeId2 = getScopeId(cmpMeta);
+	const style = styles.get(scopeId2);
+	if (!win.document) return scopeId2;
+	styleContainerNode = styleContainerNode.nodeType === 11 ? styleContainerNode : win.document;
+	if (style) {
+		if (typeof style === "string") {
+			styleContainerNode = styleContainerNode.head || styleContainerNode;
+			let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+			let styleElm;
+			if (!appliedStyles) rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+			if (!appliedStyles.has(scopeId2)) {
+				{
+					styleElm = win.document.createElement("style");
+					styleElm.innerHTML = style;
+					const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+					if (nonce != null) styleElm.setAttribute("nonce", nonce);
+					if (!(cmpMeta.$flags$ & 1)) if (styleContainerNode.nodeName === "HEAD") {
+						const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+						const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+						styleContainerNode.insertBefore(styleElm, (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null);
+					} else if ("host" in styleContainerNode) if (supportsConstructableStylesheets) {
+						const stylesheet = new CSSStyleSheet();
+						stylesheet.replaceSync(style);
+						styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+					} else {
+						const existingStyleContainer = styleContainerNode.querySelector("style");
+						if (existingStyleContainer) existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+						else styleContainerNode.prepend(styleElm);
+					}
+					else styleContainerNode.append(styleElm);
+					if (cmpMeta.$flags$ & 1) styleContainerNode.insertBefore(styleElm, null);
+				}
+				if (cmpMeta.$flags$ & 4) styleElm.innerHTML += SLOT_FB_CSS;
+				if (appliedStyles) appliedStyles.add(scopeId2);
+			}
+		} else if (!styleContainerNode.adoptedStyleSheets.includes(style)) styleContainerNode.adoptedStyleSheets.push(style);
+	}
+	return scopeId2;
+};
+var attachStyles = (hostRef) => {
+	const cmpMeta = hostRef.$cmpMeta$;
+	const elm = hostRef.$hostElement$;
+	const flags = cmpMeta.$flags$;
+	const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+	const scopeId2 = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
+	if (flags & 10) {
+		elm["s-sc"] = scopeId2;
+		elm.classList.add(scopeId2 + "-h");
+	}
+	endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + cmp.$tagName$;
+var h = (nodeName, vnodeData, ...children) => {
+	let child = null;
+	let key = null;
+	let simple = false;
+	let lastSimple = false;
+	const vNodeChildren = [];
+	const walk = (c) => {
+		for (let i2 = 0; i2 < c.length; i2++) {
+			child = c[i2];
+			if (Array.isArray(child)) walk(child);
+			else if (child != null && typeof child !== "boolean") {
+				if (simple = typeof nodeName !== "function" && !isComplexType(child)) child = String(child);
+				if (simple && lastSimple) vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+				else vNodeChildren.push(simple ? newVNode(null, child) : child);
+				lastSimple = simple;
+			}
+		}
+	};
+	walk(children);
+	if (vnodeData) {
+		if (vnodeData.key) key = vnodeData.key;
+		{
+			const classData = vnodeData.className || vnodeData.class;
+			if (classData) vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
+		}
+	}
+	const vnode = newVNode(nodeName, null);
+	vnode.$attrs$ = vnodeData;
+	if (vNodeChildren.length > 0) vnode.$children$ = vNodeChildren;
+	vnode.$key$ = key;
+	return vnode;
+};
+var newVNode = (tag, text) => {
+	const vnode = {
+		$flags$: 0,
+		$tag$: tag,
+		$text$: text,
+		$elm$: null,
+		$children$: null
+	};
+	vnode.$attrs$ = null;
+	vnode.$key$ = null;
+	return vnode;
+};
+var Host = {};
+var isHost = (node) => node && node.$tag$ === Host;
+var createSupportsRuleRe = (selector) => {
+	const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+	return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`, "g");
+};
+createSupportsRuleRe("::slotted");
+createSupportsRuleRe(":host");
+createSupportsRuleRe(":host-context");
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
+	if (propValue != null && !isComplexType(propValue)) {
+		if (propType & 4) return propValue === "false" ? false : propValue === "" || !!propValue;
+		if (propType & 1) return String(propValue);
+		return propValue;
+	}
+	return propValue;
+};
+var emitEvent = (elm, name, opts) => {
+	const ev = plt.ce(name, opts);
+	elm.dispatchEvent(ev);
+	return ev;
+};
+var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
+	if (oldValue === newValue) return;
+	let isProp = isMemberInElement(elm, memberName);
+	let ln = memberName.toLowerCase();
+	if (memberName === "class") {
+		const classList = elm.classList;
+		const oldClasses = parseClassList(oldValue);
+		let newClasses = parseClassList(newValue);
+		classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+		classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+	} else if (memberName === "style") {
+		for (const prop in oldValue) if (!newValue || newValue[prop] == null) if (prop.includes("-")) elm.style.removeProperty(prop);
+		else elm.style[prop] = "";
+		for (const prop in newValue) if (!oldValue || newValue[prop] !== oldValue[prop]) if (prop.includes("-")) elm.style.setProperty(prop, newValue[prop]);
+		else elm.style[prop] = newValue[prop];
+	} else if (memberName === "key");
+	else if (memberName === "ref") {
+		if (newValue) newValue(elm);
+	} else if (!elm.__lookupSetter__(memberName) && memberName[0] === "o" && memberName[1] === "n") {
+		if (memberName[2] === "-") memberName = memberName.slice(3);
+		else if (isMemberInElement(win, ln)) memberName = ln.slice(2);
+		else memberName = ln[2] + memberName.slice(3);
+		if (oldValue || newValue) {
+			const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+			memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+			if (oldValue) plt.rel(elm, memberName, oldValue, capture);
+			if (newValue) plt.ael(elm, memberName, newValue, capture);
+		}
+	} else {
+		const isComplex = isComplexType(newValue);
+		if ((isProp || isComplex && newValue !== null) && true) try {
+			if (!elm.tagName.includes("-")) {
+				const n = newValue == null ? "" : newValue;
+				if (memberName === "list") isProp = false;
+				else if (oldValue == null || elm[memberName] != n) if (typeof elm.__lookupSetter__(memberName) === "function") elm[memberName] = n;
+				else elm.setAttribute(memberName, n);
+			} else if (elm[memberName] !== newValue) elm[memberName] = newValue;
+		} catch (e) {}
+		let xlink = false;
+		if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+			memberName = ln;
+			xlink = true;
+		}
+		if (newValue == null || newValue === false) {
+			if (newValue !== false || elm.getAttribute(memberName) === "") if (xlink) elm.removeAttributeNS(XLINK_NS, memberName);
+			else elm.removeAttribute(memberName);
+		} else if ((!isProp || flags & 4 || isSvg) && !isComplex && elm.nodeType === 1) {
+			newValue = newValue === true ? "" : newValue;
+			if (xlink) elm.setAttributeNS(XLINK_NS, memberName, newValue);
+			else elm.setAttribute(memberName, newValue);
+		}
+	}
+};
+var parseClassListRegex = /\s/;
+var parseClassList = (value) => {
+	if (typeof value === "object" && value && "baseVal" in value) value = value.baseVal;
+	if (!value || typeof value !== "string") return [];
+	return value.split(parseClassListRegex);
+};
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
+	const elm = newVnode.$elm$.nodeType === 11 && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
+	const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
+	const newVnodeAttrs = newVnode.$attrs$ || {};
+	for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) if (!(memberName in newVnodeAttrs)) setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
+	for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);
+};
+function sortedAttrNames(attrNames) {
+	return attrNames.includes("ref") ? [...attrNames.filter((attr) => attr !== "ref"), "ref"] : attrNames;
+}
+var hostTagName;
+var isSvgMode = false;
+var createElm = (oldParentVNode, newParentVNode, childIndex) => {
+	const newVNode2 = newParentVNode.$children$[childIndex];
+	let i2 = 0;
+	let elm;
+	let childNode;
+	if (newVNode2.$text$ !== null) elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
+	else {
+		if (!win.document) throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");
+		elm = newVNode2.$elm$ = win.document.createElement(newVNode2.$tag$);
+		updateElement(null, newVNode2, isSvgMode);
+		if (newVNode2.$children$) for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
+			childNode = createElm(oldParentVNode, newVNode2, i2);
+			if (childNode) elm.appendChild(childNode);
+		}
+	}
+	elm["s-hn"] = hostTagName;
+	return elm;
+};
+var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
+	let containerElm = parentElm;
+	let childNode;
+	if (containerElm.shadowRoot && containerElm.tagName === hostTagName) containerElm = containerElm.shadowRoot;
+	for (; startIdx <= endIdx; ++startIdx) if (vnodes[startIdx]) {
+		childNode = createElm(null, parentVNode, startIdx);
+		if (childNode) {
+			vnodes[startIdx].$elm$ = childNode;
+			insertBefore(containerElm, childNode, before);
+		}
+	}
+};
+var removeVnodes = (vnodes, startIdx, endIdx) => {
+	for (let index = startIdx; index <= endIdx; ++index) {
+		const vnode = vnodes[index];
+		if (vnode) {
+			const elm = vnode.$elm$;
+			nullifyVNodeRefs(vnode);
+			if (elm) elm.remove();
+		}
+	}
+};
+var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
+	let oldStartIdx = 0;
+	let newStartIdx = 0;
+	let idxInOld = 0;
+	let i2 = 0;
+	let oldEndIdx = oldCh.length - 1;
+	let oldStartVnode = oldCh[0];
+	let oldEndVnode = oldCh[oldEndIdx];
+	let newEndIdx = newCh.length - 1;
+	let newStartVnode = newCh[0];
+	let newEndVnode = newCh[newEndIdx];
+	let node;
+	let elmToMove;
+	while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) if (oldStartVnode == null) oldStartVnode = oldCh[++oldStartIdx];
+	else if (oldEndVnode == null) oldEndVnode = oldCh[--oldEndIdx];
+	else if (newStartVnode == null) newStartVnode = newCh[++newStartIdx];
+	else if (newEndVnode == null) newEndVnode = newCh[--newEndIdx];
+	else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
+		patch(oldStartVnode, newStartVnode, isInitialRender);
+		oldStartVnode = oldCh[++oldStartIdx];
+		newStartVnode = newCh[++newStartIdx];
+	} else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
+		patch(oldEndVnode, newEndVnode, isInitialRender);
+		oldEndVnode = oldCh[--oldEndIdx];
+		newEndVnode = newCh[--newEndIdx];
+	} else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
+		patch(oldStartVnode, newEndVnode, isInitialRender);
+		insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+		oldStartVnode = oldCh[++oldStartIdx];
+		newEndVnode = newCh[--newEndIdx];
+	} else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
+		patch(oldEndVnode, newStartVnode, isInitialRender);
+		insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
+		oldEndVnode = oldCh[--oldEndIdx];
+		newStartVnode = newCh[++newStartIdx];
+	} else {
+		idxInOld = -1;
+		for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
+			idxInOld = i2;
+			break;
+		}
+		if (idxInOld >= 0) {
+			elmToMove = oldCh[idxInOld];
+			if (elmToMove.$tag$ !== newStartVnode.$tag$) node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+			else {
+				patch(elmToMove, newStartVnode, isInitialRender);
+				oldCh[idxInOld] = void 0;
+				node = elmToMove.$elm$;
+			}
+			newStartVnode = newCh[++newStartIdx];
+		} else {
+			node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
+			newStartVnode = newCh[++newStartIdx];
+		}
+		if (node) insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
+	}
+	if (oldStartIdx > oldEndIdx) addVnodes(parentElm, newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$, newVNode2, newCh, newStartIdx, newEndIdx);
+	else if (newStartIdx > newEndIdx) removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+};
+var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
+	if (leftVNode.$tag$ === rightVNode.$tag$) {
+		if (!isInitialRender) return leftVNode.$key$ === rightVNode.$key$;
+		if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) leftVNode.$key$ = rightVNode.$key$;
+		return true;
+	}
+	return false;
+};
+var patch = (oldVNode, newVNode2, isInitialRender = false) => {
+	const elm = newVNode2.$elm$ = oldVNode.$elm$;
+	const oldChildren = oldVNode.$children$;
+	const newChildren = newVNode2.$children$;
+	const text = newVNode2.$text$;
+	if (text === null) {
+		updateElement(oldVNode, newVNode2, isSvgMode);
+		if (oldChildren !== null && newChildren !== null) updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
+		else if (newChildren !== null) {
+			if (oldVNode.$text$ !== null) elm.textContent = "";
+			addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
+		} else if (!isInitialRender && BUILD.updatable && oldChildren !== null) removeVnodes(oldChildren, 0, oldChildren.length - 1);
+	} else if (oldVNode.$text$ !== text) elm.data = text;
+};
+var nullifyVNodeRefs = (vNode) => {
+	vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+	vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
+};
+var insertBefore = (parent, newNode, reference) => {
+	return parent == null ? void 0 : parent.insertBefore(newNode, reference);
+};
+var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
+	const hostElm = hostRef.$hostElement$;
+	const cmpMeta = hostRef.$cmpMeta$;
+	const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+	const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
+	hostTagName = hostElm.tagName;
+	if (cmpMeta.$attrsToReflect$) {
+		rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+		cmpMeta.$attrsToReflect$.map(([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]);
+	}
+	if (isInitialLoad && rootVnode.$attrs$) {
+		for (const key of Object.keys(rootVnode.$attrs$)) if (hostElm.hasAttribute(key) && ![
+			"key",
+			"ref",
+			"style",
+			"class"
+		].includes(key)) rootVnode.$attrs$[key] = hostElm[key];
+	}
+	rootVnode.$tag$ = null;
+	rootVnode.$flags$ |= 4;
+	hostRef.$vnode$ = rootVnode;
+	rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm;
+	patch(oldVNode, rootVnode, isInitialLoad);
+};
+var attachToAncestor = (hostRef, ancestorComponent) => {
+	if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
+		const index = ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = () => {
+			ancestorComponent["s-p"].splice(index - 1, 1);
+			r();
+		}));
+	}
+};
+var scheduleUpdate = (hostRef, isInitialLoad) => {
+	hostRef.$flags$ |= 16;
+	if (hostRef.$flags$ & 4) {
+		hostRef.$flags$ |= 512;
+		return;
+	}
+	attachToAncestor(hostRef, hostRef.$ancestorComponent$);
+	const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+	return writeTask(dispatch);
+};
+var dispatchHooks = (hostRef, isInitialLoad) => {
+	const elm = hostRef.$hostElement$;
+	const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
+	const instance = elm;
+	if (!instance) throw new Error(`Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);
+	let maybePromise;
+	if (isInitialLoad) maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+	else maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+	maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
+	endSchedule();
+	return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
+};
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
+	console.error(err2);
+	fn();
+}) : fn();
+var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
+var updateComponent = async (hostRef, instance, isInitialLoad) => {
+	var _a;
+	const elm = hostRef.$hostElement$;
+	const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
+	const rc = elm["s-rc"];
+	if (isInitialLoad) attachStyles(hostRef);
+	const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
+	callRender(hostRef, instance, elm, isInitialLoad);
+	if (rc) {
+		rc.map((cb) => cb());
+		elm["s-rc"] = void 0;
+	}
+	endRender();
+	endUpdate();
+	{
+		const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
+		const postUpdate = () => postUpdateComponent(hostRef);
+		if (childrenPromises.length === 0) postUpdate();
+		else {
+			Promise.all(childrenPromises).then(postUpdate);
+			hostRef.$flags$ |= 4;
+			childrenPromises.length = 0;
+		}
+	}
+};
+var callRender = (hostRef, instance, elm, isInitialLoad) => {
+	try {
+		instance = instance.render();
+		hostRef.$flags$ &= -17;
+		hostRef.$flags$ |= 2;
+		renderVdom(hostRef, instance, isInitialLoad);
+	} catch (e) {
+		consoleError(e, hostRef.$hostElement$);
+	}
+	return null;
+};
+var postUpdateComponent = (hostRef) => {
+	const tagName = hostRef.$cmpMeta$.$tagName$;
+	const elm = hostRef.$hostElement$;
+	const endPostUpdate = createTime("postUpdate", tagName);
+	const instance = elm;
+	const ancestorComponent = hostRef.$ancestorComponent$;
+	safeCall(instance, "componentDidRender", void 0, elm);
+	if (!(hostRef.$flags$ & 64)) {
+		hostRef.$flags$ |= 64;
+		addHydratedFlag(elm);
+		safeCall(instance, "componentDidLoad", void 0, elm);
+		endPostUpdate();
+		hostRef.$onReadyResolve$(elm);
+		if (!ancestorComponent) appDidLoad();
+	} else {
+		safeCall(instance, "componentDidUpdate", void 0, elm);
+		endPostUpdate();
+	}
+	if (hostRef.$onRenderResolve$) {
+		hostRef.$onRenderResolve$();
+		hostRef.$onRenderResolve$ = void 0;
+	}
+	if (hostRef.$flags$ & 512) nextTick(() => scheduleUpdate(hostRef, false));
+	hostRef.$flags$ &= -517;
+};
+var appDidLoad = (who) => {
+	nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
+};
+var safeCall = (instance, method, arg, elm) => {
+	if (instance && instance[method]) try {
+		return instance[method](arg);
+	} catch (e) {
+		consoleError(e, elm);
+	}
+};
+var addHydratedFlag = (elm) => {
+	var _a;
+	return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated");
+};
+var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
+var setValue = (ref, propName, newVal, cmpMeta) => {
+	const hostRef = getHostRef(ref);
+	const elm = ref;
+	const oldVal = hostRef.$instanceValues$.get(propName);
+	const flags = hostRef.$flags$;
+	const instance = elm;
+	newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+	if (newVal !== oldVal && !(Number.isNaN(oldVal) && Number.isNaN(newVal))) {
+		hostRef.$instanceValues$.set(propName, newVal);
+		if (cmpMeta.$watchers$ && flags & 128) {
+			const watchMethods = cmpMeta.$watchers$[propName];
+			if (watchMethods) watchMethods.map((watchMethodName) => {
+				try {
+					instance[watchMethodName](newVal, oldVal, propName);
+				} catch (e) {
+					consoleError(e, elm);
+				}
+			});
+		}
+		if ((flags & 18) === 2) {
+			if (instance.componentShouldUpdate) {
+				if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) return;
+			}
+			scheduleUpdate(hostRef, false);
+		}
+	}
+};
+var proxyComponent = (Cstr, cmpMeta, flags) => {
+	var _a, _b;
+	const prototype = Cstr.prototype;
+	if (cmpMeta.$members$ || cmpMeta.$watchers$ || Cstr.watchers) {
+		if (Cstr.watchers && !cmpMeta.$watchers$) cmpMeta.$watchers$ = Cstr.watchers;
+		const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+		members.map(([memberName, [memberFlags]]) => {
+			if (memberFlags & 31 || memberFlags & 32) {
+				const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+				if (origGetter) cmpMeta.$members$[memberName][0] |= 2048;
+				if (origSetter) cmpMeta.$members$[memberName][0] |= 4096;
+				Object.defineProperty(prototype, memberName, {
+					get() {
+						return origGetter ? origGetter.apply(this) : getValue(this, memberName);
+					},
+					configurable: true,
+					enumerable: true
+				});
+				Object.defineProperty(prototype, memberName, { set(newValue) {
+					const ref = getHostRef(this);
+					if (origSetter) {
+						const currentValue = memberFlags & 32 ? this[memberName] : ref.$hostElement$[memberName];
+						if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) newValue = ref.$instanceValues$.get(memberName);
+						else if (!ref.$instanceValues$.get(memberName) && currentValue) ref.$instanceValues$.set(memberName, currentValue);
+						origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
+						newValue = memberFlags & 32 ? this[memberName] : ref.$hostElement$[memberName];
+						setValue(this, memberName, newValue, cmpMeta);
+						return;
+					}
+					setValue(this, memberName, newValue, cmpMeta);
+				} });
+			}
+		});
+		{
+			const attrNameToPropName = /* @__PURE__ */ new Map();
+			prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
+				plt.jmp(() => {
+					var _a2;
+					const propName = attrNameToPropName.get(attrName);
+					if (this.hasOwnProperty(propName) && BUILD.lazyLoad);
+					else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) return;
+					else if (propName == null) {
+						const hostRef = getHostRef(this);
+						const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
+						if (flags2 && !(flags2 & 8) && flags2 & 128 && newValue !== oldValue) {
+							const instance = this;
+							((_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName])?.forEach((callbackName) => {
+								if (instance[callbackName] != null) instance[callbackName].call(instance, newValue, oldValue, attrName);
+							});
+						}
+						return;
+					}
+					const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
+					newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
+					if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) this[propName] = newValue;
+				});
+			};
+			Cstr.observedAttributes = Array.from(/* @__PURE__ */ new Set([...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}), ...members.filter(([_, m]) => m[0] & 15).map(([propName, m]) => {
+				var _a2;
+				const attrName = m[1] || propName;
+				attrNameToPropName.set(attrName, propName);
+				if (m[0] & 512) (_a2 = cmpMeta.$attrsToReflect$) == null || _a2.push([propName, attrName]);
+				return attrName;
+			})]));
+		}
+	}
+	return Cstr;
+};
+var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+	let Cstr;
+	if ((hostRef.$flags$ & 32) === 0) {
+		hostRef.$flags$ |= 32;
+		{
+			Cstr = elm.constructor;
+			const cmpTag = elm.localName;
+			customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128);
+		}
+		if (Cstr && Cstr.style) {
+			let style;
+			if (typeof Cstr.style === "string") style = Cstr.style;
+			const scopeId2 = getScopeId(cmpMeta);
+			if (!styles.has(scopeId2)) {
+				const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+				registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1));
+				endRegisterStyles();
+			}
+		}
+	}
+	const ancestorComponent = hostRef.$ancestorComponent$;
+	const schedule = () => scheduleUpdate(hostRef, true);
+	if (ancestorComponent && ancestorComponent["s-rc"]) ancestorComponent["s-rc"].push(schedule);
+	else schedule();
+};
+var fireConnectedCallback = (instance, elm) => {};
+var connectedCallback = (elm) => {
+	if ((plt.$flags$ & 1) === 0) {
+		const hostRef = getHostRef(elm);
+		const cmpMeta = hostRef.$cmpMeta$;
+		const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
+		if (!(hostRef.$flags$ & 1)) {
+			hostRef.$flags$ |= 1;
+			{
+				let ancestorComponent = elm;
+				while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) if (ancestorComponent["s-p"]) {
+					attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+					break;
+				}
+			}
+			if (cmpMeta.$members$) Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
+				if (memberFlags & 31 && elm.hasOwnProperty(memberName)) {
+					const value = elm[memberName];
+					delete elm[memberName];
+					elm[memberName] = value;
+				}
+			});
+			if (BUILD.initializeNextTick) nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
+			else initializeComponent(elm, hostRef, cmpMeta);
+		} else if (hostRef == null ? void 0 : hostRef.$lazyInstance$);
+		else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+		endConnected();
+	}
+};
+var disconnectedCallback = async (elm) => {
+	if ((plt.$flags$ & 1) === 0) getHostRef(elm);
+	if (rootAppliedStyles.has(elm)) rootAppliedStyles.delete(elm);
+	if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) rootAppliedStyles.delete(elm.shadowRoot);
+};
+var proxyCustomElement = (Cstr, compactMeta) => {
+	const cmpMeta = {
+		$flags$: compactMeta[0],
+		$tagName$: compactMeta[1]
+	};
+	cmpMeta.$members$ = compactMeta[2];
+	cmpMeta.$watchers$ = Cstr.$watchers$;
+	cmpMeta.$attrsToReflect$ = [];
+	const originalConnectedCallback = Cstr.prototype.connectedCallback;
+	const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
+	Object.assign(Cstr.prototype, {
+		__hasHostListenerAttached: false,
+		__registerHost() {
+			registerHost(this, cmpMeta);
+		},
+		connectedCallback() {
+			if (!this.__hasHostListenerAttached) {
+				getHostRef(this);
+				this.__hasHostListenerAttached = true;
+			}
+			connectedCallback(this);
+			if (originalConnectedCallback) originalConnectedCallback.call(this);
+		},
+		disconnectedCallback() {
+			disconnectedCallback(this);
+			if (originalDisconnectedCallback) originalDisconnectedCallback.call(this);
+		},
+		__attachShadow() {
+			if (!this.shadowRoot) createShadowRoot.call(this, cmpMeta);
+			else if (this.shadowRoot.mode !== "open") throw new Error(`Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`);
+		}
+	});
+	Cstr.is = cmpMeta.$tagName$;
+	return proxyComponent(Cstr, cmpMeta);
+};
+var CACHED_MAP$1;
+var getIconMap$1 = () => {
+	if (typeof window === "undefined") return /* @__PURE__ */ new Map();
+	else {
+		if (!CACHED_MAP$1) {
+			const win = window;
+			win.Ionicons = win.Ionicons || {};
+			CACHED_MAP$1 = win.Ionicons.map = win.Ionicons.map || /* @__PURE__ */ new Map();
+		}
+		return CACHED_MAP$1;
+	}
+};
+var getUrl = (i) => {
+	let url = getSrc(i.src);
+	if (url) return url;
+	url = getName(i.name, i.icon, i.mode, i.ios, i.md);
+	if (url) return getNamedUrl(url, i);
+	if (i.icon) {
+		url = getSrc(i.icon);
+		if (url) return url;
+		url = getSrc(i.icon[i.mode]);
+		if (url) return url;
+	}
+	return null;
+};
+var getNamedUrl = (iconName, iconEl) => {
+	const url = getIconMap$1().get(iconName);
+	if (url) return url;
+	try {
+		return getAssetPath(`svg/${iconName}.svg`);
+	} catch (e) {
+		console.log("e", e);
+		/**
+		* In the custom elements build version of ionicons, referencing an icon
+		* by name will throw an invalid URL error because the asset path is not defined.
+		* This catches that error and logs something that is more developer-friendly.
+		* We also include a reference to the ion-icon element so developers can
+		* figure out which instance of ion-icon needs to be updated.
+		*/
+		console.warn(`[Ionicons Warning]: Could not load icon with name "${iconName}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, iconEl);
+	}
+};
+var getName = (iconName, icon, mode, ios, md) => {
+	mode = (mode && toLower(mode)) === "ios" ? "ios" : "md";
+	if (ios && mode === "ios") iconName = toLower(ios);
+	else if (md && mode === "md") iconName = toLower(md);
+	else {
+		if (!iconName && icon && !isSrc(icon)) iconName = icon;
+		if (isStr(iconName)) iconName = toLower(iconName);
+	}
+	if (!isStr(iconName) || iconName.trim() === "") return null;
+	if (iconName.replace(/[a-z]|-|\d/gi, "") !== "") return null;
+	return iconName;
+};
+var getSrc = (src) => {
+	if (isStr(src)) {
+		src = src.trim();
+		if (isSrc(src)) return src;
+	}
+	return null;
+};
+var isSrc = (str) => str.length > 0 && /(\/|\.)/.test(str);
+var isStr = (val) => typeof val === "string";
+var toLower = (val) => val.toLowerCase();
+/**
+* Elements inside of web components sometimes need to inherit global attributes
+* set on the host. For example, the inner input in `ion-input` should inherit
+* the `title` attribute that developers set directly on `ion-input`. This
+* helper function should be called in componentWillLoad and assigned to a variable
+* that is later used in the render function.
+*
+* This does not need to be reactive as changing attributes on the host element
+* does not trigger a re-render.
+*/
+var inheritAttributes = (el, attributes = []) => {
+	const attributeObject = {};
+	attributes.forEach((attr) => {
+		if (el.hasAttribute(attr)) {
+			if (el.getAttribute(attr) !== null) attributeObject[attr] = el.getAttribute(attr);
+			el.removeAttribute(attr);
+		}
+	});
+	return attributeObject;
+};
+/**
+* Returns `true` if the document or host element
+* has a `dir` set to `rtl`. The host value will always
+* take priority over the root document value.
+*/
+var isRTL = (hostEl) => {
+	if (hostEl) {
+		if (hostEl.dir !== "") return hostEl.dir.toLowerCase() === "rtl";
+	}
+	return (document === null || document === void 0 ? void 0 : document.dir.toLowerCase()) === "rtl";
+};
+//#endregion
+//#region node_modules/ionicons/components/ion-icon.js
+var validateContent = (svgContent) => {
+	const div = document.createElement("div");
+	div.innerHTML = svgContent;
+	for (let i = div.childNodes.length - 1; i >= 0; i--) if (div.childNodes[i].nodeName.toLowerCase() !== "svg") div.removeChild(div.childNodes[i]);
+	const svgElm = div.firstElementChild;
+	if (svgElm && svgElm.nodeName.toLowerCase() === "svg") {
+		const svgClass = svgElm.getAttribute("class") || "";
+		svgElm.setAttribute("class", (svgClass + " s-ion-icon").trim());
+		if (isValid(svgElm)) return div.innerHTML;
+	}
+	return "";
+};
+var isValid = (elm) => {
+	if (elm.nodeType === 1) {
+		if (elm.nodeName.toLowerCase() === "script") return false;
+		for (let i = 0; i < elm.attributes.length; i++) {
+			const name = elm.attributes[i].name;
+			if (isStr(name) && name.toLowerCase().indexOf("on") === 0) return false;
+		}
+		for (let i = 0; i < elm.childNodes.length; i++) if (!isValid(elm.childNodes[i])) return false;
+	}
+	return true;
+};
+var isSvgDataUrl = (url) => url.startsWith("data:image/svg+xml");
+var isEncodedDataUrl = (url) => url.indexOf(";utf8,") !== -1;
+var ioniconContent = /* @__PURE__ */ new Map();
+var requests = /* @__PURE__ */ new Map();
+var parser;
+/**
+* Safely fallback to an empty svg
+*/
+function safeFallback(url) {
+	const svg = "";
+	ioniconContent.set(url, svg);
+	return svg;
+}
+var getSvgContent = (url, sanitize) => {
+	/**
+	* See if we already have a request for this url
+	*/
+	const req = requests.get(url);
+	if (req) return req;
+	if (typeof fetch !== "undefined" && typeof document !== "undefined") {
+		/**
+		* If the url is a data url of an svg, then try to parse it
+		* with the DOMParser. This works with content security policies enabled.
+		*/
+		if (isSvgDataUrl(url) && isEncodedDataUrl(url)) return Promise.resolve(getSvgByUrl(url));
+		return fetchSvg(url, sanitize);
+	}
+	return Promise.resolve(safeFallback(url));
+};
+function getSvgByUrl(url) {
+	if (!parser)
+ /**
+	* Create an instance of the DOM parser. This creates a single
+	* parser instance for the entire app, which is more efficient.
+	*/
+	parser = new DOMParser();
+	const svg = parser.parseFromString(url, "text/html").querySelector("svg");
+	if (svg) {
+		ioniconContent.set(url, svg.outerHTML);
+		return svg.outerHTML;
+	}
+	throw new Error(`Could not parse svg from ${url}`);
+}
+function fetchSvg(url, sanitize) {
+	/**
+	* We don't already have a request
+	*/
+	const req = fetch(url).then((rsp) => {
+		/**
+		* When fetching from a file:// URL, some browsers return
+		* a 0 status code even when the request succeeds so don't
+		* rely on rsp.ok as the only signal of success.
+		*/
+		return rsp.text().then((svgContent) => {
+			if (svgContent && sanitize !== false) svgContent = validateContent(svgContent);
+			const svg = svgContent || "";
+			ioniconContent.set(url, svg);
+			return svg;
+		}).catch(() => safeFallback(url));
+	}).catch(() => safeFallback(url));
+	/**
+	* Cache for the same requests
+	*/
+	requests.set(url, req);
+	return req;
+}
+var iconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;box-sizing:content-box !important}:host .ionicon{stroke:currentColor}.ionicon-fill-none{fill:none}.ionicon-stroke-width{stroke-width:var(--ionicon-stroke-width, 32px)}.icon-inner,.ionicon,svg{display:block;height:100%;width:100%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{transform:scaleX(-1)}}@supports not selector(:dir(rtl)) and selector(:host-context([dir='rtl'])){:host(.icon-rtl) .icon-inner{transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{transform:scaleX(1)}}:host(.icon-small){font-size:1.125rem !important}:host(.icon-large){font-size:2rem !important}:host(.ion-color){color:var(--ion-color-base) !important}:host(.ion-color-primary){--ion-color-base:var(--ion-color-primary, #3880ff)}:host(.ion-color-secondary){--ion-color-base:var(--ion-color-secondary, #0cd1e8)}:host(.ion-color-tertiary){--ion-color-base:var(--ion-color-tertiary, #f4a942)}:host(.ion-color-success){--ion-color-base:var(--ion-color-success, #10dc60)}:host(.ion-color-warning){--ion-color-base:var(--ion-color-warning, #ffce00)}:host(.ion-color-danger){--ion-color-base:var(--ion-color-danger, #f14141)}:host(.ion-color-light){--ion-color-base:var(--ion-color-light, #f4f5f8)}:host(.ion-color-medium){--ion-color-base:var(--ion-color-medium, #989aa2)}:host(.ion-color-dark){--ion-color-base:var(--ion-color-dark, #222428)}";
+var Icon = /* @__PURE__ */ proxyCustomElement(class Icon extends H {
+	constructor() {
+		super();
+		this.__registerHost();
+		this.__attachShadow();
+		this.iconName = null;
+		this.inheritedAttributes = {};
+		this.didLoadIcon = false;
+		this.isVisible = false;
+		/**
+		* The mode determines which platform styles to use.
+		*/
+		this.mode = getIonMode();
+		/**
+		* If enabled, ion-icon will be loaded lazily when it's visible in the viewport.
+		* Default, `false`.
+		*/
+		this.lazy = false;
+		/**
+		* When set to `false`, SVG content that is HTTP fetched will not be checked
+		* if the response SVG content has any `<script>` elements, or any attributes
+		* that start with `on`, such as `onclick`.
+		* @default true
+		*/
+		this.sanitize = true;
+	}
+	componentWillLoad() {
+		this.inheritedAttributes = inheritAttributes(this.el, ["aria-label"]);
+	}
+	connectedCallback() {
+		/**
+		* purposely do not return the promise here because loading
+		* the svg file should not hold up loading the app
+		* only load the svg if it's visible
+		*/
+		this.waitUntilVisible(this.el, "50px", () => {
+			this.isVisible = true;
+			this.loadIcon();
+		});
+	}
+	/**
+	* Loads the icon after the component has finished rendering.
+	*/
+	componentDidLoad() {
+		/**
+		* Addresses an Angular issue where property values are assigned after the 'connectedCallback' but prior to the registration of watchers.
+		* This enhancement ensures the loading of an icon when the component has finished rendering and the icon has yet to apply the SVG data.
+		* This modification pertains to the usage of Angular's binding syntax:
+		* `<ion-icon [name]="myIconName"></ion-icon>`
+		*/
+		if (!this.didLoadIcon) this.loadIcon();
+	}
+	/**
+	* Disconnect the IntersectionObserver.
+	*/
+	disconnectedCallback() {
+		if (this.io) {
+			this.io.disconnect();
+			this.io = void 0;
+		}
+	}
+	/**
+	* Wait until the icon is visible in the viewport.
+	* @param el - The element to observe.
+	* @param rootMargin - The root margin of the observer.
+	* @param cb - The callback to call when the element is visible.
+	*/
+	waitUntilVisible(el, rootMargin, cb) {
+		/**
+		* browser doesn't support IntersectionObserver
+		* so just fallback to always show it
+		*/
+		if (!Boolean(this.lazy && typeof window !== "undefined" && window.IntersectionObserver)) return cb();
+		const io = this.io = new window.IntersectionObserver((data) => {
+			if (data[0].isIntersecting) {
+				io.disconnect();
+				this.io = void 0;
+				cb();
+			}
+		}, { rootMargin });
+		io.observe(el);
+	}
+	/**
+	* Watch for changes to the icon name, src, icon, ios, or md properties.
+	* When a change is detected, the icon will be loaded.
+	*/
+	loadIcon() {
+		if (this.isVisible) {
+			const url = getUrl(this);
+			if (url) {
+				if (ioniconContent.has(url)) this.svgContent = ioniconContent.get(url);
+				else getSvgContent(url, this.sanitize).then(() => this.svgContent = ioniconContent.get(url));
+				this.didLoadIcon = true;
+			}
+		}
+		this.iconName = getName(this.name, this.icon, this.mode, this.ios, this.md);
+	}
+	render() {
+		const { flipRtl, iconName, inheritedAttributes, el } = this;
+		const mode = this.mode || "md";
+		/**
+		* we have designated that arrows & chevrons should automatically flip (unless flip-rtl
+		* is set to false) because "back" is left in ltr and right in rtl, and "forward" is the opposite
+		*/
+		const shouldAutoFlip = iconName ? (iconName.includes("arrow") || iconName.includes("chevron")) && flipRtl !== false : false;
+		/**
+		* if shouldBeFlippable is true, the icon should change direction when `dir` changes
+		*/
+		const shouldBeFlippable = flipRtl || shouldAutoFlip;
+		return h(Host, Object.assign({
+			key: "0578c899781ca145dd8205acd9670af39b57cf2e",
+			role: "img",
+			class: Object.assign(Object.assign({ [mode]: true }, createColorClasses(this.color)), {
+				[`icon-${this.size}`]: !!this.size,
+				"flip-rtl": shouldBeFlippable,
+				"icon-rtl": shouldBeFlippable && isRTL(el)
+			})
+		}, inheritedAttributes), this.svgContent ? h("div", {
+			class: "icon-inner",
+			innerHTML: this.svgContent
+		}) : h("div", { class: "icon-inner" }));
+	}
+	static get assetsDirs() {
+		return ["svg"];
+	}
+	get el() {
+		return this;
+	}
+	static get watchers() {
+		return {
+			"name": ["loadIcon"],
+			"src": ["loadIcon"],
+			"icon": ["loadIcon"],
+			"ios": ["loadIcon"],
+			"md": ["loadIcon"]
+		};
+	}
+	static get style() {
+		return iconCss;
+	}
+}, [
+	1,
+	"ion-icon",
+	{
+		"mode": [1025],
+		"color": [1],
+		"ios": [1],
+		"md": [1],
+		"flipRtl": [4, "flip-rtl"],
+		"name": [513],
+		"src": [1],
+		"icon": [8],
+		"size": [1],
+		"lazy": [4],
+		"sanitize": [4],
+		"svgContent": [32],
+		"isVisible": [32]
+	},
+	void 0,
+	{
+		"name": ["loadIcon"],
+		"src": ["loadIcon"],
+		"icon": ["loadIcon"],
+		"ios": ["loadIcon"],
+		"md": ["loadIcon"]
+	}
+]);
+/**
+* Get the mode of the document.
+* @returns The mode of the document.
+*/
+var getIonMode = () => typeof document !== "undefined" && document.documentElement.getAttribute("mode") || "md";
+/**
+* Create color classes for the icon.
+* @param color - The color of the icon.
+* @returns The color classes for the icon.
+*/
+var createColorClasses = (color) => {
+	return color ? {
+		"ion-color": true,
+		[`ion-color-${color}`]: true
+	} : null;
+};
+function defineCustomElement$1() {
+	if (typeof customElements === "undefined") return;
+	["ion-icon"].forEach((tagName) => {
+		switch (tagName) {
+			case "ion-icon":
+				if (!customElements.get(tagName)) customElements.define(tagName, Icon);
+				break;
+		}
+	});
+}
+var defineCustomElement = defineCustomElement$1;
+//#endregion
+//#region node_modules/ionicons/dist/esm/index-RzboMlQJ.js
+var CACHED_MAP;
+var getIconMap = () => {
+	if (typeof window === "undefined") return /* @__PURE__ */ new Map();
+	else {
+		if (!CACHED_MAP) {
+			const win = window;
+			win.Ionicons = win.Ionicons || {};
+			CACHED_MAP = win.Ionicons.map = win.Ionicons.map || /* @__PURE__ */ new Map();
+		}
+		return CACHED_MAP;
+	}
+};
+var addIcons = (icons) => {
+	Object.keys(icons).forEach((name) => {
+		addToIconMap(name, icons[name]);
+		/**
+		* Developers can also pass in the SVG object directly
+		* and Ionicons can map the object to a kebab case name.
+		* Example: addIcons({ addCircleOutline });
+		* This will create an "addCircleOutline" entry and
+		* an "add-circle-outline" entry.
+		* Usage: <ion-icon name="add-circle-outline"></ion-icon>
+		* Using name="addCircleOutline" is valid too, but the
+		* kebab case naming is preferred.
+		*/
+		const toKebabCase = name.replace(/([a-z0-9]|(?=[A-Z]))([A-Z0-9])/g, "$1-$2").toLowerCase();
+		if (name !== toKebabCase) addToIconMap(toKebabCase, icons[name]);
+	});
+};
+var addToIconMap = (name, data) => {
+	const map = getIconMap();
+	const existingIcon = map.get(name);
+	if (existingIcon === void 0) map.set(name, data);
+	else if (existingIcon !== data) console.warn(`[Ionicons Warning]: Multiple icons were mapped to name "${name}". Ensure that multiple icons are not mapped to the same icon name.`);
+};
+//#endregion
+//#region node_modules/ionicons/icons/index.mjs
+var arrowBack = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M244 400 100 256l144-144M120 256h292' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+var arrowBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M244 400 100 256l144-144M120 256h292' stroke-linecap='square' stroke-miterlimit='10' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+var chevronBack = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M328 112 184 256l144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+var chevronBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M328 112 184 256l144 144' stroke-linecap='square' stroke-miterlimit='10' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+//#endregion
+//#region src/setup.ts
+var isInitialized = false;
+/**
+* Initialize Ionic Core for Nix.js.
+*
+* By default only the **minimal** components needed for routing are registered
+* (ion-app, ion-router, ion-route, ion-router-outlet, ion-back-button, ion-icon).
+*
+* Pass additional components via `options.components` to register only what you use:
+*
+* ```ts
+* import { setupNixIonic } from "@deijose/nix-ionic";
+* import { layoutComponents } from "@deijose/nix-ionic/bundles/layout";
+* import { defineIonButton } from "@deijose/nix-ionic/components";
+*
+* setupNixIonic({
+*   components: [...layoutComponents, defineIonButton],
+* });
+* ```
+*/
+function setupNixIonic(options = {}) {
+	if (isInitialized) return;
+	const assetPath = options.iconAssetPath || "https://unpkg.com/ionicons@latest/dist/ionicons/svg/";
+	window.ionicons = { assets: assetPath };
+	y$3();
+	const coreComponents = [
+		l$4,
+		L,
+		p$3,
+		f$3,
+		v,
+		defineCustomElement
+	];
+	for (let i = 0; i < coreComponents.length; i++) {
+		const def = coreComponents[i];
+		def();
+	}
+	if (options.components) for (let i = 0; i < options.components.length; i++) {
+		const def = options.components[i];
+		def();
+	}
+	addIcons({
+		"arrow-back": arrowBack,
+		"arrow-back-sharp": arrowBackSharp,
+		"chevron-back": chevronBack,
+		"chevron-back-sharp": chevronBackSharp
+	});
+	isInitialized = true;
+}
+//#endregion
+//#region src/IonRouterOutlet.ts
+function useRouter() {
+	return {
+		navigate: (path, direction = "forward") => {
+			const router = document.querySelector("ion-router");
+			if (router && typeof router.push === "function") router.push(path, direction);
+		},
+		replace: (path) => {
+			const router = document.querySelector("ion-router");
+			if (router && typeof router.push === "function") router.push(path, "root");
+		},
+		back: () => {
+			const router = document.querySelector("ion-router");
+			if (router && typeof router.back === "function") router.back();
+		}
+	};
+}
+function IonBackButton(defaultHref = "/") {
+	return {
+		__isNixTemplate: true,
+		mount(container) {
+			const el = typeof container === "string" ? document.querySelector(container) : container;
+			return { unmount: this._render(el, null) };
+		},
+		_render(parent, before) {
+			const btn = document.createElement("ion-back-button");
+			if (defaultHref) btn.setAttribute("default-href", defaultHref);
+			parent.insertBefore(btn, before);
+			return () => btn.remove();
+		}
+	};
+}
+var IonRouterOutlet = class extends NixComponent {
+	routes;
+	constructor(routes) {
+		super();
+		this.routes = routes;
+	}
+	_pathToRouteId(path) {
+		if (!path || path === "/") return "nix-route-home";
+		return `nix-route-${path.replace(/\/:?[^/]+/g, (m) => "-" + m.replace(/\//g, "").replace(/:/g, "")).replace(/^\//, "").replace(/\//g, "-")}`;
+	}
+	render() {
+		const self = this;
+		return {
+			__isNixTemplate: true,
+			mount(container) {
+				const el = typeof container === "string" ? document.querySelector(container) : container;
+				return { unmount: this._render(el, null) };
+			},
+			_render(parent, before) {
+				const routerEl = document.createElement("ion-router");
+				routerEl.setAttribute("use-hash", "false");
+				self.routes.filter((r) => r.path !== "*").forEach((r) => {
+					const routeEl = document.createElement("ion-route");
+					routeEl.setAttribute("url", r.path);
+					routeEl.setAttribute("component", self._pathToRouteId(r.path));
+					routerEl.appendChild(routeEl);
+				});
+				const outletEl = document.createElement("ion-router-outlet");
+				outletEl.delegate = {
+					attachViewToDom: async (container, componentTag, props, classes) => {
+						const routeDef = self.routes.find((r) => self._pathToRouteId(r.path) === componentTag);
+						const pageEl = document.createElement("ion-page");
+						pageEl.classList.add("ion-page");
+						if (classes && classes.length) pageEl.classList.add(...classes);
+						const lc = createPageLifecycle();
+						pageEl.addEventListener("ionViewWillEnter", () => lc.willEnter.update((n) => n + 1));
+						pageEl.addEventListener("ionViewDidEnter", () => lc.didEnter.update((n) => n + 1));
+						pageEl.addEventListener("ionViewWillLeave", () => lc.willLeave.update((n) => n + 1));
+						pageEl.addEventListener("ionViewDidLeave", () => lc.didLeave.update((n) => n + 1));
+						if (routeDef) {
+							const params = props || {};
+							const pageNode = routeDef.component({
+								lc,
+								params
+							});
+							if ("render" in pageNode && typeof pageNode.render === "function") {
+								const comp = pageNode;
+								comp.onInit?.();
+								const renderCleanup = comp.render()._render(pageEl, null);
+								const mountRet = comp.onMount?.();
+								pageEl._nixCleanup = () => {
+									comp.onUnmount?.();
+									if (typeof mountRet === "function") mountRet();
+									renderCleanup();
+								};
+							} else pageEl._nixCleanup = pageNode._render(pageEl, null);
+						}
+						container.appendChild(pageEl);
+						return pageEl;
+					},
+					removeViewFromDom: async (_container, component) => {
+						if (component._nixCleanup) component._nixCleanup();
+						component.remove();
+					}
+				};
+				parent.insertBefore(routerEl, before);
+				parent.insertBefore(outletEl, before);
+				return () => {
+					routerEl.remove();
+					outletEl.remove();
+				};
+			}
+		};
+	}
+};
+//#endregion
+export { IonBackButton, IonPage, IonRouterOutlet, createPageLifecycle, setupNixIonic, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, useRouter };
+
+//# sourceMappingURL=index.js.map