@mtngtools/frame-vue 0.0.13-experimental.0 → 0.0.14-experimental.0

package/dist/{LoggedInOut-BxF_n_wY.js → LoggedInOut-BwX5tOPA.js}

@@ -1,5 +1,5 @@
 import { t as useSimpleLoggedIn } from "./useSimpleLoggedIn-CSv5Xy3J.js";
-import { Comment, Fragment, Text, 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";
+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",
 	props: {
@@ -19,26 +19,26 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = {
+		let r = e, i = t, o = {
 			auto: "Auto",
 			right: "Right",
 			bottom: "Bottom",
 			full: "Full",
 			minimized: "Close"
-		}, o = computed(() => a[n.state]), c = computed(() => {
-			if (n.disabled) return "cursor-not-allowed border-neutral-700 text-neutral-500";
+		}, c = computed(() => o[r.state]), l = computed(() => {
+			if (r.disabled) return "cursor-not-allowed border-neutral-700 text-neutral-500";
 			{
 				let e = "cursor-pointer";
-				return n.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 r.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 u() {
-			n.disabled || r("click", n.state);
+			r.disabled || i("click", r.state);
 		}
 		return (t, n) => (openBlock(), createElementBlock("button", {
 			type: "button",
 			disabled: e.disabled,
-			class: normalizeClass(c.value),
+			class: normalizeClass(l.value),
 			style: {
 				display: "inline-flex",
 				alignItems: "center",
@@ -55,7 +55,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				textTransform: "uppercase"
 			},
 			onClick: u
-		}, [renderSlot(t.$slots, "icon", { state: e.state }), renderSlot(t.$slots, "label", { state: e.state }, () => [createTextVNode(toDisplayString(o.value), 1)])], 10, _hoisted_1$4));
+		}, [renderSlot(t.$slots, "icon", { state: e.state }), renderSlot(t.$slots, "label", { state: e.state }, () => [createTextVNode(toDisplayString(c.value), 1)])], 10, _hoisted_1$4));
 	}
 }), _hoisted_1$3 = {
 	class: "",
@@ -76,15 +76,15 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 		}
 	},
 	emits: ["setSidePanelMode", "closeSidePanel"],
-	setup(e, { emit: t }) {
-		let r = e, l = t, u = computed(() => r.sidePanelModeResolved !== "none"), d = computed(() => r.overlayOnly && r.sidePanelModeResolved === "full" ? r.availableStates.includes("minimized") ? ["minimized"] : [] : r.availableStates);
+	setup(e, { emit: s }) {
+		let c = e, l = s, u = computed(() => c.sidePanelModeResolved !== "none"), d = computed(() => c.overlayOnly && c.sidePanelModeResolved === "full" ? c.availableStates.includes("minimized") ? ["minimized"] : [] : c.availableStates);
 		function f(e) {
 			l("setSidePanelMode", e);
 		}
 		function p() {
 			l("closeSidePanel");
 		}
-		return (t, r) => u.value ? renderSlot(t.$slots, "default", {
+		return (n, s) => u.value ? renderSlot(n.$slots, "default", {
 			key: 0,
 			sidePanelMode: e.sidePanelMode,
 			sidePanelModeResolved: e.sidePanelModeResolved,
@@ -154,17 +154,17 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 		availableStates: { default: () => [] }
 	},
 	emits: ["setSidePanelMode", "closeSidePanel"],
-	setup(e, { emit: t }) {
-		let r = e, l = t, u = useSlots(), d = computed(() => r.sidePanelModeResolved !== "none"), f = computed(() => r.sidePanelModeResolved === "minimized"), p = computed(() => !!u.default), m = computed(() => !!u.controls), h = computed(() => !f.value);
-		return (t, r) => d.value ? (openBlock(), createElementBlock("header", _hoisted_1$2, [createElementVNode("div", { style: normalizeStyle({
+	setup(e, { emit: s }) {
+		let c = e, l = s, u = useSlots(), d = computed(() => c.sidePanelModeResolved !== "none"), p = computed(() => c.sidePanelModeResolved === "minimized"), m = computed(() => !!u.default), h = computed(() => !!u.controls), g = computed(() => !p.value);
+		return (n, s) => d.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: p.value && !m.value ? "1 1 auto" : "0 1 auto",
 			minWidth: 0,
 			minHeight: 0,
 			alignItems: "center",
-			justifyContent: f.value && !p.value ? "center" : "flex-start",
+			justifyContent: p.value && !m.value ? "center" : "flex-start",
 			overflow: "hidden"
-		}) }, [p.value ? renderSlot(t.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [f.value ? (openBlock(), createElementBlock("button", {
+		}) }, [m.value ? renderSlot(n.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [p.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",
@@ -183,15 +183,15 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				lineHeight: "1.2rem",
 				textTransform: "uppercase"
 			},
-			onClick: r[0] ||= (e) => l("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, {
+			onClick: s[0] ||= (e) => l("setSidePanelMode", "auto")
+		}, toDisplayString(e.title), 1)) : e.showTitleLabel ? (openBlock(), createElementBlock("h2", _hoisted_2$1, toDisplayString(e.title) + ": ", 1)) : createCommentVNode("", !0)], 64))], 4), h.value || g.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [renderSlot(n.$slots, "controls", {}, () => [g.value ? (openBlock(), createBlock(SidePanelButtonGroup_default, {
 			key: 0,
 			"side-panel-mode": e.sidePanelMode,
 			"side-panel-mode-resolved": e.sidePanelModeResolved,
 			"available-states": e.availableStates,
 			"overlay-only": e.overlayOnly,
-			onSetSidePanelMode: r[1] ||= (e) => l("setSidePanelMode", e),
-			onCloseSidePanel: r[2] ||= (e) => l("closeSidePanel")
+			onSetSidePanelMode: s[1] ||= (e) => l("setSidePanelMode", e),
+			onCloseSidePanel: s[2] ||= (e) => l("closeSidePanel")
 		}, null, 8, [
 			"side-panel-mode",
 			"side-panel-mode-resolved",
@@ -248,7 +248,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 	},
 	emits: ["setSidePanelMode", "closeSidePanel"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = computed(() => n.sidePanelModeResolved !== "none"), l = computed(() => n.sidePanelModeResolved === "minimized"), d = computed(() => {
+		let r = e, s = t, l = computed(() => r.sidePanelModeResolved !== "none"), u = computed(() => r.sidePanelModeResolved === "minimized"), p = computed(() => {
 			let e = {
 				width: "100%",
 				height: "100%",
@@ -256,44 +256,44 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				overflow: "hidden",
 				placeItems: "stretch"
 			};
-			return n.sidePanelModeResolved === "full" || n.sidePanelModeResolved === "right" || n.sidePanelModeResolved === "bottom" ? e : {
+			return r.sidePanelModeResolved === "full" || r.sidePanelModeResolved === "right" || r.sidePanelModeResolved === "bottom" ? e : {
 				...e,
 				placeItems: "end center"
 			};
-		}), f = computed(() => {
-			if (n.sidePanelModeResolved === "full") return {
+		}), m = computed(() => {
+			if (r.sidePanelModeResolved === "full") return {
 				width: "100%",
 				height: "100%"
 			};
-			if (n.sidePanelModeResolved === "right") return {
-				minWidth: n.minWidth,
-				maxWidth: n.maxWidth,
+			if (r.sidePanelModeResolved === "right") return {
+				minWidth: r.minWidth,
+				maxWidth: r.maxWidth,
 				width: "100%"
 			};
-			if (n.sidePanelModeResolved === "bottom") return {
-				minHeight: n.minHeight,
-				maxHeight: n.maxHeight,
+			if (r.sidePanelModeResolved === "bottom") return {
+				minHeight: r.minHeight,
+				maxHeight: r.maxHeight,
 				height: "100%",
 				width: "100%"
 			};
-		}), m = computed(() => (n.sidePanelModeResolved === "full" && n.overlayOnly, {
+		}), h = computed(() => (r.sidePanelModeResolved === "full" && r.overlayOnly, {
 			maxWidth: "100%",
 			maxHeight: "100%",
 			minHeight: 0,
 			minWidth: 0,
 			overflow: "hidden"
-		})), h = computed(() => ({
+		})), g = computed(() => ({
 			display: "grid",
 			gridTemplateColumns: "1fr",
-			gridTemplateRows: l.value ? "1.8rem" : "1.8rem minmax(0, 1fr)"
-		})), g = computed(() => n.overlayOnly ? "border-neutral-700 bg-black/95" : "");
-		return (t, n) => a.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", { style: normalizeStyle(d.value) }, [createElementVNode("section", {
+			gridTemplateRows: u.value ? "1.8rem" : "1.8rem minmax(0, 1fr)"
+		})), _ = computed(() => r.overlayOnly ? "border-neutral-700 bg-black/95" : "");
+		return (t, n) => l.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", { style: normalizeStyle(p.value) }, [createElementVNode("section", {
 			"data-test": "side-panel-frame-shell",
-			class: normalizeClass(g.value),
+			class: normalizeClass(_.value),
 			style: normalizeStyle([
+				h.value,
 				m.value,
-				f.value,
-				h.value
+				g.value
 			])
 		}, [createElementVNode("div", _hoisted_2, [createVNode(SidePanelHeader_default, {
 			"show-title-label": e.showTitleLabel,
@@ -301,15 +301,15 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			"side-panel-mode-resolved": e.sidePanelModeResolved,
 			"available-states": e.availableStates,
 			"overlay-only": e.overlayOnly,
-			onSetSidePanelMode: n[0] ||= (e) => r("setSidePanelMode", e),
-			onCloseSidePanel: n[1] ||= (e) => r("closeSidePanel")
+			onSetSidePanelMode: n[0] ||= (e) => s("setSidePanelMode", e),
+			onCloseSidePanel: n[1] ||= (e) => s("closeSidePanel")
 		}, null, 8, [
 			"show-title-label",
 			"side-panel-mode",
 			"side-panel-mode-resolved",
 			"available-states",
 			"overlay-only"
-		])]), withDirectives(createElementVNode("div", _hoisted_3, [renderSlot(t.$slots, "default")], 512), [[vShow, !l.value]])], 6)], 4)])) : createCommentVNode("", !0);
+		])]), withDirectives(createElementVNode("div", _hoisted_3, [renderSlot(t.$slots, "default")], 512), [[vShow, !u.value]])], 6)], 4)])) : createCommentVNode("", !0);
 	}
 }), _hoisted_1 = {
 	id: "header-outer",
@@ -349,8 +349,8 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 		"sidePanelAvailableStates",
 		"defaultSlotResize"
 	],
