@simsustech/quasar-components 0.11.26 → 0.12.1

package/dist/md3.js

@@ -1,412 +1,423 @@
-import { QBtn, QPageSticky, useQuasar, debounce, QLayout, QHeader, QToolbar, QDrawer, QFooter, QPageContainer } from "quasar";
-import { defineComponent, toRefs, inject, openBlock, createElementBlock, Fragment, unref, createBlock, normalizeClass, createCommentVNode, withCtx, watch, computed, toValue, ref, onMounted, resolveComponent, withDirectives, createElementVNode, createVNode, renderSlot, vShow } from "vue";
-const _hoisted_1$1 = { key: 0 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "NavigationRailFabs",
-  props: {
-    type: {},
-    showSticky: { type: Boolean },
-    seekAttention: { type: Boolean },
-    disable: { type: Boolean },
-    busEmits: {},
-    icons: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { type, icons } = toRefs(props);
-    if (!type.value) type.value = "add";
-    const bus = inject("bus");
-    if (!bus)
-      throw new Error(
-        "Event bus not initialized (https://quasar.dev/quasar-utils/event-bus-util)"
-      );
-    const addIcon = icons.value?.add ?? "add";
-    const editIcon = icons.value?.edit ?? "edit";
-    return (_ctx, _cache) => {
-      const _component_q_btn = QBtn;
-      const _component_q_page_sticky = QPageSticky;
-      return openBlock(), createElementBlock(Fragment, null, [
-        !__props.showSticky ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-          __props.busEmits.add && unref(type) === "add" ? (openBlock(), createBlock(_component_q_btn, {
-            key: 0,
-            id: "fabAdd",
-            class: normalizeClass({
-              "gt-sm": true,
-              animated: !!__props.seekAttention,
-              "animated-tada": !!__props.seekAttention,
-              "animated-infinite": !!__props.seekAttention
-            }),
-            fab: "",
-            icon: unref(addIcon),
-            disable: __props.disable,
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(bus).emit(__props.busEmits.add))
-          }, null, 8, ["class", "icon", "disable"])) : createCommentVNode("", true),
-          __props.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
-            key: 1,
-            id: "fabEdit",
-            class: normalizeClass({
-              "gt-sm": true,
-              animated: !!__props.seekAttention,
-              "animated-tada": !!__props.seekAttention,
-              "animated-infinite": !!__props.seekAttention
-            }),
-            fab: "",
-            icon: unref(editIcon),
-            disable: __props.disable,
-            onClick: _cache[1] || (_cache[1] = ($event) => unref(bus).emit(__props.busEmits.edit))
-          }, null, 8, ["class", "icon", "disable"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        __props.showSticky ? (openBlock(), createBlock(_component_q_page_sticky, {
-          key: 1,
-          position: "bottom-right",
-          offset: [18, 18]
-        }, {
-          default: withCtx(() => [
-            __props.busEmits.add && unref(type) === "add" ? (openBlock(), createBlock(_component_q_btn, {
-              key: 0,
-              class: normalizeClass({
-                "lt-md": true,
-                animated: !!__props.seekAttention,
-                "animated-tada": !!__props.seekAttention,
-                "animated-infinite": !!__props.seekAttention
-              }),
-              fab: "",
-              icon: unref(addIcon),
-              disable: __props.disable,
-              onClick: _cache[2] || (_cache[2] = ($event) => unref(bus).emit(__props.busEmits.add))
-            }, null, 8, ["class", "icon", "disable"])) : createCommentVNode("", true),
-            __props.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
-              key: 1,
-              class: normalizeClass({
-                "lt-md": true,
-                animated: !!__props.seekAttention,
-                "animated-tada": !!__props.seekAttention,
-                "animated-infinite": !!__props.seekAttention
-              }),
-              fab: "",
-              icon: unref(editIcon),
-              disable: __props.disable,
-              onClick: _cache[3] || (_cache[3] = ($event) => unref(bus).emit(__props.busEmits.edit))
-            }, null, 8, ["class", "icon", "disable"])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { QBtn, QDrawer, QFooter, QHeader, QLayout, QPageContainer, QPageSticky, QToolbar, debounce, useQuasar } from "quasar";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, ref, renderSlot, resolveComponent, toRefs, toValue, unref, vShow, watch, withCtx, withDirectives } from "vue";
+//#region src/ui/md3/NavigationRailFabs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { key: 0 };
+//#endregion
+//#region src/ui/md3/NavigationRailFabs.vue
+var NavigationRailFabs_default = /* @__PURE__ */ defineComponent({
+	__name: "NavigationRailFabs",
+	props: {
+		type: {},
+		showSticky: { type: Boolean },
+		seekAttention: { type: Boolean },
+		disable: { type: Boolean },
+		busEmits: {},
+		icons: {}
+	},
+	setup(__props) {
+		const { type, icons } = toRefs(__props);
+		if (!type.value) type.value = "add";
+		const bus = inject("bus");
+		if (!bus) throw new Error("Event bus not initialized (https://quasar.dev/quasar-utils/event-bus-util)");
+		const addIcon = icons.value?.add ?? "add";
+		const editIcon = icons.value?.edit ?? "edit";
+		return (_ctx, _cache) => {
+			const _component_q_btn = QBtn;
+			const _component_q_page_sticky = QPageSticky;
+			return openBlock(), createElementBlock(Fragment, null, [!__props.showSticky ? (openBlock(), createElementBlock("div", _hoisted_1$1, [__props.busEmits.add && unref(type) === "add" ? (openBlock(), createBlock(_component_q_btn, {
+				key: 0,
+				id: "fabAdd",
+				class: normalizeClass({
+					"gt-sm": true,
+					animated: !!__props.seekAttention,
+					"animated-tada": !!__props.seekAttention,
+					"animated-infinite": !!__props.seekAttention
+				}),
+				fab: "",
+				icon: unref(addIcon),
+				disable: __props.disable,
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(bus).emit(__props.busEmits.add))
+			}, null, 8, [
+				"class",
+				"icon",
+				"disable"
+			])) : createCommentVNode("", true), __props.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
+				key: 1,
+				id: "fabEdit",
+				class: normalizeClass({
+					"gt-sm": true,
+					animated: !!__props.seekAttention,
+					"animated-tada": !!__props.seekAttention,
+					"animated-infinite": !!__props.seekAttention
+				}),
+				fab: "",
+				icon: unref(editIcon),
+				disable: __props.disable,
+				onClick: _cache[1] || (_cache[1] = ($event) => unref(bus).emit(__props.busEmits.edit))
+			}, null, 8, [
+				"class",
+				"icon",
+				"disable"
+			])) : createCommentVNode("", true)])) : createCommentVNode("", true), __props.showSticky ? (openBlock(), createBlock(_component_q_page_sticky, {
+				key: 1,
+				position: "bottom-right",
+				offset: [18, 18]
+			}, {
+				default: withCtx(() => [__props.busEmits.add && unref(type) === "add" ? (openBlock(), createBlock(_component_q_btn, {
+					key: 0,
+					class: normalizeClass({
+						"lt-md": true,
+						animated: !!__props.seekAttention,
+						"animated-tada": !!__props.seekAttention,
+						"animated-infinite": !!__props.seekAttention
+					}),
+					fab: "",
+					icon: unref(addIcon),
+					disable: __props.disable,
+					onClick: _cache[2] || (_cache[2] = ($event) => unref(bus).emit(__props.busEmits.add))
+				}, null, 8, [
+					"class",
+					"icon",
+					"disable"
+				])) : createCommentVNode("", true), __props.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
+					key: 1,
+					class: normalizeClass({
+						"lt-md": true,
+						animated: !!__props.seekAttention,
+						"animated-tada": !!__props.seekAttention,
+						"animated-infinite": !!__props.seekAttention
+					}),
+					fab: "",
+					icon: unref(editIcon),
+					disable: __props.disable,
+					onClick: _cache[3] || (_cache[3] = ($event) => unref(bus).emit(__props.busEmits.edit))
+				}, null, 8, [
+					"class",
+					"icon",
+					"disable"
+				])) : createCommentVNode("", true)]),
+				_: 1
+			})) : createCommentVNode("", true)], 64);
+		};
+	}
 });
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+//#endregion
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.3.0_vue@3.5.35_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
+var isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const toString = Object.prototype.toString;
-const isObject = (val) => toString.call(val) === "[object Object]";
-const noop = () => {
-};
+var toString = Object.prototype.toString;
+var isObject = (val) => toString.call(val) === "[object Object]";
+var noop = () => {};
+var isIOS = /* @__PURE__ */ getIsIOS();
+function getIsIOS() {
+	var _window, _window2, _window3;
+	return isClient && !!((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.maxTouchPoints) > 2 && /iPad|Macintosh/.test((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.navigator.userAgent));
+}
 function toArray(value) {
-  return Array.isArray(value) ? value : [value];
+	return Array.isArray(value) ? value : [value];
 }
+/**
+* Shorthand for watching value with {immediate: true}
+*
+* @see https://vueuse.org/watchImmediate
+*/
 function watchImmediate(source, cb, options) {
-  return watch(source, cb, {
-    ...options,
-    immediate: true
-  });
+	return watch(source, cb, {
+		...options,
+		immediate: true
+	});
 }
-const defaultWindow = isClient ? window : void 0;
+//#endregion
+//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.35_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
+var defaultWindow = isClient ? window : void 0;
+isClient && window.document;
+isClient && window.navigator;
+isClient && window.location;
+/**
+* Get the dom element of a ref of element or Vue component instance
+*
+* @param elRef
+*/
 function unrefElement(elRef) {
-  var _$el;
-  const plain = toValue(elRef);
-  return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
+	var _$el;
+	const plain = toValue(elRef);
+	return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
 }
 function useEventListener(...args) {
-  const register = (el, event, listener, options) => {
-    el.addEventListener(event, listener, options);
-    return () => el.removeEventListener(event, listener, options);
-  };
-  const firstParamTargets = computed(() => {
-    const test = toArray(toValue(args[0])).filter((e) => e != null);
-    return test.every((e) => typeof e !== "string") ? test : void 0;
-  });
-  return watchImmediate(() => {
-    var _firstParamTargets$va, _firstParamTargets$va2;
-    return [
-      (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
-      toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
-      toArray(unref(firstParamTargets.value ? args[2] : args[1])),
-      toValue(firstParamTargets.value ? args[3] : args[2])
-    ];
-  }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
-    if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
-    const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-    const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
-    onCleanup(() => {
-      cleanups.forEach((fn) => fn());
-    });
-  }, { flush: "post" });
+	const register = (el, event, listener, options) => {
+		el.addEventListener(event, listener, options);
+		return () => el.removeEventListener(event, listener, options);
+	};
+	const firstParamTargets = computed(() => {
+		const test = toArray(toValue(args[0])).filter((e) => e != null);
+		return test.every((e) => typeof e !== "string") ? test : void 0;
+	});
+	return watchImmediate(() => {
+		var _firstParamTargets$va, _firstParamTargets$va2;
+		return [
+			(_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
+			toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
+			toArray(unref(firstParamTargets.value ? args[2] : args[1])),
+			toValue(firstParamTargets.value ? args[3] : args[2])
+		];
+	}, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
+		if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
+		const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
+		const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
+		onCleanup(() => {
+			cleanups.forEach((fn) => fn());
+		});
+	}, { flush: "post" });
 }
+var _iOSWorkaround = false;
 function onClickOutside(target, handler, options = {}) {
-  const { window: window$1 = defaultWindow, ignore = [], capture = true, detectIframe = false, controls = false } = options;
-  if (!window$1) return controls ? {
-    stop: noop,
-    cancel: noop,
-    trigger: noop
-  } : noop;
-  let shouldListen = true;
-  const shouldIgnore = (event) => {
-    return toValue(ignore).some((target$1) => {
-      if (typeof target$1 === "string") return Array.from(window$1.document.querySelectorAll(target$1)).some((el) => el === event.target || event.composedPath().includes(el));
-      else {
-        const el = unrefElement(target$1);
-        return el && (event.target === el || event.composedPath().includes(el));
-      }
-    });
-  };
-  function hasMultipleRoots(target$1) {
-    const vm = toValue(target$1);
-    return vm && vm.$.subTree.shapeFlag === 16;
-  }
-  function checkMultipleRoots(target$1, event) {
-    const vm = toValue(target$1);
-    const children = vm.$.subTree && vm.$.subTree.children;
-    if (children == null || !Array.isArray(children)) return false;
-    return children.some((child) => child.el === event.target || event.composedPath().includes(child.el));
-  }
-  const listener = (event) => {
-    const el = unrefElement(target);
-    if (event.target == null) return;
-    if (!(el instanceof Element) && hasMultipleRoots(target) && checkMultipleRoots(target, event)) return;
-    if (!el || el === event.target || event.composedPath().includes(el)) return;
-    if ("detail" in event && event.detail === 0) shouldListen = !shouldIgnore(event);
-    if (!shouldListen) {
-      shouldListen = true;
-      return;
-    }
-    handler(event);
-  };
-  let isProcessingClick = false;
-  const cleanup = [
-    useEventListener(window$1, "click", (event) => {
-      if (!isProcessingClick) {
-        isProcessingClick = true;
-        setTimeout(() => {
-          isProcessingClick = false;
-        }, 0);
-        listener(event);
-      }
-    }, {
-      passive: true,
-      capture
-    }),
-    useEventListener(window$1, "pointerdown", (e) => {
-      const el = unrefElement(target);
-      shouldListen = !shouldIgnore(e) && !!(el && !e.composedPath().includes(el));
-    }, { passive: true }),
-    detectIframe && useEventListener(window$1, "blur", (event) => {
-      setTimeout(() => {
-        var _window$document$acti;
-        const el = unrefElement(target);
-        if (((_window$document$acti = window$1.document.activeElement) === null || _window$document$acti === void 0 ? void 0 : _window$document$acti.tagName) === "IFRAME" && !(el === null || el === void 0 ? void 0 : el.contains(window$1.document.activeElement))) handler(event);
-      }, 0);
-    }, { passive: true })
-  ].filter(Boolean);
-  const stop = () => cleanup.forEach((fn) => fn());
-  if (controls) return {
-    stop,
-    cancel: () => {
-      shouldListen = false;
-    },
-    trigger: (event) => {
-      shouldListen = true;
-      listener(event);
-      shouldListen = false;
-    }
-  };
-  return stop;
+	const { window = defaultWindow, ignore = [], capture = true, detectIframe = false, controls = false } = options;
+	if (!window) return controls ? {
+		stop: noop,
+		cancel: noop,
+		trigger: noop
+	} : noop;
+	if (isIOS && !_iOSWorkaround) {
+		_iOSWorkaround = true;
+		const listenerOptions = { passive: true };
+		Array.from(window.document.body.children).forEach((el) => el.addEventListener("click", noop, listenerOptions));
+		window.document.documentElement.addEventListener("click", noop, listenerOptions);
+	}
+	let shouldListen = true;
+	const shouldIgnore = (event) => {
+		return toValue(ignore).some((target) => {
+			if (typeof target === "string") return Array.from(window.document.querySelectorAll(target)).some((el) => el === event.target || event.composedPath().includes(el));
+			else {
+				const el = unrefElement(target);
+				return el && (event.target === el || event.composedPath().includes(el));
+			}
+		});
+	};
+	/**
+	* Determines if the given target has multiple root elements.
+	* Referenced from: https://github.com/vuejs/test-utils/blob/ccb460be55f9f6be05ab708500a41ec8adf6f4bc/src/vue-wrapper.ts#L21
+	*/
+	function hasMultipleRoots(target) {
+		const vm = toValue(target);
+		return vm && vm.$.subTree.shapeFlag === 16;
+	}
+	function checkMultipleRoots(target, event) {
+		const vm = toValue(target);
+		const children = vm.$.subTree && vm.$.subTree.children;
+		if (children == null || !Array.isArray(children)) return false;
+		return children.some((child) => child.el === event.target || event.composedPath().includes(child.el));
+	}
+	const listener = (event) => {
+		const el = unrefElement(target);
+		if (event.target == null) return;
+		if (!(el instanceof Element) && hasMultipleRoots(target) && checkMultipleRoots(target, event)) return;
+		if (!el || el === event.target || event.composedPath().includes(el)) return;
+		if ("detail" in event && event.detail === 0) shouldListen = !shouldIgnore(event);
+		if (!shouldListen) {
+			shouldListen = true;
+			return;
+		}
+		handler(event);
+	};
+	let isProcessingClick = false;
+	const cleanup = [
+		useEventListener(window, "click", (event) => {
+			if (!isProcessingClick) {
+				isProcessingClick = true;
+				setTimeout(() => {
+					isProcessingClick = false;
+				}, 0);
+				listener(event);
+			}
+		}, {
+			passive: true,
+			capture
+		}),
+		useEventListener(window, "pointerdown", (e) => {
+			const el = unrefElement(target);
+			shouldListen = !shouldIgnore(e) && !!(el && !e.composedPath().includes(el));
+		}, { passive: true }),
+		detectIframe && useEventListener(window, "blur", (event) => {
+			setTimeout(() => {
+				const el = unrefElement(target);
+				let activeEl = window.document.activeElement;
+				while (activeEl === null || activeEl === void 0 ? void 0 : activeEl.shadowRoot) activeEl = activeEl.shadowRoot.activeElement;
+				if ((activeEl === null || activeEl === void 0 ? void 0 : activeEl.tagName) === "IFRAME" && !(el === null || el === void 0 ? void 0 : el.contains(window.document.activeElement))) handler(event);
+			}, 0);
+		}, { passive: true })
+	].filter(Boolean);
+	const stop = () => cleanup.forEach((fn) => fn());
+	if (controls) return {
+		stop,
+		cancel: () => {
+			shouldListen = false;
+		},
+		trigger: (event) => {
+			shouldListen = true;
+			listener(event);
+			shouldListen = false;
+		}
+	};
+	return stop;
 }
-const _hoisted_1 = {
-  id: "fabs",
-  class: "q-mb-md min-h-56px"
+Number.POSITIVE_INFINITY;
+//#endregion
+//#region src/ui/md3/Md3Layout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	id: "fabs",
+	class: "q-mb-md min-h-56px"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Md3Layout",
-  props: {
-    ready: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const $q = useQuasar();
-    const drawerRef = ref();
-    const leftDrawerOpen = ref(false);
-    const miniState = ref(false);
-    const drawerWidth = computed(() => {
-      return $q.screen.lt.sm ? 300 : 360;
-    });
-    watch(
-      () => $q.screen.height,
-      () => {
-        toggleLeftDrawer(false);
-        if ($q.screen.gt.sm) {
-          miniState.value = true;
-        } else {
-          miniState.value = false;
-        }
-      }
-    );
-    const toggleLeftDrawer = (val) => {
-      leftDrawerOpen.value = val ?? $q.screen.gt.sm;
-      if ($q.screen.gt.sm) {
-        leftDrawerOpen.value = val ?? $q.screen.gt.sm;
-        miniState.value = !miniState.value;
-      } else {
-        leftDrawerOpen.value = val ?? !leftDrawerOpen.value;
-        miniState.value = false;
-      }
-    };
-    const toggleMiniState = (val) => {
-      if ($q.screen.gt.sm) {
-        leftDrawerOpen.value = true;
-        miniState.value = val ?? !miniState.value;
-      }
-    };
-    const onDrawerHide = () => {
-      if ($q.screen.gt.sm) {
-        miniState.value = true;
-        leftDrawerOpen.value = true;
-      }
-    };
-    const debouncedToggleMiniState = debounce(toggleMiniState, 500);
-    onClickOutside(drawerRef, () => toggleMiniState(true));
-    onMounted(() => {
-      if ($q.screen.gt.sm) {
-        toggleMiniState(true);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_q_btn = QBtn;
-      const _component_q_toolbar = QToolbar;
-      const _component_q_header = QHeader;
-      const _component_q_footer = QFooter;
-      const _component_router_view = resolveComponent("router-view");
-      const _component_q_page_container = QPageContainer;
-      const _component_q_layout = QLayout;
-      return openBlock(), createBlock(_component_q_layout, { view: "lHh Lpr lFf" }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", null, [
-            createVNode(_component_q_header, null, {
-              default: withCtx(() => [
-                createVNode(_component_q_toolbar, null, {
-                  default: withCtx(() => [
-                    !miniState.value ? (openBlock(), createBlock(_component_q_btn, {
-                      key: 0,
-                      flat: "",
-                      dense: "",
-                      round: "",
-                      "aria-label": "Menu",
-                      icon: "i-mdi-menu",
-                      onClick: _cache[0] || (_cache[0] = ($event) => toggleLeftDrawer())
-                    })) : createCommentVNode("", true),
-                    renderSlot(_ctx.$slots, "header-toolbar")
-                  ]),
-                  _: 3
-                })
-              ]),
-              _: 3
-            }),
-            createVNode(unref(QDrawer), {
-              ref_key: "drawerRef",
-              ref: drawerRef,
-              "model-value": leftDrawerOpen.value,
-              width: drawerWidth.value,
-              "mini-width": 80,
-              mini: miniState.value,
-              "show-if-above": "",
-              bordered: "",
-              onHide: onDrawerHide,
-              "onUpdate:modelValue": toggleLeftDrawer,
-              onMouseleave: _cache[2] || (_cache[2] = ($event) => unref(debouncedToggleMiniState)(true))
-            }, {
-              mini: withCtx(() => [
-                createElementVNode("div", {
-                  class: normalizeClass({
-                    column: true,
-                    "items-center": miniState.value,
-                    "pr-0": true
-                  })
-                }, [
-                  createVNode(_component_q_btn, {
-                    flat: "",
-                    dense: "",
-                    round: "",
-                    "aria-label": "Menu",
-                    icon: "i-mdi-menu",
-                    class: "q-mb-md",
-                    onClick: _cache[1] || (_cache[1] = ($event) => toggleLeftDrawer())
-                  }),
-                  createElementVNode("div", _hoisted_1, [
-                    renderSlot(_ctx.$slots, "fabs", { showSticky: false })
-                  ]),
-                  renderSlot(_ctx.$slots, "drawer-mini-navigation")
-                ], 2)
-              ]),
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "drawer")
-              ]),
-              _: 3
-            }, 8, ["model-value", "width", "mini"]),
-            createVNode(_component_q_footer, { class: "h-80px lt-md" }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "footer")
-              ]),
-              _: 3
-            }),
-            createVNode(_component_q_page_container, null, {
-              default: withCtx(() => [
-                createVNode(_component_router_view),
-                renderSlot(_ctx.$slots, "fabs", { showSticky: true })
-              ]),
-              _: 3
-            })
-          ], 512), [
-            [vShow, __props.ready]
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
+//#endregion
+//#region src/ui/md3/Md3Layout.vue
+var Md3Layout_default = /* @__PURE__ */ defineComponent({
+	__name: "Md3Layout",
+	props: { ready: {
+		type: Boolean,
+		default: true
+	} },
+	setup(__props) {
+		const $q = useQuasar();
+		const drawerRef = ref();
+		const leftDrawerOpen = ref(false);
+		const miniState = ref(false);
+		const drawerWidth = computed(() => {
+			return $q.screen.lt.sm ? 300 : 360;
+		});
+		watch(() => $q.screen.height, () => {
+			toggleLeftDrawer(false);
+			if ($q.screen.gt.sm) miniState.value = true;
+			else miniState.value = false;
+		});
+		const toggleLeftDrawer = (val) => {
+			leftDrawerOpen.value = val ?? $q.screen.gt.sm;
+			if ($q.screen.gt.sm) {
+				leftDrawerOpen.value = val ?? $q.screen.gt.sm;
+				miniState.value = !miniState.value;
+			} else {
+				leftDrawerOpen.value = val ?? !leftDrawerOpen.value;
+				miniState.value = false;
+			}
+		};
+		const toggleMiniState = (val) => {
+			if ($q.screen.gt.sm) {
+				leftDrawerOpen.value = true;
+				miniState.value = val ?? !miniState.value;
+			}
+		};
+		const onDrawerHide = () => {
+			if ($q.screen.gt.sm) {
+				miniState.value = true;
+				leftDrawerOpen.value = true;
+			}
+		};
+		const debouncedToggleMiniState = debounce(toggleMiniState, 500);
+		onClickOutside(drawerRef, () => toggleMiniState(true));
+		onMounted(() => {
+			if ($q.screen.gt.sm) toggleMiniState(true);
+		});
+		return (_ctx, _cache) => {
+			const _component_q_btn = QBtn;
+			const _component_q_toolbar = QToolbar;
+			const _component_q_header = QHeader;
+			const _component_q_footer = QFooter;
+			const _component_router_view = resolveComponent("router-view");
+			const _component_q_page_container = QPageContainer;
+			const _component_q_layout = QLayout;
+			return openBlock(), createBlock(_component_q_layout, { view: "lHh Lpr lFf" }, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", null, [
+					createVNode(_component_q_header, null, {
+						default: withCtx(() => [createVNode(_component_q_toolbar, null, {
+							default: withCtx(() => [!miniState.value ? (openBlock(), createBlock(_component_q_btn, {
+								key: 0,
+								flat: "",
+								dense: "",
+								round: "",
+								"aria-label": "Menu",
+								icon: "i-mdi-menu",
+								onClick: _cache[0] || (_cache[0] = ($event) => toggleLeftDrawer())
+							})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "header-toolbar")]),
+							_: 3
+						})]),
+						_: 3
+					}),
+					createVNode(unref(QDrawer), {
+						ref_key: "drawerRef",
+						ref: drawerRef,
+						"model-value": leftDrawerOpen.value,
+						width: drawerWidth.value,
+						"mini-width": 80,
+						mini: miniState.value,
+						"show-if-above": "",
+						bordered: "",
+						onHide: onDrawerHide,
+						"onUpdate:modelValue": toggleLeftDrawer,
+						onMouseleave: _cache[2] || (_cache[2] = ($event) => unref(debouncedToggleMiniState)(true))
+					}, {
+						mini: withCtx(() => [createElementVNode("div", { class: normalizeClass({
+							column: true,
+							"items-center": miniState.value,
+							"pr-0": true
+						}) }, [
+							createVNode(_component_q_btn, {
+								flat: "",
+								dense: "",
+								round: "",
+								"aria-label": "Menu",
+								icon: "i-mdi-menu",
+								class: "q-mb-md",
+								onClick: _cache[1] || (_cache[1] = ($event) => toggleLeftDrawer())
+							}),
+							createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "fabs", { showSticky: false })]),
+							renderSlot(_ctx.$slots, "drawer-mini-navigation")
+						], 2)]),
+						default: withCtx(() => [renderSlot(_ctx.$slots, "drawer")]),
+						_: 3
+					}, 8, [
+						"model-value",
+						"width",
+						"mini"
+					]),
+					createVNode(_component_q_footer, { class: "h-80px lt-md" }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+						_: 3
+					}),
+					createVNode(_component_q_page_container, null, {
+						default: withCtx(() => [createVNode(_component_router_view), renderSlot(_ctx.$slots, "fabs", { showSticky: true })]),
+						_: 3
+					})
+				], 512), [[vShow, __props.ready]])]),
+				_: 3
+			});
+		};
+	}
 });
