@mtngtools/frame-vue 0.0.19-experimental.0 → 0.0.21-experimental.0

package/dist/{LoggedInOut-NpAFe-uy.js → LoggedInOut-DjWBHJcm.js}

@@ -1,5 +1,5 @@
 import { i as IconPanelRight_default, n as IconPanelFull_default, r as IconPanelBottom_default, t as IconClose_default } from "./IconClose-7R37a2Ma.js";
-import { t as useSimpleLoggedIn } from "./useSimpleLoggedIn-Dy7e3LcN.js";
+import { n as useSimpleLoggedIn } from "./useSimpleLoggedIn-DT4aMAWu.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
 var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ */ defineComponent({
 	__name: "SidePanelControlButton",
@@ -24,32 +24,32 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 	},
 	emits: ["click"],
 	setup(i, { emit: a }) {
-		let u = i, f = a, p = {
+		let c = i, u = a, d = {
 			auto: "Auto",
 			right: "Right",
 			bottom: "Bottom",
 			full: "Full",
 			minimized: "Close"
-		}, m = {
+		}, f = {
 			auto: null,
 			right: IconPanelRight_default,
 			bottom: IconPanelBottom_default,
 			full: IconPanelFull_default,
 			minimized: IconClose_default
-		}, ee = computed(() => p[u.state]), g = computed(() => {
-			if (u.disabled) return "cursor-not-allowed border-neutral-700 text-neutral-500";
+		}, m = computed(() => d[c.state]), h = computed(() => {
+			if (c.disabled) return "cursor-not-allowed border-neutral-700 text-neutral-500";
 			{
 				let e = "cursor-pointer";
-				return u.activeResolved ? `${e} text-accent-400/80 bg-accent/20 border-accent-900/10` : `${e} text-accent-200 bg-accent/50 hover:bg-accent/90 border-accent hover:text-white hover:border-white`;
+				return c.activeResolved ? `${e} text-accent-400/80 bg-accent/20 border-accent-900/10` : `${e} text-accent-200 bg-accent/50 hover:bg-accent/90 border-accent hover:text-white hover:border-white`;
 			}
 		});
-		function te() {
-			u.disabled || f("click", u.state);
+		function ee() {
+			c.disabled || u("click", c.state);
 		}
 		return (e, t) => (openBlock(), createElementBlock("button", {
 			type: "button",
 			disabled: i.disabled,
-			class: normalizeClass(g.value),
+			class: normalizeClass(h.value),
 			style: {
 				display: "inline-flex",
 				alignItems: "center",
@@ -57,22 +57,22 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				borderRadius: "0.375rem",
 				borderWidth: "1px",
 				borderStyle: "solid",
-				paddingLeft: "0.5rem",
-				paddingRight: "0.5rem",
-				paddingTop: "0.25rem",
-				paddingBottom: "0.25rem",
+				paddingLeft: "0.375rem",
+				paddingRight: "0.375rem",
+				paddingTop: "0.125rem",
+				paddingBottom: "0.125rem",
 				fontSize: "0.70rem",
 				lineHeight: "1.2rem",
 				textTransform: "uppercase"
 			},
-			onClick: te
-		}, [renderSlot(e.$slots, "icon", { state: i.state }, () => [!i.hideIcon && m[i.state] ? (openBlock(), createBlock(resolveDynamicComponent(m[i.state]), {
+			onClick: ee
+		}, [renderSlot(e.$slots, "icon", { state: i.state }, () => [!i.hideIcon && f[i.state] ? (openBlock(), createBlock(resolveDynamicComponent(f[i.state]), {
 			key: 0,
 			style: {
 				width: ".85em",
 				height: ".85em"
 			}
-		})) : createCommentVNode("", !0)]), renderSlot(e.$slots, "label", { state: i.state }, () => [createTextVNode(toDisplayString(ee.value), 1)])], 10, _hoisted_1$4));
+		})) : createCommentVNode("", !0)]), renderSlot(e.$slots, "label", { state: i.state }, () => [createTextVNode(toDisplayString(m.value), 1)])], 10, _hoisted_1$4));
 	}
 }), _hoisted_1$3 = {
 	class: "",
@@ -98,11 +98,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 	},
 	emits: ["setSidePanelMode", "closeSidePanel"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = computed(() => n.sidePanelModeResolved !== "none"), d = computed(() => n.overlayOnly && n.sidePanelModeResolved === "full" ? n.availableStates.includes("minimized") ? ["minimized"] : [] : n.availableStates);
-		function f(e) {
+		let n = e, r = t, i = computed(() => n.sidePanelModeResolved !== "none"), l = computed(() => n.overlayOnly && n.sidePanelModeResolved === "full" ? n.availableStates.includes("minimized") ? ["minimized"] : [] : n.availableStates);
+		function u(e) {
 			r("setSidePanelMode", e);
 		}
-		function p() {
+		function d() {
 			r("closeSidePanel");
 		}
 		return (t, n) => i.value ? renderSlot(t.$slots, "default", {
@@ -111,15 +111,15 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			sidePanelModeResolved: e.sidePanelModeResolved,
 			availableStates: e.availableStates,
 			overlayOnly: e.overlayOnly,
-			setSidePanelMode: f,
-			closeSidePanel: p
-		}, () => [createElementVNode("div", _hoisted_1$3, [(openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (t) => (openBlock(), createBlock(SidePanelControlButton_default, {
+			setSidePanelMode: u,
+			closeSidePanel: d
+		}, () => [createElementVNode("div", _hoisted_1$3, [(openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (t) => (openBlock(), createBlock(SidePanelControlButton_default, {
 			key: t,
 			state: t,
 			active: t === e.sidePanelMode,
 			"active-resolved": t === e.sidePanelModeResolved,
 			"hide-icon": e.hideIcons,
-			onClick: f
+			onClick: u
 		}, null, 8, [
 			"state",
 			"active",
@@ -139,7 +139,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 		justifyContent: "space-between",
 		gap: "0.5rem",
 		overflow: "hidden",
-		padding: "0.25rem 0.5rem"
+		padding: "0.5rem 0.5rem"
 	}
 }, _hoisted_2$1 = {
 	key: 1,
@@ -178,16 +178,16 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 	},
 	emits: ["setSidePanelMode", "closeSidePanel"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = useSlots(), d = computed(() => n.sidePanelModeResolved !== "none"), f = computed(() => n.sidePanelModeResolved === "minimized"), p = computed(() => !!i.default), m = computed(() => !!i.controls), h = computed(() => !f.value);
-		return (t, n) => d.value ? (openBlock(), createElementBlock("header", _hoisted_1$2, [createElementVNode("div", { style: normalizeStyle({
+		let n = e, r = t, i = useSlots(), l = computed(() => n.sidePanelModeResolved !== "none"), u = computed(() => n.sidePanelModeResolved === "minimized"), d = computed(() => !!i.default), f = computed(() => !!i.controls), p = computed(() => !u.value);
+		return (t, n) => l.value ? (openBlock(), createElementBlock("header", _hoisted_1$2, [createElementVNode("div", { style: normalizeStyle({
 			display: "flex",
-			flex: f.value && !p.value ? "1 1 auto" : "0 1 auto",
+			flex: u.value && !d.value ? "1 1 auto" : "0 1 auto",
 			minWidth: 0,
 			minHeight: 0,
 			alignItems: "center",
-			justifyContent: f.value && !p.value ? "center" : "flex-start",
+			justifyContent: u.value && !d.value ? "center" : "flex-start",
 			overflow: "hidden"
-		}) }, [p.value ? renderSlot(t.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [f.value ? (openBlock(), createElementBlock("button", {
+		}) }, [d.value ? renderSlot(t.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [u.value ? (openBlock(), createElementBlock("button", {
 			key: 0,
 			type: "button",
 			class: "text-accent-200 bg-accent/50 hover:bg-accent/90 border-accent hover:text-white hover:border-white",
@@ -198,16 +198,16 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				borderRadius: "0.375rem 0.375rem 0 0",
 				borderWidth: "1px",
 				borderStyle: "solid",
-				paddingLeft: "0.5rem",
-				paddingRight: "0.5rem",
-				paddingTop: "0.25rem",
-				paddingBottom: "0.25rem",
+				paddingLeft: "0.375rem",
+				paddingRight: "0.375rem",
+				paddingTop: "0.125rem",
+				paddingBottom: "0.125rem",
 				fontSize: "0.70rem",
 				lineHeight: "1.2rem",
 				textTransform: "uppercase"
 			},
 			onClick: n[0] ||= (e) => r("setSidePanelMode", "auto")
-		}, toDisplayString(e.title), 1)) : e.showTitleLabel ? (openBlock(), createElementBlock("h2", _hoisted_2$1, toDisplayString(e.title) + ": ", 1)) : createCommentVNode("", !0)], 64))], 4), m.value || h.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [renderSlot(t.$slots, "controls", {}, () => [h.value ? (openBlock(), createBlock(SidePanelButtonGroup_default, {
+		}, toDisplayString(e.title), 1)) : e.showTitleLabel ? (openBlock(), createElementBlock("h2", _hoisted_2$1, toDisplayString(e.title) + ": ", 1)) : createCommentVNode("", !0)], 64))], 4), f.value || p.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [renderSlot(t.$slots, "controls", {}, () => [p.value ? (openBlock(), createBlock(SidePanelButtonGroup_default, {
 			key: 0,
 			"side-panel-mode": e.sidePanelMode,
 			"side-panel-mode-resolved": e.sidePanelModeResolved,
@@ -287,7 +287,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				...e,
 				placeItems: "end center"
 			};
-		}), d = computed(() => {
+		}), l = computed(() => {
 			if (n.sidePanelModeResolved === "full") return {
 				width: "100%",
 				height: "100%"
@@ -303,24 +303,24 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				height: "100%",
 				width: "100%"
 			};
-		}), p = computed(() => (n.sidePanelModeResolved === "full" && n.overlayOnly, {
+		}), d = computed(() => (n.sidePanelModeResolved === "full" && n.overlayOnly, {
 			maxWidth: "100%",
 			maxHeight: "100%",
 			minHeight: 0,
 			minWidth: 0,
 			overflow: "hidden"
-		})), m = computed(() => ({
+		})), f = computed(() => ({
 			display: "grid",
 			gridTemplateColumns: "1fr",
-			gridTemplateRows: a.value ? "1.8rem" : "1.8rem minmax(0, 1fr)"
-		})), g = computed(() => n.overlayOnly ? "border-neutral-700 bg-black/95" : "");
+			gridTemplateRows: a.value ? "max-content" : "max-content minmax(0, 1fr)"
+		})), h = computed(() => n.overlayOnly ? "border-neutral-700 bg-black/95" : "");
 		return (t, n) => i.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", { style: normalizeStyle(s.value) }, [createElementVNode("section", {
 			"data-test": "side-panel-frame-shell",
-			class: normalizeClass(g.value),
+			class: normalizeClass(h.value),
 			style: normalizeStyle([
-				p.value,
 				d.value,
-				m.value
+				l.value,
+				f.value
 			])
 		}, [createElementVNode("div", _hoisted_2, [createVNode(SidePanelHeader_default, {
 			"show-title-label": e.showTitleLabel,
@@ -388,35 +388,35 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 		"defaultSlotResize"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = useSlots(), a = ref(null), p = ref(null), h = ref(null), _ = ref(0), v = ref(0), y = ref(0), b = ref(0), x = ref(0);
-		function ne() {
-			let e = h.value;
+		let n = e, r = t, i = useSlots(), a = ref(null), d = ref(null), p = ref(null), g = ref(0), _ = ref(0), v = ref(0), y = ref(0), b = ref(0);
+		function te() {
+			let e = p.value;
 			if (!e) return;
-			let t = n.enforceSlotSizingQuerySelector ? Array.from(e.querySelectorAll(n.enforceSlotSizingQuerySelector)) : Array.from(e.children), r = `${x.value}px`;
+			let t = n.enforceSlotSizingQuerySelector ? Array.from(e.querySelectorAll(n.enforceSlotSizingQuerySelector)) : Array.from(e.children), r = `${b.value}px`;
 			t.forEach((e) => {
 				e.style.height !== r && (e.style.height = r);
 			});
 		}
-		let S = ref("none"), C = ref("none"), w = ref([]), T = ref("none"), E = ref(!0), D = ref(!1), re = {
+		let x = ref("none"), S = ref("none"), C = ref([]), w = ref("none"), T = ref(!0), E = ref(!1), ne = {
 			sm: 640,
 			md: 768,
 			lg: 1024,
 			xl: 1280,
 			"2xl": 1536
-		}, O = computed(() => !!i.sidePanelContent && !n.disableSidePanel), k = computed(() => !!i.header), A = computed(() => w.value.filter((e) => e !== "auto")), j = computed(() => Math.max(0, v.value - y.value)), M = computed(() => _.value < G(n.controlsOverlayOnly)), N = computed(() => _.value === 0 ? !1 : j.value / _.value > 1.1), ie = computed(() => C.value === "right" && T.value === "wide-right" ? n.sidePanelMaxRightWide : n.sidePanelMaxRight), P = computed(() => _e(n.mainContentAspectRatio, 16 / 9)), ae = computed(() => b.value > 0 ? b.value : Math.max(1, _.value)), oe = computed(() => ae.value / P.value + 20), se = computed(() => Math.max(1, _.value) / P.value), ce = computed(() => K(n.sidePanelMinBottom, _.value, v.value)), le = computed(() => {
-			let e = se.value + ce.value;
-			return j.value >= e;
-		}), ue = computed(() => Math.max(0, j.value - oe.value)), de = computed(() => {
-			if (C.value !== "bottom") return n.sidePanelMinBottom;
-			let e = K(n.sidePanelMinBottom, _.value, v.value), t = Math.min(e, F.value);
+		}, D = computed(() => !!i.sidePanelContent && !n.disableSidePanel), O = computed(() => !!i.header), re = computed(() => C.value.filter((e) => e !== "auto")), k = computed(() => Math.max(0, _.value - v.value)), A = computed(() => g.value < W(n.controlsOverlayOnly)), j = computed(() => g.value === 0 ? !1 : k.value / g.value > 1.1), M = computed(() => S.value === "right" && w.value === "wide-right" ? n.sidePanelMaxRightWide : n.sidePanelMaxRight), N = computed(() => ge(n.mainContentAspectRatio, 16 / 9)), ie = computed(() => y.value > 0 ? y.value : Math.max(1, g.value)), ae = computed(() => ie.value / N.value + 20), oe = computed(() => Math.max(1, g.value) / N.value), se = computed(() => G(n.sidePanelMinBottom, g.value, _.value)), ce = computed(() => {
+			let e = oe.value + se.value;
+			return k.value >= e;
+		}), le = computed(() => Math.max(0, k.value - ae.value)), ue = computed(() => {
+			if (S.value !== "bottom") return n.sidePanelMinBottom;
+			let e = G(n.sidePanelMinBottom, g.value, _.value), t = Math.min(e, P.value);
 			return `${Math.max(0, Math.floor(t))}px`;
-		}), F = computed(() => {
-			let e = K(C.value === "bottom" && T.value === "tall-bottom" ? n.sidePanelMaxBottomTall : n.sidePanelMaxBottom, _.value, v.value);
-			return Math.max(0, Math.min(e, ue.value));
-		}), I = computed(() => C.value === "bottom" ? `${Math.max(0, Math.floor(F.value))}px` : n.sidePanelMaxBottom), fe = computed(() => C.value === "right" || C.value === "bottom" ? {} : C.value === "full" && !M.value ? {
+		}), P = computed(() => {
+			let e = G(S.value === "bottom" && w.value === "tall-bottom" ? n.sidePanelMaxBottomTall : n.sidePanelMaxBottom, g.value, _.value);
+			return Math.max(0, Math.min(e, le.value));
+		}), F = computed(() => S.value === "bottom" ? `${Math.max(0, Math.floor(P.value))}px` : n.sidePanelMaxBottom), de = computed(() => S.value === "right" || S.value === "bottom" ? {} : S.value === "full" && !A.value ? {
 			opacity: 0,
 			pointerEvents: "none"
-		} : {}), L = computed(() => !O.value || M.value || C.value === "none" || C.value === "minimized" || C.value === "right" || C.value === "bottom" ? null : {
+		} : {}), I = computed(() => !D.value || A.value || S.value === "none" || S.value === "minimized" || S.value === "right" || S.value === "bottom" ? null : {
 			position: "absolute",
 			top: 0,
 			right: 0,
@@ -424,16 +424,16 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			left: 0,
 			zIndex: 10,
 			pointerEvents: "none"
-		}), R = computed(() => !O.value || C.value === "none" || C.value === "full" ? { gridTemplate: "1fr / 1fr" } : C.value === "right" ? {
+		}), L = computed(() => !D.value || S.value === "none" || S.value === "full" ? { gridTemplate: "1fr / 1fr" } : S.value === "right" ? {
 			gridTemplateRows: "1fr",
-			gridTemplateColumns: `minmax(0, 1fr) max(${n.sidePanelMinRight}, ${ie.value})`
-		} : C.value === "bottom" ? {
-			gridTemplateRows: `minmax(0, 1fr) ${I.value}`,
+			gridTemplateColumns: `minmax(0, 1fr) max(${n.sidePanelMinRight}, ${M.value})`
+		} : S.value === "bottom" ? {
+			gridTemplateRows: `minmax(0, 1fr) ${F.value}`,
 			gridTemplateColumns: "1fr"
-		} : C.value === "minimized" ? {
-			gridTemplateRows: "1fr 34px",
+		} : S.value === "minimized" ? {
+			gridTemplateRows: "1fr max-content",
 			gridTemplateColumns: "1fr"
-		} : { gridTemplate: "1fr / 1fr" }), pe = computed(() => {
+		} : { gridTemplate: "1fr / 1fr" }), fe = computed(() => {
 			let e = {
 				minWidth: 0,
 				minHeight: 0,
@@ -442,13 +442,13 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				placeSelf: "stretch",
 				zIndex: 20
 			};
-			if (O.value) {
-				if (C.value === "right") return {
+			if (D.value) {
+				if (S.value === "right") return {
 					...e,
 					gridColumn: "2 / 3",
 					gridRow: "1 / 2"
 				};
-				if (C.value === "full") return {
+				if (S.value === "full") return {
 					...e,
 					gridColumn: "1 / 2",
 					gridRow: "1 / 2"
@@ -459,7 +459,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				gridColumn: "1 / 2",
 				gridRow: "2 / 3"
 			};
-		}), me = computed(() => {
+		}), pe = computed(() => {
 			let e = {
 				position: "fixed",
 				top: 0,
@@ -468,7 +468,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				left: 0,
 				overflow: "hidden"
 			};
-			return k.value ? {
+			return O.value ? {
 				...e,
 				display: "grid",
 				gridTemplateRows: "auto 1fr"
@@ -476,11 +476,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				...e,
 				display: "block"
 			};
-		}), he = computed(() => k.value ? {
+		}), me = computed(() => O.value ? {
 			position: "relative",
 			zIndex: 0,
 			display: "grid",
-			...R.value,
+			...L.value,
 			gridRow: "2 / 3",
 			minWidth: 0,
 			minHeight: 0,
@@ -489,7 +489,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			position: "absolute",
 			zIndex: 0,
 			display: "grid",
-			...R.value,
+			...L.value,
 			minWidth: 0,
 			minHeight: 0,
 			overflow: "hidden",
@@ -497,9 +497,9 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			right: "0",
 			bottom: "0",
 			left: "0"
-		}), ge = computed(() => !M.value || E.value), z = null, B, V, H = null, U = "", W = !1;
-		function G(e) {
-			let t = re[e];
+		}), he = computed(() => !A.value || T.value), R = null, z, B, V = null, H = "", U = !1;
+		function W(e) {
+			let t = ne[e];
 			if (t !== void 0) return t;
 			if (e.endsWith("px")) {
 				let t = Number.parseFloat(e);
@@ -508,7 +508,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			let n = Number.parseFloat(e);
 			return Number.isFinite(n) ? n : 0;
 		}
-		function _e(e, t) {
+		function ge(e, t) {
 			if (typeof e == "number") return Number.isFinite(e) && e > 0 ? e : t;
 			let n = String(e).trim();
 			if (n.includes("/")) {
@@ -518,7 +518,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			let r = Number.parseFloat(n);
 			return Number.isFinite(r) && r > 0 ? r : t;
 		}
-		function K(e, t, n) {
+		function G(e, t, n) {
 			let r = e.trim();
 			if (r.endsWith("px")) {
 				let e = Number.parseFloat(r);
@@ -535,9 +535,9 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			let i = Number.parseFloat(r);
 			return Number.isFinite(i) ? i : 0;
 		}
-		function ve() {
-			let e = Math.max(1, _.value), t = Math.max(1, j.value), r = e / t, i = e / t, a = G(n.sidePanelBreakpoint), o = le.value;
-			return r < n.autoBottomAspectRatioBreakpoint && o ? (T.value = "tall-bottom", {
+		function _e() {
+			let e = Math.max(1, g.value), t = Math.max(1, k.value), r = e / t, i = e / t, a = W(n.sidePanelBreakpoint), o = ce.value;
+			return r < n.autoBottomAspectRatioBreakpoint && o ? (w.value = "tall-bottom", {
 				states: [
 					"auto",
 					"full",
@@ -545,7 +545,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 					"minimized"
 				],
 				resolved: "bottom"
-			}) : i > n.autoRightAspectRatioBreakpoint ? (T.value = "wide-right", {
+			}) : i > n.autoRightAspectRatioBreakpoint ? (w.value = "wide-right", {
 				states: [
 					"auto",
 					"full",
@@ -553,7 +553,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 					"minimized"
 				],
 				resolved: "right"
-			}) : (T.value = "mixed", e >= a ? {
+			}) : (w.value = "mixed", e >= a ? {
 				states: o ? [
 					"auto",
 					"full",
@@ -576,73 +576,73 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				resolved: "full"
 			});
 		}
-		function ye(e, t, n) {
-			e === t || t === "none" || !O.value || r("sidePanelTransition", {
+		function ve(e, t, n) {
+			e === t || t === "none" || !D.value || r("sidePanelTransition", {
 				from: e,
 				to: t,
 				reason: n
 			});
 		}
-		function q(e = !1) {
+		function K(e = !1) {
 			let t = {
-				availableStates: O.value ? [...A.value] : [],
-				sidePanelMode: O.value ? S.value : "none",
-				sidePanelModeResolved: O.value ? C.value : "none",
-				overlayOnly: M.value
+				availableStates: D.value ? [...re.value] : [],
+				sidePanelMode: D.value ? x.value : "none",
+				sidePanelModeResolved: D.value ? S.value : "none",
+				overlayOnly: A.value
 			};
-			if (!O.value) {
-				if (W) return;
-				W = !0, r("sidePanelAvailableStates", t);
+			if (!D.value) {
+				if (U) return;
+				U = !0, r("sidePanelAvailableStates", t);
 				return;
 			}
-			W = !1;
+			U = !1;
 			let n = JSON.stringify(t);
-			!e && n === U || (U = n, r("sidePanelAvailableStates", t));
+			!e && n === H || (H = n, r("sidePanelAvailableStates", t));
 		}
-		function J(e) {
-			let t = C.value;
-			if (!O.value) {
-				S.value = "none", C.value = "none", w.value = [], q();
+		function q(e) {
+			let t = S.value;
+			if (!D.value) {
+				x.value = "none", S.value = "none", C.value = [], K();
 				return;
 			}
-			let n = ve();
-			w.value = n.states;
-			let i = S.value === "none" ? "auto" : S.value;
-			i !== "auto" && !w.value.includes(i) ? (S.value = "auto", r("update:sidePanelPosition", "auto")) : S.value = i, C.value = S.value === "auto" ? n.resolved : S.value, ye(t, C.value, e), q(D.value === !1);
+			let n = _e();
+			C.value = n.states;
+			let i = x.value === "none" ? "auto" : x.value;
+			i !== "auto" && !C.value.includes(i) ? (x.value = "auto", r("update:sidePanelPosition", "auto")) : x.value = i, S.value = x.value === "auto" ? n.resolved : x.value, ve(t, S.value, e), K(E.value === !1);
 		}
-		function Y(e, t = !1) {
-			if (B &&= (clearTimeout(B), void 0), t || !D.value) {
-				J(e);
+		function J(e, t = !1) {
+			if (z &&= (clearTimeout(z), void 0), t || !E.value) {
+				q(e);
 				return;
 			}
-			B = setTimeout(() => {
-				J(e);
+			z = setTimeout(() => {
+				q(e);
 			}, n.layoutDebounceMs);
 		}
-		function X(e) {
-			if (!O.value) return;
-			let t = w.value.includes(e) ? e : "auto";
-			t !== S.value && (S.value = t, r("update:sidePanelPosition", t)), Y("set-side-panel-mode", !0);
+		function Y(e) {
+			if (!D.value) return;
+			let t = C.value.includes(e) ? e : "auto";
+			t !== x.value && (x.value = t, r("update:sidePanelPosition", t)), J("set-side-panel-mode", !0);
 		}
-		function be() {
-			!O.value || !M.value || X("minimized");
+		function ye() {
+			!D.value || !A.value || Y("minimized");
 		}
-		function Z() {
-			V &&= (clearTimeout(V), void 0);
+		function X() {
+			B &&= (clearTimeout(B), void 0);
 		}
-		function xe() {
-			if (Z(), !M.value || N.value || C.value === "none") {
-				E.value = !0;
+		function Z() {
+			if (X(), !A.value || j.value || S.value === "none") {
+				T.value = !0;
 				return;
 			}
-			V = setTimeout(() => {
-				E.value = !1;
+			B = setTimeout(() => {
+				T.value = !1;
 			}, n.autoHideTimeout);
 		}
 		function Q() {
-			E.value = !0, xe();
+			T.value = !0, Z();
 		}
-		function Se() {
+		function be() {
 			if (!a.value) return;
 			let e = [
 				"mousemove",
@@ -654,66 +654,66 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				Q();
 			};
 			for (let n of e) a.value.addEventListener(n, t, { passive: !0 });
-			H = () => {
+			V = () => {
 				if (a.value) for (let n of e) a.value.removeEventListener(n, t);
 			};
 		}
 		function $() {
-			_.value = window.innerWidth, v.value = window.innerHeight, Y("viewport-resize");
+			g.value = window.innerWidth, _.value = window.innerHeight, J("viewport-resize");
 		}
 		return watch(() => n.sidePanelPosition, (e) => {
-			if (!O.value) {
-				S.value = "none";
+			if (!D.value) {
+				x.value = "none";
 				return;
 			}
-			S.value = e, Y("prop-sync");
-		}, { immediate: !0 }), watch(O, (e) => {
+			x.value = e, J("prop-sync");
+		}, { immediate: !0 }), watch(D, (e) => {
 			if (!e) {
-				S.value = "none", C.value = "none", w.value = [], q();
+				x.value = "none", S.value = "none", C.value = [], K();
 				return;
 			}
-			S.value = n.sidePanelPosition, Y("slot-state-change", !0);
+			x.value = n.sidePanelPosition, J("slot-state-change", !0);
 		}, { immediate: !0 }), watch(() => [
-			M.value,
+			A.value,
 			n.autoHideTimeout,
-			C.value
+			S.value
 		], () => {
-			if (C.value === "full") {
-				xe();
+			if (S.value === "full") {
+				Z();
 				return;
 			}
 			Q();
-		}), watch(N, (e, t) => {
+		}), watch(j, (e, t) => {
 			if (e) {
-				E.value = !0, Z();
+				T.value = !0, X();
 				return;
 			}
 			t && Q();
 		}), watch(() => [
+			y.value,
 			b.value,
-			x.value,
-			C.value,
-			O.value
+			S.value,
+			D.value
 		], () => {
-			!O.value || C.value === "none" || r("defaultSlotResize", {
-				width: b.value,
-				height: x.value
+			!D.value || S.value === "none" || r("defaultSlotResize", {
+				width: y.value,
+				height: b.value
 			});
 		}), onMounted(async () => {
-			D.value = !0, $(), window.addEventListener("resize", $), Se(), Q(), await nextTick(), z = new ResizeObserver(() => {
-				y.value = p.value?.offsetHeight ?? 0, b.value = h.value?.offsetWidth ?? 0, x.value = h.value?.offsetHeight ?? 0, ne(), Y("slot-measure");
-			}), p.value && z.observe(p.value), h.value && (z.observe(h.value), b.value = h.value.offsetWidth, x.value = h.value.offsetHeight), y.value = p.value?.offsetHeight ?? 0, Y("mounted", !0);
+			E.value = !0, $(), window.addEventListener("resize", $), be(), Q(), await nextTick(), R = new ResizeObserver(() => {
+				v.value = d.value?.offsetHeight ?? 0, y.value = p.value?.offsetWidth ?? 0, b.value = p.value?.offsetHeight ?? 0, te(), J("slot-measure");
+			}), d.value && R.observe(d.value), p.value && (R.observe(p.value), y.value = p.value.offsetWidth, b.value = p.value.offsetHeight), v.value = d.value?.offsetHeight ?? 0, J("mounted", !0);
 		}), onBeforeUnmount(() => {
-			window.removeEventListener("resize", $), H?.(), H = null, z?.disconnect(), z = null, Z(), B &&= (clearTimeout(B), void 0);
+			window.removeEventListener("resize", $), V?.(), V = null, R?.disconnect(), R = null, X(), z &&= (clearTimeout(z), void 0);
 		}), (t, r) => (openBlock(), createElementBlock("section", {
 			ref_key: "rootRef",
 			ref: a,
 			class: "bg-black text-neutral-100",
-			style: normalizeStyle({ ...me.value })
-		}, [k.value ? withDirectives((openBlock(), createElementBlock("header", {
+			style: normalizeStyle({ ...pe.value })
+		}, [O.value ? withDirectives((openBlock(), createElementBlock("header", {
 			key: 0,
 			ref_key: "headerRef",
-			ref: p,
+			ref: d,
 			class: "",
 			style: {
 				position: "relative",
@@ -724,13 +724,13 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 		}, [(openBlock(), createBlock(resolveDynamicComponent("style"), null, {
 			default: withCtx(() => [createTextVNode(" #header-outer { display: none; } @media (min-width: " + toDisplayString(n.headerHideWidthThreshold) + ") and (min-height: " + toDisplayString(n.headerHideHeightThreshold) + ") { #header-outer { display: block; } } ", 1)]),
 			_: 1
-		})), createElementVNode("div", _hoisted_1, [renderSlot(t.$slots, "header")])], 512)), [[vShow, ge.value]]) : createCommentVNode("", !0), createElementVNode("article", {
+		})), createElementVNode("div", _hoisted_1, [renderSlot(t.$slots, "header")])], 512)), [[vShow, he.value]]) : createCommentVNode("", !0), createElementVNode("article", {
 			class: "",
-			style: normalizeStyle({ ...he.value })
+			style: normalizeStyle({ ...me.value })
 		}, [
 			createElementVNode("main", {
 				ref_key: "defaultRef",
-				ref: h,
+				ref: p,
 				class: "slot-content-container",
 				style: normalizeStyle({
 					position: "relative",
@@ -744,34 +744,34 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 					gridColumn: "1 / 2",
 					gridRow: "1 / 2",
 					zIndex: 0,
-					...fe.value
+					...de.value
 				})
 			}, [renderSlot(t.$slots, "default")], 4),
-			L.value ? (openBlock(), createElementBlock("div", {
+			I.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "bg-black",
 				style: normalizeStyle({
-					...L.value,
+					...I.value,
 					gridColumn: "1 / 2",
 					gridRow: "1 / 2"
 				})
 			}, null, 4)) : createCommentVNode("", !0),
-			O.value && C.value !== "none" ? (openBlock(), createElementBlock("div", {
+			D.value && S.value !== "none" ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: "",
-				style: normalizeStyle(pe.value)
+				style: normalizeStyle(fe.value)
 			}, [createVNode(SidePanelFrame_default, {
-				"side-panel-mode": S.value,
-				"side-panel-mode-resolved": C.value,
-				"available-states": A.value,
-				"overlay-only": M.value,
+				"side-panel-mode": x.value,
+				"side-panel-mode-resolved": S.value,
+				"available-states": re.value,
+				"overlay-only": A.value,
 				"hide-icons": e.hideSidePanelIcons,
 				"min-width": e.sidePanelMinRight,
-				"max-width": ie.value,
-				"min-height": de.value,
-				"max-height": I.value,
-				onSetSidePanelMode: X,
-				onCloseSidePanel: be
+				"max-width": M.value,
+				"min-height": ue.value,
+				"max-height": F.value,
+				onSetSidePanelMode: Y,
+				onCloseSidePanel: ye
 			}, {
 				default: withCtx(() => [renderSlot(t.$slots, "sidePanelContent")]),
 				_: 3
@@ -788,7 +788,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			])], 4)) : createCommentVNode("", !0)
 		], 4)], 4));
 	}
-}), [["__scopeId", "data-v-d5034225"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-6d5f1013"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
 	__name: "LoggedInOut",
 	props: {
 		initiallyLoggedIn: { type: Boolean },
@@ -796,38 +796,41 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			type: Boolean,
 			default: !1
 		},
-		windowAccessObjectName: { default: "loggedInOut" }
+		windowAccessObjectName: { default: "loggedInOut" },
+		initializeFromWindowAccessObject: {
+			type: Boolean,
+			default: !1
+		},
+		initializeWindowAccessObjectName: { default: "initialLoggedIn" },
+		waitBehavior: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	setup(e, { expose: t }) {
-		let n = e, { loggedIn: r, setToLoggedIn: a, setToLoggedOut: o, toggleLoggedIn: s } = useSimpleLoggedIn(n.initiallyLoggedIn), c = () => r.value, l = (e) => {
-			r.value = e;
-		}, u = () => {
-			n.addWindowAccess && typeof window < "u" && (window[n.windowAccessObjectName] = {
-				setToLoggedIn: a,
-				setToLoggedOut: o,
-				toggleLoggedIn: s,
-				getLoggedIn: c,
-				setLoggedIn: l
-			});
-		}, d = (e = n.windowAccessObjectName) => {
-			typeof window < "u" && window[e] && delete window[e];
-		};
+		let n = e, { loggedIn: r, isInitialized: s, setToLoggedIn: c, setToLoggedOut: l, toggleLoggedIn: u, getLoggedIn: d, setLoggedIn: f, setupWindowAccess: p, cleanupWindowAccess: m } = useSimpleLoggedIn({
+			initialValue: n.initiallyLoggedIn,
+			addWindowAccess: n.addWindowAccess,
+			windowAccessObjectName: n.windowAccessObjectName,
+			initializeFromWindowAccessObject: n.initializeFromWindowAccessObject,
+			initializeWindowAccessObjectName: n.initializeWindowAccessObjectName
+		}), h = computed(() => n.waitBehavior === void 0 ? n.initializeFromWindowAccessObject : n.waitBehavior);
 		return onMounted(() => {
-			u();
+			n.addWindowAccess && p(n.windowAccessObjectName);
 		}), onUnmounted(() => {
-			d();
+			m(n.windowAccessObjectName);
 		}), watch(() => n.addWindowAccess, (e) => {
-			e ? u() : d();
+			e ? p(n.windowAccessObjectName) : m(n.windowAccessObjectName);
 		}), watch(() => n.windowAccessObjectName, (e, t) => {
-			n.addWindowAccess && (d(t), u());
+			n.addWindowAccess && (t && m(t), p(n.windowAccessObjectName));
 		}), t({
 			loggedIn: r,
-			setToLoggedIn: a,
-			setToLoggedOut: o,
-			toggleLoggedIn: s,
-			getLoggedIn: c,
-			setLoggedIn: l
-		}), (e, t) => unref(r) ? renderSlot(e.$slots, "loggedIn", { key: 0 }) : renderSlot(e.$slots, "loggedOut", { key: 1 });
+			setToLoggedIn: c,
+			setToLoggedOut: l,
+			toggleLoggedIn: u,
+			getLoggedIn: d,
+			setLoggedIn: f
+		}), (e, t) => !h.value || unref(s) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(r) ? renderSlot(e.$slots, "loggedIn", { key: 0 }) : renderSlot(e.$slots, "loggedOut", { key: 1 })], 64)) : createCommentVNode("", !0);
 	}
 });
 export { SidePanelButtonGroup_default as a, SidePanelHeader_default as i, LiveFrame_default as n, SidePanelControlButton_default as o, SidePanelFrame_default as r, LoggedInOut_default as t };

package/dist/components/LoggedInOut/LoggedInOut.vue.d.ts

@@ -2,6 +2,9 @@ type __VLS_Props = {
     initiallyLoggedIn?: boolean;
     addWindowAccess?: boolean;
     windowAccessObjectName?: string;
+    initializeFromWindowAccessObject?: boolean;
+    initializeWindowAccessObjectName?: string;
+    waitBehavior?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -21,8 +24,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     getLoggedIn: () => boolean;
     setLoggedIn: (val: boolean) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    initializeFromWindowAccessObject: boolean;
+    initializeWindowAccessObjectName: string;
     addWindowAccess: boolean;
     windowAccessObjectName: string;
+    waitBehavior: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/LoggedInOut/LoggedInOut.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoggedInOut.vue.d.ts","sourceRoot":"","sources":["../../../src/components/LoggedInOut/LoggedInOut.vue"],"names":[],"mappings":"AAmFA,KAAK,WAAW,GAAG;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAC;AA4EF,iBAAS,cAAc;WA2BT,OAAO,IAA6B;;0BAXpB,GAAG;2BACF,GAAG;;;;EAejC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;uBA9GK,OAAO;;qBAXb,OAAO;4BACA,MAAM;6EAgI/B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"LoggedInOut.vue.d.ts","sourceRoot":"","sources":["../../../src/components/LoggedInOut/LoggedInOut.vue"],"names":[],"mappings":"AA+FA,KAAK,WAAW,GAAG;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAC1C,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AAsFF,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;0BAXpB,GAAG;2BACF,GAAG;;;;EAejC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;sCAxIgB,OAAO;sCACP,MAAM;qBAHvB,OAAO;4BACA,MAAM;kBAGhB,OAAO;6EA8ItB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components.js

@@ -1,5 +1,5 @@
 import { i as IconPanelRight_default, n as IconPanelFull_default, r as IconPanelBottom_default, t as IconClose_default } from "./IconClose-7R37a2Ma.js";
 import "./icons.js";
-import { a as SidePanelButtonGroup_default, i as SidePanelHeader_default, n as LiveFrame_default, o as SidePanelControlButton_default, r as SidePanelFrame_default, t as LoggedInOut_default } from "./LoggedInOut-NpAFe-uy.js";
-import "./useSimpleLoggedIn-Dy7e3LcN.js";
+import { a as SidePanelButtonGroup_default, i as SidePanelHeader_default, n as LiveFrame_default, o as SidePanelControlButton_default, r as SidePanelFrame_default, t as LoggedInOut_default } from "./LoggedInOut-DjWBHJcm.js";
+import "./useSimpleLoggedIn-DT4aMAWu.js";
 export { IconClose_default as IconClose, IconPanelBottom_default as IconPanelBottom, IconPanelFull_default as IconPanelFull, IconPanelRight_default as IconPanelRight, LiveFrame_default as LiveFrame, LoggedInOut_default as LoggedInOut, SidePanelButtonGroup_default as SidePanelButtonGroup, SidePanelControlButton_default as SidePanelControlButton, SidePanelFrame_default as SidePanelFrame, SidePanelHeader_default as SidePanelHeader };

package/dist/composables/useSimpleLoggedIn/useSimpleLoggedIn.d.ts

@@ -1,10 +1,23 @@
+export interface UseSimpleLoggedInOptions {
+    initialValue?: boolean;
+    addWindowAccess?: boolean;
+    windowAccessObjectName?: string;
+    initializeFromWindowAccessObject?: boolean;
+    initializeWindowAccessObjectName?: string;
+}
+export declare function __resetStateForTesting(): void;
 /**
  * Shared state for simple logged in status.
  */
-export declare function useSimpleLoggedIn(initialValue?: boolean): {
+export declare function useSimpleLoggedIn(options?: UseSimpleLoggedInOptions): {
     loggedIn: import('vue').Ref<boolean, boolean>;
+    isInitialized: import('vue').Ref<boolean, boolean>;
     setToLoggedIn: () => void;
     setToLoggedOut: () => void;
     toggleLoggedIn: () => void;
+    getLoggedIn: () => boolean;
+    setLoggedIn: (val: boolean) => void;
+    setupWindowAccess: (name: string) => void;
+    cleanupWindowAccess: (name: string) => void;
 };
 //# sourceMappingURL=useSimpleLoggedIn.d.ts.map

package/dist/composables/useSimpleLoggedIn/useSimpleLoggedIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSimpleLoggedIn.d.ts","sourceRoot":"","sources":["../../../src/composables/useSimpleLoggedIn/useSimpleLoggedIn.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,YAAY,CAAC,EAAE,OAAO;;;;;EAuBvD"}
+{"version":3,"file":"useSimpleLoggedIn.d.ts","sourceRoot":"","sources":["../../../src/composables/useSimpleLoggedIn/useSimpleLoggedIn.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACrC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAC1C,gCAAgC,CAAC,EAAE,MAAM,CAAA;CAC5C;AAOD,wBAAgB,sBAAsB,SAGrC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,wBAA6B;;;;;;;uBA+C1C,OAAO;8BAEA,MAAM;gCAYJ,MAAM;EAsB5C"}

package/dist/composables.js

@@ -1,2 +1,2 @@
-import { t as useSimpleLoggedIn } from "./useSimpleLoggedIn-Dy7e3LcN.js";
-export { useSimpleLoggedIn };
+import { n as useSimpleLoggedIn, t as __resetStateForTesting } from "./useSimpleLoggedIn-DT4aMAWu.js";
+export { __resetStateForTesting, useSimpleLoggedIn };

package/dist/frame-vue.css

@@ -1,2 +1,2 @@
-.slot-content-container>[data-v-d5034225-s]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;display:block!important}
+.slot-content-container>[data-v-6d5f1013-s]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;display:block!important}
 /*$vite$:1*/

package/dist/index.js

@@ -1,6 +1,6 @@
 import { i as IconPanelRight_default, n as IconPanelFull_default, r as IconPanelBottom_default, t as IconClose_default } from "./IconClose-7R37a2Ma.js";
-import { a as SidePanelButtonGroup_default, i as SidePanelHeader_default, n as LiveFrame_default, o as SidePanelControlButton_default, r as SidePanelFrame_default, t as LoggedInOut_default } from "./LoggedInOut-NpAFe-uy.js";
-import { t as useSimpleLoggedIn } from "./useSimpleLoggedIn-Dy7e3LcN.js";
+import { a as SidePanelButtonGroup_default, i as SidePanelHeader_default, n as LiveFrame_default, o as SidePanelControlButton_default, r as SidePanelFrame_default, t as LoggedInOut_default } from "./LoggedInOut-DjWBHJcm.js";
+import { n as useSimpleLoggedIn, t as __resetStateForTesting } from "./useSimpleLoggedIn-DT4aMAWu.js";
 import "./components.js";
 import "./composables.js";
-export { IconClose_default as IconClose, IconPanelBottom_default as IconPanelBottom, IconPanelFull_default as IconPanelFull, IconPanelRight_default as IconPanelRight, LiveFrame_default as LiveFrame, LoggedInOut_default as LoggedInOut, SidePanelButtonGroup_default as SidePanelButtonGroup, SidePanelControlButton_default as SidePanelControlButton, SidePanelFrame_default as SidePanelFrame, SidePanelHeader_default as SidePanelHeader, useSimpleLoggedIn };
+export { IconClose_default as IconClose, IconPanelBottom_default as IconPanelBottom, IconPanelFull_default as IconPanelFull, IconPanelRight_default as IconPanelRight, LiveFrame_default as LiveFrame, LoggedInOut_default as LoggedInOut, SidePanelButtonGroup_default as SidePanelButtonGroup, SidePanelControlButton_default as SidePanelControlButton, SidePanelFrame_default as SidePanelFrame, SidePanelHeader_default as SidePanelHeader, __resetStateForTesting, useSimpleLoggedIn };

package/dist/useSimpleLoggedIn-DT4aMAWu.js

@@ -0,0 +1,50 @@
+import { ref } from "vue";
+var loggedIn = ref(!1), isInitialized = ref(!1);
+function __resetStateForTesting() {
+	loggedIn.value = !1, isInitialized.value = !1;
+}
+function useSimpleLoggedIn(e = {}) {
+	let { initializeFromWindowAccessObject: t = !1, initializeWindowAccessObjectName: n = "initialLoggedIn" } = e;
+	if (isInitialized.value) e.initialValue !== void 0 && !t && (loggedIn.value = e.initialValue);
+	else if (t && typeof window < "u") {
+		let e = window[n];
+		if (e !== void 0) loggedIn.value = !!e, isInitialized.value = !0;
+		else {
+			let e = setInterval(() => {
+				let t = window[n];
+				t !== void 0 && (loggedIn.value = !!t, isInitialized.value = !0, clearInterval(e));
+			}, 50);
+		}
+	} else e.initialValue !== void 0 && (loggedIn.value = e.initialValue), isInitialized.value = !0;
+	let r = () => {
+		loggedIn.value = !0;
+	}, i = () => {
+		loggedIn.value = !1;
+	}, a = () => {
+		loggedIn.value = !loggedIn.value;
+	}, o = () => loggedIn.value, s = (e) => {
+		loggedIn.value = e;
+	};
+	return {
+		loggedIn,
+		isInitialized,
+		setToLoggedIn: r,
+		setToLoggedOut: i,
+		toggleLoggedIn: a,
+		getLoggedIn: o,
+		setLoggedIn: s,
+		setupWindowAccess: (e) => {
+			typeof window < "u" && (window[e] = {
+				setToLoggedIn: r,
+				setToLoggedOut: i,
+				toggleLoggedIn: a,
+				getLoggedIn: o,
+				setLoggedIn: s
+			});
+		},
+		cleanupWindowAccess: (e) => {
+			typeof window < "u" && window[e] && delete window[e];
+		}
+	};
+}
+export { useSimpleLoggedIn as n, __resetStateForTesting as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mtngtools/frame-vue",
-  "version": "0.0.19-experimental.0",
+  "version": "0.0.21-experimental.0",
   "description": "(Experimental) Vue.js component and composable library for mtngTOOLS",
   "type": "module",
   "main": "./dist/index.js",

package/dist/useSimpleLoggedIn-Dy7e3LcN.js

@@ -1,17 +0,0 @@
-import { ref } from "vue";
-var loggedIn = ref(!1);
-function useSimpleLoggedIn(e) {
-	return e !== void 0 && (loggedIn.value = e), {
-		loggedIn,
-		setToLoggedIn: () => {
-			loggedIn.value = !0;
-		},
-		setToLoggedOut: () => {
-			loggedIn.value = !1;
-		},
-		toggleLoggedIn: () => {
-			loggedIn.value = !loggedIn.value;
-		}
-	};
-}
-export { useSimpleLoggedIn as t };