-	setup(e, { emit: n }) {
-		let d = e, p = n, g = useSlots(), _ = ref(null), v = ref(null), y = ref(null), b = ref(0), x = ref(0), S = ref(0), C = ref(0), w = ref(0);
+	setup(e, { emit: t }) {
+		let l = e, d = t, h = useSlots(), _ = ref(null), v = ref(null), y = ref(null), b = ref(0), x = ref(0), S = ref(0), C = ref(0), w = ref(0);
 		function ee() {
 			let e = y.value;
 			if (!e) return;
@@ -365,24 +365,20 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			lg: 1024,
 			xl: 1280,
 			"2xl": 1536
-		}, j = computed(() => {
-			if (!g.sidePanelContent) return !1;
-			let e = g.sidePanelContent({});
-			return e.length > 0 && e.some((e) => !(e.type === Comment || Array.isArray(e.children) && e.children.length === 0 || e.type === Text && !String(e.children).trim()));
-		}), M = computed(() => !!g.header), N = computed(() => D.value.filter((e) => e !== "auto")), P = computed(() => Math.max(0, x.value - S.value)), F = computed(() => b.value < K(d.controlsOverlayOnly)), ne = computed(() => b.value === 0 ? !1 : P.value / b.value > 1.1), re = computed(() => E.value === "right" && O.value === "wide-right" ? d.sidePanelMaxRightWide : d.sidePanelMaxRight), ie = computed(() => _e(d.mainContentAspectRatio, 16 / 9)), ae = computed(() => C.value > 0 ? C.value : Math.max(1, b.value)), oe = computed(() => ae.value / ie.value + 20), se = computed(() => Math.max(1, b.value) / ie.value), ce = computed(() => q(d.sidePanelMinBottom, b.value, x.value)), le = computed(() => {
-			let e = se.value + ce.value;
+		}, j = computed(() => !!h.sidePanelContent), M = computed(() => !!h.header), N = computed(() => D.value.filter((e) => e !== "auto")), P = computed(() => Math.max(0, x.value - S.value)), F = computed(() => b.value < q(l.controlsOverlayOnly)), I = computed(() => b.value === 0 ? !1 : P.value / b.value > 1.1), ne = computed(() => E.value === "right" && O.value === "wide-right" ? l.sidePanelMaxRightWide : l.sidePanelMaxRight), re = computed(() => ge(l.mainContentAspectRatio, 16 / 9)), ie = computed(() => C.value > 0 ? C.value : Math.max(1, b.value)), ae = computed(() => ie.value / re.value + 20), oe = computed(() => Math.max(1, b.value) / re.value), se = computed(() => J(l.sidePanelMinBottom, b.value, x.value)), ce = computed(() => {
+			let e = oe.value + se.value;
 			return P.value >= e;
-		}), ue = computed(() => Math.max(0, P.value - oe.value)), de = computed(() => {
-			if (E.value !== "bottom") return d.sidePanelMinBottom;
-			let e = q(d.sidePanelMinBottom, b.value, x.value), t = Math.min(e, I.value);
+		}), le = computed(() => Math.max(0, P.value - ae.value)), ue = computed(() => {
+			if (E.value !== "bottom") return l.sidePanelMinBottom;
+			let e = J(l.sidePanelMinBottom, b.value, x.value), t = Math.min(e, L.value);
 			return `${Math.max(0, Math.floor(t))}px`;
-		}), I = computed(() => {
-			let e = q(E.value === "bottom" && O.value === "tall-bottom" ? d.sidePanelMaxBottomTall : d.sidePanelMaxBottom, b.value, x.value);
-			return Math.max(0, Math.min(e, ue.value));
-		}), L = computed(() => E.value === "bottom" ? `${Math.max(0, Math.floor(I.value))}px` : d.sidePanelMaxBottom), fe = computed(() => E.value === "right" || E.value === "bottom" ? {} : E.value === "full" && !F.value ? {
+		}), L = computed(() => {
+			let e = J(E.value === "bottom" && O.value === "tall-bottom" ? l.sidePanelMaxBottomTall : l.sidePanelMaxBottom, b.value, x.value);
+			return Math.max(0, Math.min(e, le.value));
+		}), R = computed(() => E.value === "bottom" ? `${Math.max(0, Math.floor(L.value))}px` : l.sidePanelMaxBottom), de = computed(() => E.value === "right" || E.value === "bottom" ? {} : E.value === "full" && !F.value ? {
 			opacity: 0,
 			pointerEvents: "none"
-		} : {}), R = computed(() => !j.value || F.value || E.value === "none" || E.value === "minimized" || E.value === "right" || E.value === "bottom" ? null : {
+		} : {}), z = computed(() => !j.value || F.value || E.value === "none" || E.value === "minimized" || E.value === "right" || E.value === "bottom" ? null : {
 			position: "absolute",
 			top: 0,
 			right: 0,
@@ -390,16 +386,16 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			left: 0,
 			zIndex: 10,
 			pointerEvents: "none"
-		}), z = computed(() => !j.value || E.value === "none" || E.value === "full" ? { gridTemplate: "1fr / 1fr" } : E.value === "right" ? {
+		}), B = computed(() => !j.value || E.value === "none" || E.value === "full" ? { gridTemplate: "1fr / 1fr" } : E.value === "right" ? {
 			gridTemplateRows: "1fr",
-			gridTemplateColumns: `minmax(0, 1fr) max(${d.sidePanelMinRight}, ${re.value})`
+			gridTemplateColumns: `minmax(0, 1fr) max(${l.sidePanelMinRight}, ${ne.value})`
 		} : E.value === "bottom" ? {
-			gridTemplateRows: `minmax(0, 1fr) ${L.value}`,
+			gridTemplateRows: `minmax(0, 1fr) ${R.value}`,
 			gridTemplateColumns: "1fr"
 		} : E.value === "minimized" ? {
 			gridTemplateRows: "1fr 34px",
 			gridTemplateColumns: "1fr"
-		} : { gridTemplate: "1fr / 1fr" }), pe = computed(() => {
+		} : { gridTemplate: "1fr / 1fr" }), fe = computed(() => {
 			let e = {
 				minWidth: 0,
 				minHeight: 0,
@@ -425,7 +421,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,
@@ -442,11 +438,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				...e,
 				display: "block"
 			};
-		}), he = computed(() => M.value ? {
+		}), me = computed(() => M.value ? {
 			position: "relative",
 			zIndex: 0,
 			display: "grid",
-			...z.value,
+			...B.value,
 			gridRow: "2 / 3",
 			minWidth: 0,
 			minHeight: 0,
@@ -455,7 +451,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			position: "absolute",
 			zIndex: 0,
 			display: "grid",
-			...z.value,
+			...B.value,
 			minWidth: 0,
 			minHeight: 0,
 			overflow: "hidden",
@@ -463,8 +459,8 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			right: "0",
 			bottom: "0",
 			left: "0"
-		}), ge = computed(() => !F.value || k.value), B = null, V, H, U = null, W = "", G = !1;
-		function K(e) {
+		}), he = computed(() => !F.value || k.value), V = null, H, U, W = null, G = "", K = !1;
+		function q(e) {
 			let t = te[e];
 			if (t !== void 0) return t;
 			if (e.endsWith("px")) {
@@ -474,7 +470,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("/")) {
@@ -484,7 +480,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			let r = Number.parseFloat(n);
 			return Number.isFinite(r) && r > 0 ? r : t;
 		}
-		function q(e, t, n) {
+		function J(e, t, n) {
 			let r = e.trim();
 			if (r.endsWith("px")) {
 				let e = Number.parseFloat(r);
@@ -501,9 +497,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, b.value), t = Math.max(1, P.value), n = e / t, r = e / t, i = K(d.sidePanelBreakpoint), a = le.value;
-			return n < d.autoBottomAspectRatioBreakpoint && a ? (O.value = "tall-bottom", {
+		function _e() {
+			let e = Math.max(1, b.value), t = Math.max(1, P.value), n = e / t, r = e / t, i = q(l.sidePanelBreakpoint), a = ce.value;
+			return n < l.autoBottomAspectRatioBreakpoint && a ? (O.value = "tall-bottom", {
 				states: [
 					"auto",
 					"full",
@@ -511,7 +507,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 					"minimized"
 				],
 				resolved: "bottom"
-			}) : r > d.autoRightAspectRatioBreakpoint ? (O.value = "wide-right", {
+			}) : r > l.autoRightAspectRatioBreakpoint ? (O.value = "wide-right", {
 				states: [
 					"auto",
 					"full",
@@ -542,14 +538,14 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				resolved: "full"
 			});
 		}
-		function ye(e, t, n) {
-			e === t || t === "none" || !j.value || p("sidePanelTransition", {
+		function ve(e, t, n) {
+			e === t || t === "none" || !j.value || d("sidePanelTransition", {
 				from: e,
 				to: t,
 				reason: n
 			});
 		}
-		function J(e = !1) {
+		function Y(e = !1) {
 			let t = {
 				availableStates: j.value ? [...N.value] : [],
 				sidePanelMode: j.value ? T.value : "none",
@@ -557,56 +553,56 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				overlayOnly: F.value
 			};
 			if (!j.value) {
-				if (G) return;
-				G = !0, p("sidePanelAvailableStates", t);
+				if (K) return;
+				K = !0, d("sidePanelAvailableStates", t);
 				return;
 			}
-			G = !1;
+			K = !1;
 			let n = JSON.stringify(t);
-			!e && n === W || (W = n, p("sidePanelAvailableStates", t));
+			!e && n === G || (G = n, d("sidePanelAvailableStates", t));
 		}
-		function be(e) {
+		function ye(e) {
 			let t = E.value;
 			if (!j.value) {
-				T.value = "none", E.value = "none", D.value = [], J();
+				T.value = "none", E.value = "none", D.value = [], Y();
 				return;
 			}
-			let n = ve();
+			let n = _e();
 			D.value = n.states;
 			let r = T.value === "none" ? "auto" : T.value;
-			r !== "auto" && !D.value.includes(r) ? (T.value = "auto", p("update:sidePanelPosition", "auto")) : T.value = r, E.value = T.value === "auto" ? n.resolved : T.value, ye(t, E.value, e), J(A.value === !1);
+			r !== "auto" && !D.value.includes(r) ? (T.value = "auto", d("update:sidePanelPosition", "auto")) : T.value = r, E.value = T.value === "auto" ? n.resolved : T.value, ve(t, E.value, e), Y(A.value === !1);
 		}
-		function Y(e, t = !1) {
-			if (V &&= (clearTimeout(V), void 0), t || !A.value) {
-				be(e);
+		function X(e, t = !1) {
+			if (H &&= (clearTimeout(H), void 0), t || !A.value) {
+				ye(e);
 				return;
 			}
-			V = setTimeout(() => {
-				be(e);
-			}, d.layoutDebounceMs);
+			H = setTimeout(() => {
+				ye(e);
+			}, l.layoutDebounceMs);
 		}
-		function xe(e) {
+		function be(e) {
 			if (!j.value) return;
 			let t = D.value.includes(e) ? e : "auto";
-			t !== T.value && (T.value = t, p("update:sidePanelPosition", t)), Y("set-side-panel-mode", !0);
+			t !== T.value && (T.value = t, d("update:sidePanelPosition", t)), X("set-side-panel-mode", !0);
 		}
-		function Se() {
-			!j.value || !F.value || xe("minimized");
-		}
-		function X() {
-			H &&= (clearTimeout(H), void 0);
+		function xe() {
+			!j.value || !F.value || be("minimized");
 		}
 		function Z() {
-			if (X(), !F.value || ne.value || E.value === "none") {
+			U &&= (clearTimeout(U), void 0);
+		}
+		function Se() {
+			if (Z(), !F.value || I.value || E.value === "none") {
 				k.value = !0;
 				return;
 			}
-			H = setTimeout(() => {
+			U = setTimeout(() => {
 				k.value = !1;
-			}, d.autoHideTimeout);
+			}, l.autoHideTimeout);
 		}
 		function Q() {
-			k.value = !0, Z();
+			k.value = !0, Se();
 		}
 		function Ce() {
 			if (!_.value) return;
@@ -620,38 +616,38 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				Q();
 			};
 			for (let n of e) _.value.addEventListener(n, t, { passive: !0 });
-			U = () => {
+			W = () => {
 				if (_.value) for (let n of e) _.value.removeEventListener(n, t);
 			};
 		}
 		function $() {
-			b.value = window.innerWidth, x.value = window.innerHeight, Y("viewport-resize");
+			b.value = window.innerWidth, x.value = window.innerHeight, X("viewport-resize");
 		}
-		return watch(() => d.sidePanelPosition, (e) => {
+		return watch(() => l.sidePanelPosition, (e) => {
 			if (!j.value) {
 				T.value = "none";
 				return;
 			}
-			T.value = e, Y("prop-sync");
+			T.value = e, X("prop-sync");
 		}, { immediate: !0 }), watch(j, (e) => {
 			if (!e) {
-				T.value = "none", E.value = "none", D.value = [], J();
+				T.value = "none", E.value = "none", D.value = [], Y();
 				return;
 			}
-			T.value = d.sidePanelPosition, Y("slot-state-change", !0);
+			T.value = l.sidePanelPosition, X("slot-state-change", !0);
 		}, { immediate: !0 }), watch(() => [
 			F.value,
-			d.autoHideTimeout,
+			l.autoHideTimeout,
 			E.value
 		], () => {
 			if (E.value === "full") {
-				Z();
+				Se();
 				return;
 			}
 			Q();
-		}), watch(ne, (e, t) => {
+		}), watch(I, (e, t) => {
 			if (e) {
-				k.value = !0, X();
+				k.value = !0, Z();
 				return;
 			}
 			t && Q();
@@ -661,21 +657,21 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			E.value,
 			j.value
 		], () => {
-			!j.value || E.value === "none" || p("defaultSlotResize", {
+			!j.value || E.value === "none" || d("defaultSlotResize", {
 				width: C.value,
 				height: w.value
 			});
 		}), onMounted(async () => {
-			A.value = !0, $(), window.addEventListener("resize", $), Ce(), Q(), await nextTick(), B = new ResizeObserver(() => {
-				S.value = v.value?.offsetHeight ?? 0, C.value = y.value?.offsetWidth ?? 0, w.value = y.value?.offsetHeight ?? 0, ee(), Y("slot-measure");
-			}), v.value && B.observe(v.value), y.value && (B.observe(y.value), C.value = y.value.offsetWidth, w.value = y.value.offsetHeight), S.value = v.value?.offsetHeight ?? 0, Y("mounted", !0);
+			A.value = !0, $(), window.addEventListener("resize", $), Ce(), Q(), await nextTick(), V = new ResizeObserver(() => {
+				S.value = v.value?.offsetHeight ?? 0, C.value = y.value?.offsetWidth ?? 0, w.value = y.value?.offsetHeight ?? 0, ee(), X("slot-measure");
+			}), v.value && V.observe(v.value), y.value && (V.observe(y.value), C.value = y.value.offsetWidth, w.value = y.value.offsetHeight), S.value = v.value?.offsetHeight ?? 0, X("mounted", !0);
 		}), onBeforeUnmount(() => {
-			window.removeEventListener("resize", $), U?.(), U = null, B?.disconnect(), B = null, X(), V &&= (clearTimeout(V), void 0);
+			window.removeEventListener("resize", $), W?.(), W = null, V?.disconnect(), V = null, Z(), H &&= (clearTimeout(H), void 0);
 		}), (t, n) => (openBlock(), createElementBlock("section", {
 			ref_key: "rootRef",
 			ref: _,
 			class: "bg-black text-neutral-100",
-			style: normalizeStyle({ ...me.value })
+			style: normalizeStyle({ ...pe.value })
 		}, [M.value ? withDirectives((openBlock(), createElementBlock("header", {
 			key: 0,
 			ref_key: "headerRef",
@@ -688,11 +684,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 				zIndex: 40
 			}
 		}, [(openBlock(), createBlock(resolveDynamicComponent("style"), null, {
-			default: withCtx(() => [createTextVNode(" #header-outer { display: none; } @media (min-width: " + toDisplayString(d.headerHideWidthThreshold) + ") and (min-height: " + toDisplayString(d.headerHideHeightThreshold) + ") { #header-outer { display: block; } } ", 1)]),
+			default: withCtx(() => [createTextVNode(" #header-outer { display: none; } @media (min-width: " + toDisplayString(l.headerHideWidthThreshold) + ") and (min-height: " + toDisplayString(l.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",
@@ -710,14 +706,14 @@ 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),
-			R.value ? (openBlock(), createElementBlock("div", {
+			z.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "bg-black",
 				style: normalizeStyle({
-					...R.value,
+					...z.value,
 					gridColumn: "1 / 2",
 					gridRow: "1 / 2"
 				})
@@ -725,18 +721,18 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			j.value && E.value !== "none" ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: "",
-				style: normalizeStyle(pe.value)
+				style: normalizeStyle(fe.value)
 			}, [createVNode(SidePanelFrame_default, {
 				"side-panel-mode": T.value,
 				"side-panel-mode-resolved": E.value,
 				"available-states": N.value,
 				"overlay-only": F.value,
 				"min-width": e.sidePanelMinRight,
-				"max-width": re.value,
-				"min-height": de.value,
-				"max-height": L.value,
-				onSetSidePanelMode: xe,
-				onCloseSidePanel: Se
+				"max-width": ne.value,
+				"min-height": ue.value,
+				"max-height": R.value,
+				onSetSidePanelMode: be,
+				onCloseSidePanel: xe
 			}, {
 				default: withCtx(() => [renderSlot(t.$slots, "sidePanelContent")]),
 				_: 3
@@ -752,7 +748,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
 			])], 4)) : createCommentVNode("", !0)
 		], 4)], 4));
 	}
-}), [["__scopeId", "data-v-4586dc0f"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-9b09f97b"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
 	__name: "LoggedInOut",
 	props: {
 		initiallyLoggedIn: { type: Boolean },

package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiveFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/LiveFrame.vue"],"names":[],"mappings":"AAu2BA,OAAO,KAAK,EACV,+BAA+B,EAG/B,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,KAAK,WAAW,GAAG;IACf,iBAAiB,CAAC,EAAE,uBAAuB,CAAA;IAC3C,sBAAsB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxC,+BAA+B,CAAC,EAAE,MAAM,CAAA;IACxC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAA;CACnC,CAAC;AA4uBJ,iBAAS,cAAc;WAoJT,OAAO,IAA6B;;wBAftB,GAAG;yBACF,GAAG;kCACO,GAAG;;;;;;;;EAkBzC;AA+BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;eA14BmB,MAAM;gBAAU,MAAM;;;;;;;eAAtB,MAAM;gBAAU,MAAM;;;uBA3CtC,uBAAuB;4BAClB,MAAM,GAAG,MAAM;qCACN,MAAM;oCACP,MAAM;yBACjB,MAAM;yBACN,MAAM;qBACV,MAAM;sBACL,MAAM;uBACL,MAAM;uBACN,MAAM;2BACF,MAAM;wBACT,MAAM;wBACN,MAAM;4BACF,MAAM;8BACJ,MAAM;+BACL,MAAM;;;;;eAg7BpC,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":"LiveFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/LiveFrame.vue"],"names":[],"mappings":"AA81BA,OAAO,KAAK,EACV,+BAA+B,EAG/B,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,KAAK,WAAW,GAAG;IACf,iBAAiB,CAAC,EAAE,uBAAuB,CAAA;IAC3C,sBAAsB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxC,+BAA+B,CAAC,EAAE,MAAM,CAAA;IACxC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAA;CACnC,CAAC;AAmuBJ,iBAAS,cAAc;WAoJT,OAAO,IAA6B;;wBAftB,GAAG;yBACF,GAAG;kCACO,GAAG;;;;;;;;EAkBzC;AA+BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;eAj4BmB,MAAM;gBAAU,MAAM;;;;;;;eAAtB,MAAM;gBAAU,MAAM;;;uBA3CtC,uBAAuB;4BAClB,MAAM,GAAG,MAAM;qCACN,MAAM;oCACP,MAAM;yBACjB,MAAM;yBACN,MAAM;qBACV,MAAM;sBACL,MAAM;uBACL,MAAM;uBACN,MAAM;2BACF,MAAM;wBACT,MAAM;wBACN,MAAM;4BACF,MAAM;8BACJ,MAAM;+BACL,MAAM;;;;;eAu6BpC,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,3 +1,3 @@
-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-BxF_n_wY.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-BwX5tOPA.js";
 import "./useSimpleLoggedIn-CSv5Xy3J.js";
 export { 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/frame-vue.css

@@ -1,2 +1,2 @@
-.slot-content-container>[data-v-4586dc0f-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-9b09f97b-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,4 +1,4 @@
-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-BxF_n_wY.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-BwX5tOPA.js";
 import { t as useSimpleLoggedIn } from "./useSimpleLoggedIn-CSv5Xy3J.js";
 import "./components.js";
 import "./composables.js";

package/package.json

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