-const lang$1 = {
-  isoName: "en-US"
-};
-const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: lang$1
-}, Symbol.toStringTag, { value: "Module" }));
-const lang = ref(lang$1);
-const locales = /* @__PURE__ */ Object.assign({
-  "./en-US.ts": () => Promise.resolve().then(() => enUS),
-  "./nl.ts": () => import("./nl-NLgZUAKl.js")
+//#endregion
+//#region src/ui/md3/lang/en-US.ts
+var en_US_exports = /* @__PURE__ */ __exportAll({ default: () => lang$1 });
+var lang$1 = { isoName: "en-US" };
+//#endregion
+//#region src/ui/md3/lang/index.ts
+var lang = ref(lang$1);
+var locales = /* @__PURE__ */ Object.assign({
+	"./en-US.ts": () => Promise.resolve().then(() => en_US_exports),
+	"./nl.ts": () => import("./nl-ZpgX9FUw.js")
 });
-const useLang = () => {
-  return lang;
-};
-let loadingLanguage = false;
-const loadLang = async (isoName) => {
-  if (!loadingLanguage) {
-    loadingLanguage = true;
-    try {
-      const data = (await locales[`./${isoName}.ts`]()).default;
-      if (data) {
-        lang.value = data;
-      }
-    } catch (e) {
-      throw new Error(
-        `[quasar-components] Failed to load ${isoName} language file.`
-      );
-    }
-    loadingLanguage = false;
-  }
+var useLang = () => {
+	return lang;
 };
-export {
-  _sfc_main as Md3Layout,
-  _sfc_main$1 as NavigationRailFabs,
-  loadLang,
-  useLang
+var loadingLanguage = false;
+var loadLang = async (isoName) => {
+	if (!loadingLanguage) {
+		loadingLanguage = true;
+		try {
+			const data = (await locales[`./${isoName}.ts`]()).default;
+			if (data) lang.value = data;
+		} catch (e) {
+			throw new Error(`[quasar-components] Failed to load ${isoName} language file.`);
+		}
+		loadingLanguage = false;
+	}
 };
+//#endregion
+export { Md3Layout_default as Md3Layout, NavigationRailFabs_default as NavigationRailFabs, loadLang, useLang };