@wisemen/vue-core-components 2.2.3 → 3.0.0

package/dist/index.js

@@ -957,7 +957,7 @@ var concatArrays = (e, t) => {
 		"auto",
 		isArbitraryVariable,
 		isArbitraryValue
-	], ux = () => [
+	], dx = () => [
 		"auto",
 		"min",
 		"max",
@@ -1000,18 +1000,18 @@ var concatArrays = (e, t) => {
 		e,
 		isArbitraryVariable,
 		isArbitraryValue
-	], dx = () => [
+	], fx = () => [
 		...E(),
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], fx = () => ["no-repeat", { repeat: [
+	], px = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], px = () => [
+	] }], mx = () => [
 		"auto",
 		"cover",
 		"contain",
@@ -1039,7 +1039,7 @@ var concatArrays = (e, t) => {
 		"dashed",
 		"dotted",
 		"double"
-	], mx = () => [
+	], hx = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -1067,21 +1067,21 @@ var concatArrays = (e, t) => {
 		v,
 		isArbitraryVariable,
 		isArbitraryValue
-	], hx = () => [
+	], gx = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], gx = () => [
+	], _x = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], _x = () => [
+	], vx = () => [
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], vx = () => [
+	], yx = () => [
 		isFraction,
 		"full",
 		...N()
@@ -1317,8 +1317,8 @@ var concatArrays = (e, t) => {
 				"row-dense",
 				"col-dense"
 			] }],
-			"auto-cols": [{ "auto-cols": ux() }],
-			"auto-rows": [{ "auto-rows": ux() }],
+			"auto-cols": [{ "auto-cols": dx() }],
+			"auto-rows": [{ "auto-rows": dx() }],
 			gap: [{ gap: N() }],
 			"gap-x": [{ "gap-x": N() }],
 			"gap-y": [{ "gap-y": N() }],
