@flux-ui/application 3.1.9 → 3.2.0-beta.0

package/dist/index.css

@@ -304,9 +304,6 @@ html[data-application-resizing] .application-menu-backdrop {
 @starting-style {
   .application-menu .menu-sub-header {
     height: 0;
-    /* Match the collapsed state's negative margins (sum -12px = one panel gap)
-       so the expand-in animation starts exactly where the collapsed sub-header
-       sat — no jump at the start of the expand. */
     margin-top: -9px;
     margin-bottom: -3px;
     padding-top: 0;
@@ -520,6 +517,10 @@ html[data-application-resizing] .application-menu-backdrop {
     translate: -100% 0;
   }
 }
+html:not([data-application-ready]) .application-menu .menu-sub-header {
+  transition: none;
+}
+
 html[data-application-resizing] .application-menu,
 html[data-application-resizing] .application-menu-footer,
 html[data-application-resizing] .application-menu-footer::before,

package/dist/index.js

@@ -2,7 +2,7 @@ import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, c
 import { FluxFadeTransition, FluxFlyout, FluxIcon, FluxMenu, FluxMenuItem, FluxPane, FluxRouteTransition, FluxSecondaryButton, FluxSpacer, FluxTabBar, useBreakpoints } from "@flux-ui/components";
 import { DateTime } from "luxon";
 import { RouterView, matchedRouteKey, useRoute, viewDepthKey } from "vue-router";
-//#region ../../node_modules/.bun/@basmilius+utils@3.43.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.45.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
 function x(e) {
 	let t = {};
 	do {
@@ -3150,7 +3150,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.43.0+8e5bcfeee95dacb4/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.45.0+4ee6465b33b5b900/node_modules/@basmilius/http-client/dist/index.mjs
 function adapter_default(Parent) {
 	return class extends Parent {
 		constructor(...args) {
@@ -3802,6 +3802,7 @@ var FluxApplication_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(__props) {
+		let readyFrame;
 		let resizeTimer;
 		const isMenuCollapsed = A("application-menu-collapsed", true);
 		const matchedMenuRoutes = useNamedRoutes_default(toRef(() => __props.contextMenuName));
@@ -3816,15 +3817,26 @@ var FluxApplication_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			if (typeof window === "undefined") return;
 			window.addEventListener("resize", onResize, { passive: true });
+			readyFrame = requestAnimationFrame(() => {
+				readyFrame = requestAnimationFrame(() => {
+					readyFrame = void 0;
+					document.documentElement.dataset.applicationReady = "";
+				});
+			});
 		});
 		onUnmounted(() => {
 			if (typeof window !== "undefined") window.removeEventListener("resize", onResize);
+			if (readyFrame !== void 0) {
+				cancelAnimationFrame(readyFrame);
+				readyFrame = void 0;
+			}
 			if (resizeTimer !== void 0) {
 				clearTimeout(resizeTimer);
 				resizeTimer = void 0;
 			}
 			if (typeof document !== "undefined") {
 				delete document.documentElement.dataset.applicationMenuOpen;
+				delete document.documentElement.dataset.applicationReady;
 				delete document.documentElement.dataset.applicationResizing;
 			}
 		});
@@ -4023,10 +4035,7 @@ var FluxApplicationContent_default = /* @__PURE__ */ defineComponent({
 		const { layout: layoutRef } = useApplicationInjection_default();
 		watch(() => __props.layout, () => layoutRef.value = __props.layout, { immediate: true });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("main", {
-				class: normalizeClass(unref(clsx)(__props.layout === "default" && unref(ApplicationContent_module_default).applicationContentDefault, __props.layout === "dashboard" && unref(ApplicationContent_module_default).applicationContentDashboard, __props.layout === "full" && unref(ApplicationContent_module_default).applicationContentFull, __props.layout === "medium" && unref(ApplicationContent_module_default).applicationContentMedium, __props.layout === "narrow" && unref(ApplicationContent_module_default).applicationContentNarrow)),
-				"aria-label": "Application Content"
-			}, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("main", { class: normalizeClass(unref(clsx)(__props.layout === "default" && unref(ApplicationContent_module_default).applicationContentDefault, __props.layout === "dashboard" && unref(ApplicationContent_module_default).applicationContentDashboard, __props.layout === "full" && unref(ApplicationContent_module_default).applicationContentFull, __props.layout === "medium" && unref(ApplicationContent_module_default).applicationContentMedium, __props.layout === "narrow" && unref(ApplicationContent_module_default).applicationContentNarrow)) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });