@mkbabb/glass-ui 3.10.0 → 3.10.1

package/dist/controls.js

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t as n } from "./useGlobalDark-d6waty-X.js";
-import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, resolveDynamicComponent as l, unref as u, useAttrs as d, watchEffect as f, withCtx as p } from "vue";
+import { t } from "./_plugin-vue_export-helper-DWghtRt7.js";
+import { t as n } from "./useGlobalDark-D7R9OypB.js";
+import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, resolveDynamicComponent as u, useAttrs as d, watchEffect as f, withCtx as p } from "vue";
 //#endregion
 //#region src/components/custom/controls/DarkModeToggle.vue
 var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
@@ -16,25 +16,55 @@ var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
 		disableTransitions: {
 			type: Boolean,
 			default: !1
+		},
+		eclipse: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	setup(t) {
-		let o = t, m = d(), h = r(() => e("dark-mode-toggle-button", "relative isolate inline-flex shrink-0 items-center justify-center", "cursor-pointer border-0 bg-transparent", "rounded-pill", "opacity-80", "focus-ring", m.class)), { isDark: g, toggleDark: _, setDisableTransitions: v } = n(), y = r(() => {
+		let o = t, m = d(), h = l(!1), g = typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, _ = null, v = !1;
+		function y() {
+			_ !== null && (clearTimeout(_), _ = null);
+		}
+		function b() {
+			!o.eclipse || o.passive || (v = !1, y(), _ = setTimeout(() => {
+				v = !0, _ = null, g || (h.value = !0, window.setTimeout(() => h.value = !1, 1700)), T();
+			}, 460));
+		}
+		function x() {
+			y();
+		}
+		function S(e) {
+			if (o.eclipse && v) {
+				e.preventDefault(), e.stopPropagation(), v = !1;
+				return;
+			}
+			o.passive || T();
+		}
+		let C = r(() => e("dark-mode-toggle-button", "relative isolate inline-flex shrink-0 items-center justify-center", "cursor-pointer border-0 bg-transparent", "rounded-pill", "opacity-80", "focus-ring", m.class)), { isDark: w, toggleDark: T, setDisableTransitions: E } = n(), D = r(() => {
 			let { class: e, ...t } = m;
 			return o.passive ? t : {
 				type: "button",
-				"aria-label": g.value ? "Switch to light mode" : "Switch to dark mode",
-				"aria-pressed": g.value ? "true" : "false",
+				"aria-label": w.value ? "Switch to light mode" : "Switch to dark mode",
+				"aria-pressed": w.value ? "true" : "false",
 				...t
 			};
 		});
 		return f(() => {
-			v(o.disableTransitions);
-		}), (e, n) => (c(), i(l(t.passive ? "div" : "button"), s({
-			class: h.value,
-			"data-size": o.size
-		}, y.value, { onClick: n[0] ||= (e) => !t.passive && u(_)() }), {
-			default: p(() => [...n[1] ||= [a("svg", {
+			E(o.disableTransitions);
+		}), (e, n) => (c(), i(u(t.passive ? "div" : "button"), s({
+			class: C.value,
+			"data-size": o.size,
+			"data-eclipsing": t.eclipse && h.value ? "true" : void 0
+		}, D.value, {
+			onClick: S,
+			onPointerdown: b,
+			onPointerup: x,
+			onPointerleave: x,
+			onPointercancel: x
+		}), {
+			default: p(() => [...n[0] ||= [a("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 472.39 472.39",
 				class: "block h-full w-full fill-foreground"
@@ -44,8 +74,12 @@ var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
 				r: "90"
 			})])], -1)]]),
 			_: 1
-		}, 16, ["class", "data-size"]));
+		}, 16, [
+			"class",
+			"data-size",
+			"data-eclipsing"
+		]));
 	}
-}), [["__scopeId", "data-v-10981347"]]);
+}), [["__scopeId", "data-v-77ac6c77"]]);
 //#endregion
 export { m as DarkModeToggle };

package/dist/dark.js

@@ -1,4 +1,4 @@
-import { t as e } from "./useGlobalDark-d6waty-X.js";
+import { t as e } from "./useGlobalDark-D7R9OypB.js";
 import { nextTick as t, watch as n } from "vue";
 //#region src/composables/dark/installDarkModeSync.ts
 function r(r) {

package/dist/data-table.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./DataTable-CUHMukiQ.js";
+import { n as e, t } from "./DataTable-C3E6jZ5B.js";
 export { t as DataTable, e as DataTablePagination };

package/dist/dialog.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./DialogContent-BRkT1cjP.js";
-import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-Gprw8H_A.js";
+import { n as e, t } from "./DialogContent-BxaaafFi.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-DufLHi0y.js";
 export { e as Dialog, s as DialogClose, t as DialogContent, o as DialogDescription, c as DialogFooter, n as DialogHeader, i as DialogScrollContent, r as DialogTitle, a as DialogTrigger };