@@ -1561,9 +1561,9 @@ var concatArrays = (e, t) => {
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: dx() }],
-			"bg-repeat": [{ bg: fx() }],
-			"bg-size": [{ bg: px() }],
+			"bg-position": [{ bg: fx() }],
+			"bg-repeat": [{ bg: px() }],
+			"bg-size": [{ bg: mx() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -1703,11 +1703,11 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...mx(),
+				...hx(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": mx() }],
+			"bg-blend": [{ "bg-blend": hx() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -1780,9 +1780,9 @@ var concatArrays = (e, t) => {
 				"stroke",
 				"view"
 			] }],
-			"mask-position": [{ mask: dx() }],
-			"mask-repeat": [{ mask: fx() }],
-			"mask-size": [{ mask: px() }],
+			"mask-position": [{ mask: fx() }],
+			"mask-repeat": [{ mask: px() }],
+			"mask-size": [{ mask: mx() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -1941,18 +1941,18 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"perspective-origin": [{ "perspective-origin": O() }],
-			rotate: [{ rotate: hx() }],
-			"rotate-x": [{ "rotate-x": hx() }],
-			"rotate-y": [{ "rotate-y": hx() }],
-			"rotate-z": [{ "rotate-z": hx() }],
-			scale: [{ scale: gx() }],
-			"scale-x": [{ "scale-x": gx() }],
-			"scale-y": [{ "scale-y": gx() }],
-			"scale-z": [{ "scale-z": gx() }],
+			rotate: [{ rotate: gx() }],
+			"rotate-x": [{ "rotate-x": gx() }],
+			"rotate-y": [{ "rotate-y": gx() }],
+			"rotate-z": [{ "rotate-z": gx() }],
+			scale: [{ scale: _x() }],
+			"scale-x": [{ "scale-x": _x() }],
+			"scale-y": [{ "scale-y": _x() }],
+			"scale-z": [{ "scale-z": _x() }],
 			"scale-3d": ["scale-3d"],
-			skew: [{ skew: _x() }],
-			"skew-x": [{ "skew-x": _x() }],
-			"skew-y": [{ "skew-y": _x() }],
+			skew: [{ skew: vx() }],
+			"skew-x": [{ "skew-x": vx() }],
+			"skew-y": [{ "skew-y": vx() }],
 			transform: [{ transform: [
 				isArbitraryVariable,
 				isArbitraryValue,
@@ -1963,10 +1963,10 @@ var concatArrays = (e, t) => {
 			] }],
 			"transform-origin": [{ origin: O() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: vx() }],
-			"translate-x": [{ "translate-x": vx() }],
-			"translate-y": [{ "translate-y": vx() }],
-			"translate-z": [{ "translate-z": vx() }],
+			translate: [{ translate: yx() }],
+			"translate-x": [{ "translate-x": yx() }],
+			"translate-y": [{ "translate-y": yx() }],
+			"translate-z": [{ "translate-z": yx() }],
 			"translate-none": ["translate-none"],
 			accent: [{ accent: G() }],
 			appearance: [{ appearance: ["none", "auto"] }],
@@ -4195,11 +4195,11 @@ var SelectRoot_default = /* @__PURE__ */ defineComponent({
 		function R(e, t) {
 			return T(n.displayFn(e).toLowerCase(), t.toLowerCase());
 		}
-		let z = computed(() => n.filter?.fn ?? R), ux = computed(() => n.filter === null || !n.filter.isEnabled || L.value && !w.value ? y.value : new Map(Array.from(y.value.entries()).filter(([e, t]) => z.value(t, s.value)))), B = computed(() => n.virtualList === null || !n.virtualList.isEnabled ? [] : n.virtualList.items.filter((e) => z.value(e, s.value))), U = computed(() => new Map(Array.from(b.value.entries()).filter(([e, t]) => Array.from(t).some((e) => ux.value.has(e))))), W = computed(() => n.searchInputPlaceholder ?? u("component.select.search_input_placeholder"));
-		function dx(e) {
+		let z = computed(() => n.filter?.fn ?? R), dx = computed(() => n.filter === null || !n.filter.isEnabled || L.value && !w.value ? y.value : new Map(Array.from(y.value.entries()).filter(([e, t]) => z.value(t, s.value)))), B = computed(() => n.virtualList === null || !n.virtualList.isEnabled ? [] : n.virtualList.items.filter((e) => z.value(e, s.value))), U = computed(() => new Map(Array.from(b.value.entries()).filter(([e, t]) => Array.from(t).some((e) => dx.value.has(e))))), W = computed(() => n.searchInputPlaceholder ?? u("component.select.search_input_placeholder"));
+		function fx(e) {
 			c.value = e;
 		}
-		function px() {
+		function mx() {
 			if (!n.isSearchTermControlled) {
 				if (k.value || !L.value || i.value === null || n.clearSearchTermOnSelect) {
 					s.value = "";
@@ -4217,34 +4217,34 @@ var SelectRoot_default = /* @__PURE__ */ defineComponent({
 			K();
 		}
 		function Y() {
-			n.isSearchTermControlled || px(), w.value = !1;
+			n.isSearchTermControlled || mx(), w.value = !1;
 		}
 		function X() {
-			j.value || yx(), j.value = !0;
+			j.value || bx(), j.value = !0;
 		}
 		function Z() {
 			setTimeout(() => {
-				!_.value?.$el.contains(document.activeElement) && (!c.value || n.isDropdownHidden) && (j.value = !1, xx());
+				!_.value?.$el.contains(document.activeElement) && (!c.value || n.isDropdownHidden) && (j.value = !1, Sx());
 			});
 		}
-		function _x() {
+		function vx() {
 			K();
 		}
-		function yx() {
+		function bx() {
 			r("focus");
 		}
-		function xx() {
+		function Sx() {
 			r("blur");
 		}
-		function Sx(e) {
-			e.target === C.value ? e.preventDefault() : xx();
+		function Cx(e) {
+			e.target === C.value ? e.preventDefault() : Sx();
 		}
-		function Cx() {
-			K(), N.value || dx(!1);
+		function wx() {
+			K(), N.value || fx(!1);
 		}
 		return watch(c, (e) => {
 			e ? J() : Y();
-		}), watch(i, px, { immediate: !0 }), useProvideSelectContext({
+		}), watch(i, mx, { immediate: !0 }), useProvideSelectContext({
 			...toComputedRefs(n),
 			id: computed(() => g),
 			hasInlineSearchInput: L,
@@ -4256,18 +4256,18 @@ var SelectRoot_default = /* @__PURE__ */ defineComponent({
 			allItems: y,
 			customClassConfig: O,
 			filteredGroups: U,
-			filteredItems: ux,
+			filteredItems: dx,
 			inlinesearchInputElementRef: C,
 			modelValue: i,
 			remainOpenOnSelect: N,
 			searchInputPlaceholder: W,
 			searchTerm: s,
-			setIsDropdownVisible: dx,
+			setIsDropdownVisible: fx,
 			style: E,
 			virtualListFilteredItems: B,
-			onDropdownEscapeKeyDown: _x,
-			onDropdownInteractOutside: Sx,
-			onSelectItem: Cx
+			onDropdownEscapeKeyDown: vx,
+			onDropdownInteractOutside: Cx,
+			onSelectItem: wx
 		}), (t, r) => (openBlock(), createBlock(TestIdProvider_default, { "test-id": n.testId }, {
 			default: withCtx(() => [createVNode(FormControl_default, {
 				id: null,
@@ -4603,21 +4603,21 @@ var SelectRoot_default = /* @__PURE__ */ defineComponent({
 		"error"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = useModel(e, "modelValue"), { googleMapsApiKey: s } = useInjectConfigContext(), c = ref(!1), u = ref([]), g = null, _ = ref(null), v = computed(() => i.value === null ? null : addressToFormattedAddress(i.value)), y = computed(() => u.value.map((e) => ({
+		let n = e, r = t, i = useModel(e, "modelValue"), s = /\/\s*(\d+)/, { googleMapsApiKey: c } = useInjectConfigContext(), u = ref(!1), g = ref([]), _ = null, v = ref(null), y = computed(() => i.value === null ? null : addressToFormattedAddress(i.value)), b = computed(() => g.value.map((e) => ({
 			placeId: e.placeId,
 			mainText: e.mainText,
 			secondaryText: e.secondaryText
 		})));
-		async function b(e) {
-			if (g === null) throw Error("Autocomplete service is not defined");
-			c.value = !0;
+		async function C(e) {
+			if (_ === null) throw Error("Autocomplete service is not defined");
+			u.value = !0;
 			try {
-				let t = e, n = /\/\s*(\d+)/, r = e.match(n);
-				if (r !== null && r[1] !== void 0) {
-					let e = r[1];
-					t = t.replace(n, `/bus ${e}`);
+				let t = e, n = e.match(s);
+				if (n !== null && n[1] !== void 0) {
+					let e = n[1];
+					t = t.replace(s, `/bus ${e}`);
 				}
-				u.value = (await g.fetchAutocompleteSuggestions({ input: t })).suggestions.filter((e) => e.placePrediction !== null).map((e) => {
+				g.value = (await _.fetchAutocompleteSuggestions({ input: t })).suggestions.filter((e) => e.placePrediction !== null).map((e) => {
 					let t = e.placePrediction;
 					return {
 						placeId: t.placeId,
@@ -4628,16 +4628,16 @@ var SelectRoot_default = /* @__PURE__ */ defineComponent({
 			} catch (e) {
 				r("error", e);
 			}
-			c.value = !1;
+			u.value = !1;
 		}
-		async function C(e) {
+		async function w(e) {
 			if (e === null) {
 				i.value = null;
 				return;
 			}
-			_.value = e, i.value = await getAddressByPlaceId(e.placeId), _.value = null;
+			v.value = e, i.value = await getAddressByPlaceId(e.placeId), v.value = null;
 		}
-		async function w(e) {
+		async function T(e) {
 			let { AutocompleteSuggestion: t } = await new Loader({
 				apiKey: e,
 				libraries: ["places"]
@@ -4645,17 +4645,17 @@ var SelectRoot_default = /* @__PURE__ */ defineComponent({
 			return t;
 		}
 		return onMounted(async () => {
-			if (s === null) throw Error("Google Maps API key is not defined. Provide it in the config using the `<ConfigProvider />` component.");
-			g = await w(s);
+			if (c === null) throw Error("Google Maps API key is not defined. Provide it in the config using the `<ConfigProvider />` component.");
+			_ = await T(c);
 		}), (e, t) => (openBlock(), createBlock(Autocomplete_default, mergeProps(n, {
-			"model-value": _.value || v.value,
-			items: y.value,
-			"is-loading": c.value,
+			"model-value": v.value || y.value,
+			items: b.value,
+			"is-loading": u.value,
 			"display-fn": (e) => unref(formattedAddressToString)(e),
-			onSearch: b,
+			onSearch: C,
 			onFocus: t[0] ||= (e) => r("focus"),
 			onBlur: t[1] ||= (e) => r("blur"),
-			"onUpdate:modelValue": C
+			"onUpdate:modelValue": w
 		}), {
 			base: withCtx(() => [renderSlot(e.$slots, "base")]),
 			left: withCtx(() => [renderSlot(e.$slots, "left")]),
@@ -6676,9 +6676,13 @@ var DatePickerRoot_default = /* @__PURE__ */ defineComponent({
 }), _hoisted_1$22 = { class: "p-lg" }, DateFieldPopover_default = /* @__PURE__ */ defineComponent({
 	__name: "DateFieldPopover",
 	setup(e) {
-		let { maxDate: t, minDate: n, weekStartsOn: r, isDateDisabled: i, isDateUnavailable: a, isDisabled: c, allowDeselect: u, classConfig: g, customClassConfig: _, hideDatePicker: v, label: y, locale: b, modelValue: C, placeholderValue: w, showTwoMonths: T } = useInjectDateFieldContext();
-		return (e, O) => unref(v) ? createCommentVNode("", !0) : (openBlock(), createBlock(Popover_default, {
+		let { maxDate: t, minDate: n, weekStartsOn: r, isDateDisabled: i, isDateUnavailable: a, isDisabled: c, allowDeselect: u, classConfig: g, customClassConfig: _, dontCloseOnSelect: v, hideDatePicker: y, label: b, locale: C, modelValue: w, placeholderValue: T, showTwoMonths: O } = useInjectDateFieldContext(), k = ref(!1);
+		return watch(w, () => {
+			v.value || !k.value || (k.value = !1);
+		}), (e, v) => unref(y) ? createCommentVNode("", !0) : (openBlock(), createBlock(Popover_default, {
 			key: 0,
+			"is-open": k.value,
+			"onUpdate:isOpen": v[1] ||= (e) => k.value = e,
 			"is-popover-arrow-hidden": !0,
 			"popover-align": "end"
 		}, {
@@ -6695,19 +6699,19 @@ var DatePickerRoot_default = /* @__PURE__ */ defineComponent({
 				class: "mr-[0.3rem]"
 			}, null, 8, ["is-disabled"])]),
 			content: withCtx(() => [createElementVNode("div", _hoisted_1$22, [createVNode(DatePicker_default, {
-				modelValue: unref(C),
-				"onUpdate:modelValue": O[0] ||= (e) => isRef(C) ? C.value = e : null,
+				modelValue: unref(w),
+				"onUpdate:modelValue": v[0] ||= (e) => isRef(w) ? w.value = e : null,
 				"focus-on-mount": !0,
 				"allow-deselect": unref(u),
 				"is-date-disabled": unref(i),
 				"is-date-unavailable": unref(a),
-				"placeholder-value": unref(w),
+				"placeholder-value": unref(T),
 				"max-date": unref(t),
-				locale: unref(b),
+				locale: unref(C),
 				"week-starts-on": unref(r),
 				"min-date": unref(n),
-				"show-two-months": unref(T),
-				label: unref(y) ?? "",
+				"show-two-months": unref(O),
+				label: unref(b) ?? "",
 				"class-config": {
 					...unref(_).datePicker,
 					...unref(g)?.datePicker
@@ -6727,7 +6731,7 @@ var DatePickerRoot_default = /* @__PURE__ */ defineComponent({
 				"class-config"
 			])])]),
 			_: 1
-		}));
+		}, 8, ["is-open"]));
 	}
 }), _hoisted_1$21 = [
 	"data-icon-left",
@@ -6741,6 +6745,10 @@ var DatePickerRoot_default = /* @__PURE__ */ defineComponent({
 			default: !1
 		},
 		autocomplete: { default: "off" },
+		dontCloseOnSelect: {
+			type: Boolean,
+			default: !1
+		},
 		hideDatePicker: {
 			type: Boolean,
 			default: !1
@@ -6872,6 +6880,7 @@ var DatePickerRoot_default = /* @__PURE__ */ defineComponent({
 	props: /* @__PURE__ */ mergeModels({
 		isLoading: { type: Boolean },
 		autocomplete: {},
+		dontCloseOnSelect: { type: Boolean },
 		hideDatePicker: { type: Boolean },
 		iconLeft: {},
 		variant: {},
@@ -7384,9 +7393,13 @@ var DateRangeFieldIconLeft_default = /* @__PURE__ */ defineComponent({
 }), _hoisted_1$18 = { class: "p-lg" }, DateRangefieldPopover_default = /* @__PURE__ */ defineComponent({
 	__name: "DateRangefieldPopover",
 	setup(e) {
-		let { maxDate: t, minDate: n, weekStartsOn: r, isDateDisabled: i, isDateUnavailable: a, isDisabled: c, allowDeselect: u, allowNonContinuousSelection: g, classConfig: _, customClassConfig: v, hideDatePicker: y, label: b, locale: C, modelValue: w, placeholderValue: T, showTwoMonths: O } = useInjectDateRangeFieldContext();
-		return (e, k) => unref(y) ? createCommentVNode("", !0) : (openBlock(), createBlock(Popover_default, {
+		let { maxDate: t, minDate: n, weekStartsOn: r, isDateDisabled: i, isDateUnavailable: a, isDisabled: c, allowDeselect: u, allowNonContinuousSelection: g, classConfig: _, customClassConfig: v, dontCloseOnSelect: y, hideDatePicker: b, label: C, locale: w, modelValue: T, placeholderValue: O, showTwoMonths: k } = useInjectDateRangeFieldContext(), j = ref(!1);
+		return watch(() => [T.value.from?.toString(), T.value.until?.toString()], ([e, t]) => {
+			y.value || !j.value || t !== void 0 && (j.value = !1);
+		}), (e, y) => unref(b) ? createCommentVNode("", !0) : (openBlock(), createBlock(Popover_default, {
 			key: 0,
+			"is-open": j.value,
+			"onUpdate:isOpen": y[1] ||= (e) => j.value = e,
 			"is-popover-arrow-hidden": !0,
 			"popover-align": "end"
 		}, {
@@ -7403,20 +7416,20 @@ var DateRangeFieldIconLeft_default = /* @__PURE__ */ defineComponent({
 				class: "mr-[0.3rem]"
 			}, null, 8, ["is-disabled"])]),
 			content: withCtx(() => [createElementVNode("div", _hoisted_1$18, [createVNode(DateRangePicker_default, {
-				modelValue: unref(w),
-				"onUpdate:modelValue": k[0] ||= (e) => isRef(w) ? w.value = e : null,
+				modelValue: unref(T),
+				"onUpdate:modelValue": y[0] ||= (e) => isRef(T) ? T.value = e : null,
 				"focus-on-mount": !0,
 				"allow-deselect": unref(u),
-				"placeholder-value": unref(T),
+				"placeholder-value": unref(O),
 				"is-date-disabled": unref(i),
 				"week-starts-on": unref(r),
-				locale: unref(C),
+				locale: unref(w),
 				"allow-non-continuous-selection": unref(g),
 				"is-date-unavailable": unref(a),
 				"max-date": unref(t),
 				"min-date": unref(n),
-				"show-two-months": unref(O),
-				label: unref(b) ?? "",
+				"show-two-months": unref(k),
+				label: unref(C) ?? "",
 				"class-config": {
 					...unref(v).datePicker,
 					...unref(_)?.datePicker
@@ -7437,7 +7450,7 @@ var DateRangeFieldIconLeft_default = /* @__PURE__ */ defineComponent({
 				"class-config"
 			])])]),
 			_: 1
-		}));
+		}, 8, ["is-open"]));
 	}
 }), _hoisted_1$17 = [
 	"data-icon-left",
@@ -7452,6 +7465,10 @@ var DateRangeFieldIconLeft_default = /* @__PURE__ */ defineComponent({
 		},
 		allowNonContinuousSelection: { type: Boolean },
 		autocomplete: { default: "off" },
+		dontCloseOnSelect: {
+			type: Boolean,
+			default: !1
+		},
 		hideDatePicker: {
 			type: Boolean,
 			default: !1
@@ -7574,6 +7591,7 @@ var DateRangeFieldIconLeft_default = /* @__PURE__ */ defineComponent({
 		isLoading: { type: Boolean },
 		allowNonContinuousSelection: { type: Boolean },
 		autocomplete: {},
+		dontCloseOnSelect: { type: Boolean },
 		hideDatePicker: { type: Boolean },
 		iconLeft: {},
 		variant: {},
@@ -8777,7 +8795,7 @@ var KeyboardKey_default = /* @__PURE__ */ defineComponent({
 		classConfig: { default: null }
 	},
 	setup(e) {
-		let t = e, { theme: n } = injectThemeProviderContext(), r = computed(() => /windows/i.test(navigator.userAgent)), i = new Map([
+		let t = e, n = /windows/i, { theme: r } = injectThemeProviderContext(), i = computed(() => n.test(navigator.userAgent)), o = new Map([
 			["alt", "⌥"],
 			["arrowdown", "↓"],
 			["arrowleft", "←"],
@@ -8789,7 +8807,7 @@ var KeyboardKey_default = /* @__PURE__ */ defineComponent({
 			["escape", "ESC"],
 			["meta", "⌘"],
 			["shift", "⇧"]
-		]), o = new Map([
+		]), s = new Map([
 			["alt", "Alt"],
 			["arrowdown", "↓"],
 			["arrowleft", "←"],
@@ -8801,8 +8819,8 @@ var KeyboardKey_default = /* @__PURE__ */ defineComponent({
 			["escape", "Esc"],
 			["meta", "Win"],
 			["shift", "Shift"]
-		]), s = computed(() => createKeyboardKeyStyle({ variant: t.variant ?? void 0 })), l = computed(() => getCustomComponentVariant("keyboardKey", n.value, { variant: t.variant })), u = computed(() => (r.value ? o : i).get(t.keyboardKey) ?? t.keyboardKey);
-		return (e, n) => (openBlock(), createElementBlock("kbd", { class: normalizeClass(s.value.key({ class: unref(mergeClasses)(l.value.key, t.classConfig?.key) })) }, toDisplayString(u.value), 3));
+		]), l = computed(() => createKeyboardKeyStyle({ variant: t.variant ?? void 0 })), u = computed(() => getCustomComponentVariant("keyboardKey", r.value, { variant: t.variant })), m = computed(() => (i.value ? s : o).get(t.keyboardKey) ?? t.keyboardKey);
+		return (e, n) => (openBlock(), createElementBlock("kbd", { class: normalizeClass(l.value.key({ class: unref(mergeClasses)(u.value.key, t.classConfig?.key) })) }, toDisplayString(m.value), 3));
 	}
 });
 const createKeyboardShortcutStyle = tv({
@@ -8812,8 +8830,9 @@ const createKeyboardShortcutStyle = tv({
 	},
 	variants: { variant: {} }
 });
+var MOBILE_DEVICE_REGEX = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
 function isMobileDevice() {
-	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+	return MOBILE_DEVICE_REGEX.test(navigator.userAgent);
 }
 var KeyboardShortcut_default = /* @__PURE__ */ defineComponent({
 	__name: "KeyboardShortcut",
@@ -21455,9 +21474,9 @@ var le = [
 	},
 	emits: ["update:heights", "removeToast"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, m = ref(!1), g = ref(!1), _ = ref(!1), v = ref(!1), y = ref(!1), b = ref(0), C = ref(0), w = ref(r.toast.duration || r.duration || Wt), T = ref(null), E = ref(null), O = computed(() => r.index === 0), k = computed(() => r.index + 1 <= r.visibleToasts), N = computed(() => r.toast.type), B = computed(() => r.toast.dismissible !== !1), U = computed(() => r.toast.class || ""), W = computed(() => r.descriptionClass || ""), dx = r.toast.style || {}, K = computed(() => r.heights.findIndex((e) => e.toastId === r.toast.id) || 0), Y = computed(() => r.toast.closeButton ?? r.closeButton);
+		let r = e, i = n, m = ref(!1), g = ref(!1), _ = ref(!1), v = ref(!1), y = ref(!1), b = ref(0), C = ref(0), w = ref(r.toast.duration || r.duration || Wt), T = ref(null), E = ref(null), O = computed(() => r.index === 0), k = computed(() => r.index + 1 <= r.visibleToasts), N = computed(() => r.toast.type), B = computed(() => r.toast.dismissible !== !1), U = computed(() => r.toast.class || ""), W = computed(() => r.descriptionClass || ""), fx = r.toast.style || {}, K = computed(() => r.heights.findIndex((e) => e.toastId === r.toast.id) || 0), Y = computed(() => r.toast.closeButton ?? r.closeButton);
 		computed(() => r.toast.duration || r.duration || Wt);
-		let X = ref(0), Z = ref(0), Q = ref(null), hx = computed(() => r.position.split("-")), vx = computed(() => hx.value[0]), yx = computed(() => hx.value[1]), bx = computed(() => typeof r.toast.title != "string"), xx = computed(() => typeof r.toast.description != "string"), Sx = computed(() => r.heights.reduce((e, t, n) => n >= K.value ? e : e + t.height, 0)), Cx = ie(), wx = computed(() => r.toast.invert || r.invert), Tx = computed(() => N.value === "loading"), Ex = computed(() => K.value * r.gap + Sx.value || 0);
+		let X = ref(0), Z = ref(0), Q = ref(null), gx = computed(() => r.position.split("-")), yx = computed(() => gx.value[0]), bx = computed(() => gx.value[1]), xx = computed(() => typeof r.toast.title != "string"), Sx = computed(() => typeof r.toast.description != "string"), Cx = computed(() => r.heights.reduce((e, t, n) => n >= K.value ? e : e + t.height, 0)), wx = ie(), Tx = computed(() => r.toast.invert || r.invert), Ex = computed(() => N.value === "loading"), Dx = computed(() => K.value * r.gap + Cx.value || 0);
 		onMounted(() => {
 			if (!m.value) return;
 			let e = E.value, t = e?.style.height;
@@ -21474,43 +21493,43 @@ var le = [
 				position: r.toast.position
 			}, ...r.heights], i("update:heights", a);
 		});
-		function Dx() {
-			g.value = !0, b.value = Ex.value, i("update:heights", r.heights.filter((e) => e.toastId !== r.toast.id)), setTimeout(() => {
+		function Ox() {
+			g.value = !0, b.value = Dx.value, i("update:heights", r.heights.filter((e) => e.toastId !== r.toast.id)), setTimeout(() => {
 				i("removeToast", r.toast);
 			}, ce);
 		}
-		function Ox() {
+		function kx() {
 			var e, t;
-			if (Tx.value || !B.value) return {};
-			Dx(), (t = (e = r.toast).onDismiss) == null || t.call(e, r.toast);
+			if (Ex.value || !B.value) return {};
+			Ox(), (t = (e = r.toast).onDismiss) == null || t.call(e, r.toast);
 		}
-		function kx(e) {
-			Tx.value || !B.value || (T.value = /* @__PURE__ */ new Date(), b.value = Ex.value, e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (_.value = !0, Q.value = {
+		function Ax(e) {
+			Ex.value || !B.value || (T.value = /* @__PURE__ */ new Date(), b.value = Dx.value, e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (_.value = !0, Q.value = {
 				x: e.clientX,
 				y: e.clientY
 			}));
 		}
-		function Ax() {
+		function jx() {
 			var e, t, n;
 			if (v.value || !B) return;
 			Q.value = null;
 			let i = Number(E.value?.style.getPropertyValue("--swipe-amount").replace("px", "") || 0), a = (/* @__PURE__ */ new Date()).getTime() - T.value?.getTime(), o = Math.abs(i) / a;
 			if (Math.abs(i) >= ue || o > .11) {
-				b.value = Ex.value, (t = (e = r.toast).onDismiss) == null || t.call(e, r.toast), Dx(), v.value = !0, y.value = !1;
+				b.value = Dx.value, (t = (e = r.toast).onDismiss) == null || t.call(e, r.toast), Ox(), v.value = !0, y.value = !1;
 				return;
 			}
 			(n = E.value) == null || n.style.setProperty("--swipe-amount", "0px"), _.value = !1;
 		}
-		function jx(e) {
+		function Mx(e) {
 			var t;
 			if (!Q.value || !B.value) return;
-			let n = e.clientY - Q.value.y, r = window.getSelection()?.toString().length > 0, i = vx.value === "top" ? Math.min(0, n) : Math.max(0, n);
+			let n = e.clientY - Q.value.y, r = window.getSelection()?.toString().length > 0, i = yx.value === "top" ? Math.min(0, n) : Math.max(0, n);
 			Math.abs(i) > 0 && (y.value = !0), !r && ((t = E.value) == null || t.style.setProperty("--swipe-amount", `${i}px`));
 		}
 		return watchEffect((e) => {
 			if (r.toast.promise && N.value === "loading" || r.toast.duration === Infinity || r.toast.type === "loading") return;
 			let t;
-			r.expanded || r.interacting || r.pauseWhenPageIsHidden && Cx ? (() => {
+			r.expanded || r.interacting || r.pauseWhenPageIsHidden && wx ? (() => {
 				if (Z.value < X.value) {
 					let e = (/* @__PURE__ */ new Date()).getTime() - X.value;
 					w.value -= e;
@@ -21518,12 +21537,12 @@ var le = [
 				Z.value = (/* @__PURE__ */ new Date()).getTime();
 			})() : w.value !== Infinity && (X.value = (/* @__PURE__ */ new Date()).getTime(), t = setTimeout(() => {
 				var e, t;
-				(t = (e = r.toast).onAutoClose) == null || t.call(e, r.toast), Dx();
+				(t = (e = r.toast).onAutoClose) == null || t.call(e, r.toast), Ox();
 			}, w.value)), e(() => {
 				clearTimeout(t);
 			});
 		}), watch(() => r.toast.delete, () => {
-			r.toast.delete && Dx();
+			r.toast.delete && Ox();
 		}, { deep: !0 }), onMounted(() => {
 			if (m.value = !0, E.value) {
 				let e = E.value.getBoundingClientRect().height;
@@ -21552,36 +21571,36 @@ var le = [
 				"data-promise": !!e.toast.promise,
 				"data-removed": g.value,
 				"data-visible": k.value,
-				"data-y-position": vx.value,
-				"data-x-position": yx.value,
+				"data-y-position": yx.value,
+				"data-x-position": bx.value,
 				"data-index": e.index,
 				"data-front": O.value,
 				"data-swiping": _.value,
 				"data-dismissible": B.value,
 				"data-type": N.value,
-				"data-invert": wx.value,
+				"data-invert": Tx.value,
 				"data-swipe-out": v.value,
 				"data-expanded": !!(e.expanded || e.expandByDefault && m.value),
 				style: normalizeStyle({
 					"--index": e.index,
 					"--toasts-before": e.index,
 					"--z-index": e.toasts.length - e.index,
-					"--offset": `${g.value ? b.value : Ex.value}px`,
+					"--offset": `${g.value ? b.value : Dx.value}px`,
 					"--initial-height": e.expandByDefault ? "auto" : `${C.value}px`,
 					...e.style,
-					...unref(dx)
+					...unref(fx)
 				}),
-				onPointerdown: kx,
-				onPointerup: Ax,
-				onPointermove: jx
+				onPointerdown: Ax,
+				onPointerup: jx,
+				onPointermove: Mx
 			}, [Y.value && !e.toast.component ? (openBlock(), createElementBlock("button", {
 				key: 0,
 				"aria-label": e.closeButtonAriaLabel || "Close toast",
-				"data-disabled": Tx.value,
+				"data-disabled": Ex.value,
 				"data-close-button": "true",
 				class: normalizeClass(e.cn(e.classes?.closeButton, e.toast?.classes?.closeButton)),
-				onClick: Ox
-			}, [(a = e.icons) != null && a.close ? (openBlock(), createBlock(resolveDynamicComponent(e.icons?.close), { key: 0 })) : renderSlot(e.$slots, "close-icon", { key: 1 })], 10, de)) : createCommentVNode("", !0), e.toast.component ? (openBlock(), createBlock(resolveDynamicComponent(e.toast.component), mergeProps({ key: 1 }, e.toast.componentProps, { onCloseToast: Ox }), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+				onClick: kx
+			}, [(a = e.icons) != null && a.close ? (openBlock(), createBlock(resolveDynamicComponent(e.icons?.close), { key: 0 })) : renderSlot(e.$slots, "close-icon", { key: 1 })], 10, de)) : createCommentVNode("", !0), e.toast.component ? (openBlock(), createBlock(resolveDynamicComponent(e.toast.component), mergeProps({ key: 1 }, e.toast.componentProps, { onCloseToast: kx }), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
 				N.value !== "default" || e.toast.icon || e.toast.promise ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					"data-icon": "",
@@ -21593,11 +21612,11 @@ var le = [
 				}, [createElementVNode("div", {
 					"data-title": "",
 					class: normalizeClass(e.cn(e.classes?.title, e.toast.classes?.title))
-				}, [bx.value ? (openBlock(), createBlock(resolveDynamicComponent(e.toast.title), normalizeProps(mergeProps({ key: 0 }, e.toast.componentProps)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(e.toast.title), 1)], 64))], 2), e.toast.description ? (openBlock(), createElementBlock("div", {
+				}, [xx.value ? (openBlock(), createBlock(resolveDynamicComponent(e.toast.title), normalizeProps(mergeProps({ key: 0 }, e.toast.componentProps)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(e.toast.title), 1)], 64))], 2), e.toast.description ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					"data-description": "",
 					class: normalizeClass(e.cn(e.descriptionClass, W.value, e.classes?.description, e.toast.classes?.description))
-				}, [xx.value ? (openBlock(), createBlock(resolveDynamicComponent(e.toast.description), normalizeProps(mergeProps({ key: 0 }, e.toast.componentProps)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(e.toast.description), 1)], 64))], 2)) : createCommentVNode("", !0)], 2),
+				}, [Sx.value ? (openBlock(), createBlock(resolveDynamicComponent(e.toast.description), normalizeProps(mergeProps({ key: 0 }, e.toast.componentProps)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(e.toast.description), 1)], 64))], 2)) : createCommentVNode("", !0)], 2),
 				e.toast.cancel ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					style: normalizeStyle(e.toast.cancelButtonStyle || e.cancelButtonStyle),
@@ -21606,7 +21625,7 @@ var le = [
 					"data-cancel": "",
 					onClick: n[0] ||= (t) => {
 						var n, r;
-						unref(ut)(e.toast.cancel) && B.value && ((r = (n = e.toast.cancel).onClick) == null || r.call(n, t), Dx());
+						unref(ut)(e.toast.cancel) && B.value && ((r = (n = e.toast.cancel).onClick) == null || r.call(n, t), Ox());
 					}
 				}, toDisplayString(unref(ut)(e.toast.cancel) ? e.toast.cancel?.label : e.toast.cancel), 7)) : createCommentVNode("", !0),
 				e.toast.action ? (openBlock(), createElementBlock("button", {
@@ -21617,7 +21636,7 @@ var le = [
 					"data-action": "",
 					onClick: n[1] ||= (t) => {
 						var n, r;
-						unref(ut)(e.toast.action) && (t.defaultPrevented || ((r = (n = e.toast.action).onClick) == null || r.call(n, t), !t.defaultPrevented && Dx()));
+						unref(ut)(e.toast.action) && (t.defaultPrevented || ((r = (n = e.toast.action).onClick) == null || r.call(n, t), !t.defaultPrevented && Ox()));
 					}
 				}, toDisplayString(unref(ut)(e.toast.action) ? e.toast.action?.label : e.toast.action), 7)) : createCommentVNode("", !0)
 			], 64))], 46, le);