@studio-west/component-sw 0.11.18 → 0.11.19

package/dist/SwAlert-BN8mwcp_.js

@@ -0,0 +1,89 @@
+import { n as e } from "./SwIcon-0PtPyq2k.js";
+import { t } from "./SwSelect-CuBxoXju.js";
+import { Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, normalizeClass as l, onMounted as u, onUnmounted as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, withCtx as g } from "vue";
+//#region src/components/SwAlert.vue
+var _ = /* @__PURE__ */ t({ default: () => v }), v = {
+	__name: "SwAlert",
+	props: {
+		message: {
+			type: String,
+			default: "Default message"
+		},
+		before: {
+			type: String,
+			default: ""
+		},
+		class: {
+			type: String,
+			default: ""
+		},
+		after: {
+			type: String,
+			default: ""
+		},
+		size: {
+			type: String,
+			default: ""
+		},
+		duration: {
+			type: Number,
+			default: 6e3
+		},
+		type: {
+			type: String,
+			default: "info",
+			validator: (e) => [
+				"success",
+				"warning",
+				"error",
+				"info"
+			].includes(e)
+		}
+	},
+	emits: ["closed"],
+	setup(t, { emit: _ }) {
+		let v = t, y = _, b = p(!1), x = null, S = () => {
+			document.querySelector(".sw-alert-wrapper").togglePopover(), b.value = !0, document.querySelector(".sw-alert-wrapper").showPopover(), E();
+		}, C = () => {
+			b.value = !1, y("closed");
+		}, w = () => {
+			x &&= (clearTimeout(x), null);
+		}, T = () => {
+			E();
+		}, E = () => {
+			x = setTimeout(C, v.duration);
+		};
+		u(() => {
+			S();
+		}), d(() => {
+			x && clearTimeout(x);
+		});
+		let D = r(() => {
+			let e = ["sw-alert"];
+			return v.size.length > 0 && e.push(`sw-${v.size}`), v.type.length > 0 && e.push(`sw-${v.type}`), v.class.length > 0 && e.push(v.class), e;
+		});
+		return (t, r) => (f(), i(n, { name: "fade" }, {
+			default: g(() => [b.value ? (f(), o("div", {
+				key: 0,
+				class: l(D.value),
+				onMouseenter: w,
+				onMouseleave: T
+			}, [
+				v.before.length > 0 ? (f(), i(e, {
+					key: 0,
+					"icon-class": v.before
+				}, null, 8, ["icon-class"])) : m(t.$slots, "prefix", { key: 1 }),
+				m(t.$slots, "default", {}, () => [c(h(v.message), 1)]),
+				v.after.length > 0 ? (f(), i(e, {
+					key: 2,
+					"icon-class": v.after,
+					onClick: C
+				}, null, 8, ["icon-class"])) : m(t.$slots, "suffix", { key: 3 }),
+				s("footer", null, [m(t.$slots, "footer")])
+			], 34)) : a("", !0)]),
+			_: 3
+		}));
+	}
+};
+//#endregion
+export { v as n, _ as t };

package/dist/SwButton-B6iaLa_y.js

@@ -0,0 +1,45 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#endregion
+//#region src/components/SwButton.vue
+var o = /* @__PURE__ */ n({
+	__name: "SwButton",
+	props: {
+		class: { default: "" },
+		size: { default: "" },
+		type: { default: "" },
+		round: {
+			type: Boolean,
+			default: !1
+		},
+		text: {
+			type: Boolean,
+			default: !1
+		},
+		link: {
+			type: Boolean,
+			default: !1
+		},
+		href: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let o = n, s = () => {
+			if (o.href.length > 0) {
+				let e = document.createElement("a");
+				e.setAttribute("href", o.href), e.setAttribute("target", "_blank"), o.disabled || e.click();
+			}
+		}, c = e(() => {
+			let e = ["sw-button"];
+			return o.size.length > 0 && e.push("sw-" + o.size), o.type.length > 0 && e.push("sw-" + o.type), o.round && e.push("sw-round"), o.text && e.push("sw-text"), o.link && e.push("sw-link"), o.disabled && e.push("sw-disabled"), o.class.length > 0 && e.push(o.class), e;
+		});
+		return (e, n) => (i(), t("button", {
+			class: r(c.value),
+			onClick: s
+		}, [a(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { o as default };

package/dist/SwButtonGroup-Dmsbam44.js

@@ -0,0 +1,59 @@
+import { computed as e, createElementBlock as t, mergeModels as n, normalizeClass as r, onMounted as i, onUnmounted as a, openBlock as o, ref as s, renderSlot as c, useModel as l, watch as u } from "vue";
+//#region src/components/SwButtonGroup.vue
+var d = {
+	__name: "SwButtonGroup",
+	props: /* @__PURE__ */ n({
+		class: {
+			type: String,
+			default: ""
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		radio: {
+			type: Boolean,
+			default: !1
+		},
+		round: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let d = l(n, "modelValue"), f = s([]), p = s(null), m = s(null), h = n, g = e(() => {
+			let e = ["sw-button-group"];
+			return h.vertical && e.push("sw-vertical"), h.round && e.push("sw-round"), h.class.length > 0 && e.push(h.class), e;
+		});
+		i(async () => {
+			await new Promise((e) => setTimeout(e, 0)), h.radio && _(), p.value && (m.value = new MutationObserver(() => {
+				h.radio && _();
+			}), m.value.observe(p.value, {
+				childList: !0,
+				subtree: !0
+			}));
+		}), a(() => {
+			m.value && m.value.disconnect();
+		}), u(d, () => {
+			h.radio && [].forEach.call(f.value, (e, t) => {
+				t === d.value ? e.classList.remove("sw-text") : e.classList.add("sw-text");
+			});
+		});
+		let _ = () => {
+			f.value = [], p.value && (f.value = p.value.querySelectorAll("button, .sw-button")), h.radio && [].forEach.call(f.value, (e, t) => {
+				d.value === t ? e.classList.remove("sw-text") : e.classList.add("sw-text"), e.addEventListener("click", () => d.value = t);
+			});
+		};
+		return (e, n) => (o(), t("div", {
+			class: r(g.value),
+			ref_key: "buttonGroup",
+			ref: p
+		}, [c(e.$slots, "default")], 2));
+	}
+};
+//#endregion
+export { d as default };

package/dist/SwCollapse-Dy2XxzJg.js

@@ -0,0 +1,31 @@
+import { createElementBlock as e, normalizeClass as t, normalizeStyle as n, onBeforeUnmount as r, onMounted as i, openBlock as a, ref as o, renderSlot as s, watch as c } from "vue";
+//#region src/components/SwCollapse.vue
+var l = {
+	__name: "SwCollapse",
+	props: { visual: {
+		type: Boolean,
+		default: !0
+	} },
+	setup(l) {
+		i(() => {
+			f.value = "0px";
+		});
+		let u = o(null), d = l;
+		c(() => d.visual, () => p());
+		let f = o("0px"), p = () => {
+			u.value && (f.value = d.visual ? u.value.scrollHeight + "px" : "0px");
+		}, m;
+		return i(() => {
+			p(), u.value && (m = new ResizeObserver(p), m.observe(u.value));
+		}), r(() => {
+			m && m.disconnect();
+		}), (r, i) => (a(), e("div", {
+			class: t(["sw-collapse", { open: d.visual }]),
+			style: n({ maxHeight: f.value }),
+			ref_key: "collapse",
+			ref: u
+		}, [s(r.$slots, "default")], 6));
+	}
+};
+//#endregion
+export { l as default };

package/dist/SwDatePicker-CNGIsEmm.js

@@ -0,0 +1,262 @@
+import { a as e, i as t } from "./utils-CGgSSFR1.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, withModifiers as h } from "vue";
+//#region src/components/SwDatePicker.vue
+var ee = { class: "sw-data-picker" }, g = {
+	key: 0,
+	class: "month_year"
+}, _ = { class: "text" }, v = {
+	key: 1,
+	class: "month_year"
+}, y = { class: "text" }, b = {
+	key: 2,
+	class: "week"
+}, x = {
+	key: 3,
+	class: "year"
+}, S = ["onClick"], C = {
+	key: 4,
+	class: "year"
+}, w = ["onClick"], te = {
+	key: 5,
+	class: "month"
+}, ne = ["onClick"], re = { key: 0 }, ie = {
+	key: 0,
+	class: "month_year"
+}, ae = { class: "text" }, oe = {
+	key: 1,
+	class: "month_year"
+}, se = { class: "text" }, ce = {
+	key: 2,
+	class: "week"
+}, le = {
+	key: 3,
+	class: "year"
+}, T = ["onClick"], E = {
+	key: 4,
+	class: "year"
+}, ue = ["onClick"], D = {
+	key: 5,
+	class: "month"
+}, O = ["onClick"], k = {
+	__name: "SwDatePicker",
+	props: {
+		data: Object,
+		limitation: {
+			type: [Boolean, Array],
+			default: () => !1
+		},
+		range: {
+			type: String,
+			default: "solid"
+		}
+	},
+	emits: ["input"],
+	setup(k, { emit: de }) {
+		let A = k, j = de, M = u(5), N = u(/* @__PURE__ */ new Date()), P = u(/* @__PURE__ */ new Date()), F = u((/* @__PURE__ */ new Date()).getFullYear()), I = u((/* @__PURE__ */ new Date()).getMonth()), L = u((/* @__PURE__ */ new Date()).getFullYear()), R = u((/* @__PURE__ */ new Date()).getMonth()), z = u(new Date(F.value, I.value + 1, 1).getMonth()), B = u([]), V = u(0), H = u(-1), U = u(-1), W = u(navigator.language || "ru"), G = /en|zh|ja|he/.test(W.value) ? 0 : 1, K = r(() => Array.from({ length: 12 }, (e, t) => {
+			let n = new Date(2024, t);
+			return new Intl.DateTimeFormat(W.value, { month: "long" }).format(n);
+		})), q = u(Math.floor(F.value / 10) * 10), J = r(() => Array.from({ length: 12 }, (e, t) => q.value + t - 1));
+		A.data?.startDate ? (N.value = new Date(t(A.data.startDate)), F.value = N.value.getFullYear(), I.value = N.value.getMonth()) : A.data?.firstDate && (F.value = new Date(t(A.data.firstDate)).getFullYear(), I.value = new Date(t(A.data.firstDate)).getMonth(), z.value = new Date(F.value, I.value + 1, 1).getMonth()), A.data?.endDate && A.range === "range" && (P.value = new Date(t(A.data.endDate)), L.value = P.value.getFullYear(), R.value = P.value.getMonth());
+		let Y = () => {
+			B.value = [], V.value = 0;
+			let e = new Date(F.value, I.value, 0);
+			for (let t = e.getDate() - e.getDay() + G; t <= e.getDate(); t++) e.getDay() !== 6 + G && (B.value.push({
+				day: t,
+				month: e.getMonth(),
+				year: e.getFullYear(),
+				class: []
+			}), V.value++);
+			let t = new Date(F.value, I.value + 1, 0).getDate();
+			for (let e = 1; e <= t; e++) B.value.push({
+				day: e,
+				month: I.value,
+				year: F.value,
+				class: []
+			}), V.value++;
+			if (A.range === "range") {
+				let e = new Date(F.value, I.value + 1, 1), t = new Date(F.value, I.value + 2, 0).getDate();
+				for (let n = 1; n <= t; n++) B.value.push({
+					day: n,
+					month: e.getMonth(),
+					year: e.getFullYear(),
+					class: []
+				});
+			}
+			fe();
+		}, fe = () => {
+			if (!A.data?.holiday) return;
+			let e = (e, t) => {
+				e.forEach((e) => {
+					let [n, r, i] = e.split("-").map(Number), a = B.value.findIndex((e) => e.year === n && e.month + 1 === r && e.day === i);
+					a !== -1 && (B.value[a].class[0] = t);
+				});
+			};
+			e(A.data.holiday.preholidays, "preholiday"), e(A.data.holiday.holidays, "weekend"), e(A.data.holiday.holiday, "holiday"), e(A.data.holiday.nowork, "nowork");
+		}, pe = () => {
+			if (!A.limitation || A.limitation.length < 2) return !1;
+			let e = [...A.limitation].sort((e, n) => new Date(t(e.startDate)).getTime() - new Date(t(n.startDate)).getTime());
+			for (let n = 1; n < e.length; n++) {
+				let r = new Date(t(e[n - 1].endDate));
+				if (new Date(t(e[n].startDate)) <= r) return console.warn("Warning: Диапазоны пересекаются:", e[n - 1], e[n]), !0;
+			}
+			return !1;
+		}, X = (e, n, r) => {
+			if (!A.limitation || A.limitation.length === 0) return !0;
+			let i = new Date(e, n, r).getTime();
+			for (let e of A.limitation) {
+				let { startDate: n, endDate: r } = e;
+				if (!n && r && i <= new Date(t(r)).getTime() || n && !r && i >= new Date(t(n)).getTime()) return !1;
+				if (n && r) {
+					let e = new Date(t(n)).getTime(), a = new Date(t(r)).getTime();
+					if (e <= a) {
+						if (i >= e && i <= a) return !1;
+					} else if (i >= e || i <= a) return !1;
+				}
+			}
+			return !0;
+		}, Z = (t, n) => {
+			let r = e(new Date(t.year, t.month, t.day), "{dd}.{m}.{Y}");
+			A.range === "range" ? U.value === -1 ? H.value === -1 ? (H.value = n, B.value[n].class[1] = "active") : (U.value = n, he(H.value, U.value, r)) : (me(), H.value = n, B.value[n].class[1] = "active") : (H.value !== -1 && (B.value[H.value].class[1] = ""), H.value = n, B.value[n].class[1] = "active", j("input", {
+				dateStart: r,
+				count: 1
+			}));
+		}, me = () => {
+			B.value.forEach((e) => e.class[1] = ""), H.value = -1, U.value = -1;
+		}, he = (t, n, r) => {
+			let i = e(new Date(B.value[t].year, B.value[t].month, B.value[t].day), "{dd}.{m}.{Y}");
+			if (n >= t) {
+				for (let e = t + 1; e < n; e++) B.value[e].class[1] = "select";
+				j("input", {
+					dateStart: i,
+					dateEnd: r,
+					count: Q(t, n)
+				});
+			} else {
+				for (let e = n + 1; e < t; e++) B.value[e].class[1] = "select";
+				j("input", {
+					dateStart: r,
+					dateEnd: i,
+					count: Q(n, t)
+				});
+			}
+			B.value[n].class[1] = "active";
+		}, Q = (e, t) => {
+			let n = Math.abs(e - t) + 1, [r, i] = [Math.min(e, t), Math.max(e, t)];
+			for (let e = r; e <= i; e++) B.value[e]?.class[0] === "holiday" && n--;
+			return n;
+		}, $ = (e, t) => {
+			X(e, t) && (N.value = new Date(e, t, 1), F.value = N.value.getFullYear(), I.value = N.value.getMonth(), z.value = new Date(e, t + 1, 1).getMonth(), (A.range === "year" || A.range === "decades") && M.value === 0 ? Z({
+				year: e,
+				month: t,
+				day: 1
+			}, 8) : Y());
+		};
+		if (Y(), pe(), A.data?.startDate && (H.value = B.value.findIndex((e) => e.day === N.value.getDate() && e.month === I.value && e.year === F.value), H.value !== -1 && (B.value[H.value].class[1] = "active")), A.data?.endDate && A.range === "range" && (U.value = B.value.findIndex((e) => e.day === P.value.getDate() && e.month === R.value && e.year === L.value), U.value !== -1)) {
+			B.value[U.value].class[1] = "active";
+			for (let e = H.value + 1; e < U.value; e++) B.value[e].class[1] = "select";
+		}
+		return (t, r) => (l(), a("div", ee, [o("div", null, [
+			A.range === "decades" || M.value === 3 ? (l(), a("p", g, [
+				o("span", null, [o("button", { onClick: r[0] ||= h((e) => {
+					q.value -= 10, $(F.value, I.value);
+				}, ["prevent"]) }, [f(t.$slots, "double-arrow", {}, () => [r[16] ||= s("«", -1)])])]),
+				o("span", _, p(J.value[0]) + " - " + p(J.value[11]), 1),
+				o("span", null, [o("button", {
+					class: "sw-revers",
+					onClick: r[1] ||= h((e) => {
+						q.value += 10, $(F.value, I.value);
+					}, ["prevent"])
+				}, [f(t.$slots, "double-arrow", {}, () => [r[17] ||= s("«", -1)])])])
+			])) : (l(), a("p", v, [
+				o("span", null, [o("button", { onClick: r[2] ||= h((e) => $(F.value - 1, I.value), ["prevent"]) }, [f(t.$slots, "double-arrow", {}, () => [r[18] ||= s("«", -1)])]), o("button", { onClick: r[3] ||= h((e) => {
+					M.value = 0, $(F.value, I.value - 1);
+				}, ["prevent"]) }, [f(t.$slots, "arrow", {}, () => [r[19] ||= s("‹", -1)])])]),
+				o("span", y, [o("button", { onClick: r[4] ||= h((e) => M.value = 3, ["prevent"]) }, p(F.value), 1), o("button", { onClick: r[5] ||= h((e) => M.value = 1, ["prevent"]) }, p(m(e)(N.value.setMonth(I.value), "{F}")), 1)]),
+				o("span", null, [o("button", {
+					class: "sw-revers",
+					onClick: r[6] ||= h((e) => {
+						M.value = 0, $(F.value, I.value + 1);
+					}, ["prevent"])
+				}, [f(t.$slots, "arrow", {}, () => [r[20] ||= s("‹", -1)])]), o("button", {
+					class: "sw-revers",
+					onClick: r[7] ||= h((e) => $(F.value + 1, I.value), ["prevent"])
+				}, [f(t.$slots, "double-arrow", {}, () => [r[21] ||= s("«", -1)])])])
+			])),
+			A.range === "year" || A.range === "decades" || M.value === 1 || M.value === 3 ? i("", !0) : (l(), a("div", b, [(l(), a(n, null, d(7, (t, n) => o("button", {
+				key: n,
+				class: "disabled"
+			}, p(m(e)(new Date(1970, 1, t + m(G)), "{D}")), 1)), 64))])),
+			M.value !== 3 && A.range === "year" || M.value === 1 ? (l(), a("div", x, [(l(!0), a(n, null, d(K.value, (e, t) => (l(), a("button", {
+				key: t,
+				onClick: h((e) => {
+					M.value = 0, $(F.value, t);
+				}, ["prevent"]),
+				class: c(t === I.value ? "active" : "")
+			}, p(e), 11, S))), 128))])) : A.range === "decades" || M.value === 3 ? (l(), a("div", C, [(l(!0), a(n, null, d(J.value, (e, t) => (l(), a("button", {
+				key: t,
+				onClick: h((t) => {
+					M.value = A.range === "year" ? 1 : 0, $(e, I.value);
+				}, ["prevent"]),
+				class: c(q.value + t - 1 === F.value ? "active" : "")
+			}, p(e), 11, w))), 128))])) : (l(), a("div", te, [(l(!0), a(n, null, d(B.value, (e, t) => (l(), a(n, { key: t }, [t < V.value + (7 - new Date(F.value, I.value + 1, 1).getDay() + m(G)) % 7 ? (l(), a("button", {
+				key: 0,
+				class: c(e.month === I.value && X(e.year, e.month, e.day) ? e.class : "disabled"),
+				onClick: h(() => {
+					e.month === I.value && Z(e, t);
+				}, ["prevent"])
+			}, p(e.day), 11, ne)) : i("", !0)], 64))), 128))]))
+		]), A.range === "range" ? (l(), a("div", re, [
+			A.range === "decades" || M.value === 4 ? (l(), a("p", ie, [
+				o("span", null, [o("button", { onClick: r[8] ||= h((e) => {
+					q.value -= 10, $(F.value, I.value);
+				}, ["prevent"]) }, [f(t.$slots, "double-arrow", {}, () => [r[22] ||= s("«", -1)])])]),
+				o("span", ae, p(J.value[0]) + " - " + p(J.value[11]), 1),
+				o("span", null, [o("button", {
+					class: "sw-revers",
+					onClick: r[9] ||= h((e) => {
+						q.value += 10, $(F.value, I.value);
+					}, ["prevent"])
+				}, [f(t.$slots, "double-arrow", {}, () => [r[23] ||= s("«", -1)])])])
+			])) : (l(), a("p", oe, [
+				o("span", null, [o("button", { onClick: r[10] ||= h((e) => $(F.value - 1, I.value), ["prevent"]) }, [f(t.$slots, "double-arrow", {}, () => [r[24] ||= s("«", -1)])]), o("button", { onClick: r[11] ||= h((e) => {
+					M.value = 0, $(F.value, I.value - 1);
+				}, ["prevent"]) }, [f(t.$slots, "arrow", {}, () => [r[25] ||= s("‹", -1)])])]),
+				o("span", se, [o("button", { onClick: r[12] ||= h((e) => M.value = 4, ["prevent"]) }, p(new Date(F.value, I.value + 1).getFullYear()), 1), o("button", { onClick: r[13] ||= h((e) => M.value = 2, ["prevent"]) }, p(m(e)(N.value.setMonth(I.value + 1), "{F}")), 1)]),
+				o("span", null, [o("button", {
+					class: "sw-revers",
+					onClick: r[14] ||= h((e) => {
+						M.value = 0, $(F.value, I.value + 1);
+					}, ["prevent"])
+				}, [f(t.$slots, "arrow", {}, () => [r[26] ||= s("‹", -1)])]), o("button", {
+					class: "sw-revers",
+					onClick: r[15] ||= h((e) => $(F.value + 1, I.value), ["prevent"])
+				}, [f(t.$slots, "double-arrow", {}, () => [r[27] ||= s("«", -1)])])])
+			])),
+			M.value === 2 || M.value === 4 ? i("", !0) : (l(), a("div", ce, [(l(), a(n, null, d(7, (t, n) => o("button", {
+				key: n,
+				class: "disabled"
+			}, p(m(e)(new Date(1970, 1, t + m(G)), "{D}")), 1)), 64))])),
+			M.value === 2 ? (l(), a("div", le, [(l(!0), a(n, null, d(K.value, (e, t) => (l(), a("button", {
+				key: t,
+				onClick: h((e) => {
+					M.value = 0, $(F.value, t - 1);
+				}, ["prevent"]),
+				class: c(t === (I.value + 1) % 12 ? "active" : "")
+			}, p(e), 11, T))), 128))])) : M.value === 4 ? (l(), a("div", E, [(l(!0), a(n, null, d(J.value, (e, t) => (l(), a("button", {
+				key: t,
+				onClick: h((t) => {
+					M.value = 0, $(e, I.value);
+				}, ["prevent"]),
+				class: c(q.value + t - 1 === F.value ? "active" : "")
+			}, p(e), 11, ue))), 128))])) : (l(), a("div", D, [(l(!0), a(n, null, d(B.value, (e, t) => (l(), a(n, { key: t }, [t >= V.value - (7 + new Date(F.value, I.value + 1, 1).getDay() - m(G)) % 7 ? (l(), a("button", {
+				key: 0,
+				class: c(e.month === z.value && X(e.year, e.month, e.day) ? e.class : "disabled"),
+				onClick: h(() => {
+					e.month === z.value && Z(e, t);
+				}, ["prevent"])
+			}, p(e.day), 11, O)) : i("", !0)], 64))), 128))]))
+		])) : i("", !0)]));
+	}
+};
+//#endregion
+export { k as default };

package/dist/SwDropdown-DMkEn-su.js

@@ -0,0 +1,114 @@
+import { Teleport as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, mergeModels as a, normalizeClass as o, normalizeStyle as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, renderSlot as f, unref as p, useModel as m, watchEffect as h, withModifiers as g } from "vue";
+//#region src/components/SwDropdown.vue
+var _ = ["id"], v = {
+	__name: "SwDropdown",
+	props: /* @__PURE__ */ a({
+		class: {
+			type: String,
+			default: ""
+		},
+		size: {
+			type: String,
+			default: ""
+		},
+		type: {
+			type: String,
+			default: ""
+		},
+		trigger: {
+			type: String,
+			default: "click"
+		},
+		placement: {
+			type: String,
+			default: "bottom-left"
+		},
+		maxWidth: {
+			type: Number,
+			default: 0
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a, { expose: v }) {
+		let y = a, b = m(a, "modelValue"), x = d(null), S = d(null), C = d({}), w = Math.ceil(Math.random() * 1e3), T = d(0), E = t(() => {
+			let e = ["sw-dropdown"];
+			return y.size.length > 0 && e.push("sw-" + y.size), y.type.length > 0 && e.push("sw-" + y.type), e;
+		}), D = new ResizeObserver(() => {
+			b.value && T.value++, T.value > 99 && (T.value = 1);
+		});
+		h(() => {
+			if (!b.value || !S.value || !x.value) return;
+			T.value < 2 && D.observe(S.value);
+			let e = window.pageYOffset || document.documentElement.scrollTop, t = window.pageXOffset || document.documentElement.scrollLeft;
+			document.body.style.position = "fixed", document.body.style.top = `-${e}px`, document.body.style.left = `-${t}px`, document.body.style.position = "", document.body.style.top = "", document.body.style.left = "", document.documentElement.scrollTop = e, document.documentElement.scrollLeft = t;
+			let n = x.value.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = S.value.offsetHeight, o = S.value.offsetWidth, s = n.left + n.width / 2 + t, c = n.top + n.height / 2 + e, l = n.height / 2 + 8, [u, d] = y.placement.split("-", 2);
+			switch (u) {
+				case "bottom":
+					c = e + i - a - l - 8 < c ? c - l - a : c + l, d === void 0 && (s -= o / 2);
+					break;
+				case "top":
+					c = e + a + l + 8 > c ? c + l : c - l - a, d === void 0 && (s -= o / 2);
+					break;
+				case "left":
+					s - o - n.width / 2 - 8 < 0 ? s + n.width / 2 + 8 + o < r ? (s = s + n.width / 2 + 8, c -= a / 2) : (c = e + a + l + 8 > c ? c + l : c - l - a, s = s + n.width / 2 < r ? s + n.width / 2 - o : s - o / 2) : (s = s - o - n.width / 2 - 8, c -= a / 2);
+					break;
+				case "right":
+					s + n.width / 2 + 8 + o > r ? s - o - n.width / 2 - 8 > 0 ? (s = s - o - n.width / 2 - 8, c -= a / 2) : (c = e + a + l + 8 > c ? c + l : c - l - a, s -= n.width / 2) : (s = s + n.width / 2 + 8, c -= a / 2);
+					break;
+			}
+			switch (d) {
+				case "left":
+					s = t + r - 8 > s - n.width / 2 + o ? s - n.width / 2 : s - o + n.width / 2;
+					break;
+				case "right":
+					s = 8 < s + n.width / 2 - o ? s - o + n.width / 2 : s - n.width / 2;
+					break;
+			}
+			s < 0 && (s = 0), c < 0 && (c = 0), C.value = {
+				position: "absolute",
+				top: `${c}px`,
+				left: `${s}px`,
+				maxWidth: y.maxWidth > 0 ? `${y.maxWidth}px` : ""
+			};
+		}, { flush: "post" });
+		let O = () => {
+			y.trigger === "click" && (b.value = !b.value);
+		}, k = () => {
+			y.trigger === "hover" && (b.value = !b.value);
+		}, A = () => {
+			y.trigger === "context" && (b.value = !b.value);
+		}, j = () => {
+			b.value && T.value++, T.value > 99 && (T.value = 1);
+		};
+		v({ handleResize: j });
+		let M = (e) => {
+			y.trigger !== "none" && !e.target.closest(`[id="${w}"]`) && x.value && !x.value.contains(e.target) && (b.value = !1);
+		};
+		return c(() => {
+			window.addEventListener("resize", j), document.documentElement.ontouchstart === void 0 ? document.documentElement.addEventListener("click", M, !0) : document.documentElement.addEventListener("touchstart", M, !0), window.onscrollend === void 0 ? window.addEventListener("scroll", j) : window.addEventListener("scrollend", j);
+		}), l(() => {
+			D.disconnect(), window.removeEventListener("resize", j), document.documentElement.ontouchstart === void 0 ? document.documentElement.removeEventListener("click", M) : document.documentElement.removeEventListener("touchstart", M), window.onscrollend === void 0 ? window.removeEventListener("scroll", j) : window.removeEventListener("scrollend", j);
+		}), (t, a) => (u(), i("div", {
+			class: o(E.value),
+			onClick: a[0] ||= (e) => O(),
+			onMouseover: a[1] ||= g((e) => k(), ["stop"]),
+			onMouseleave: a[2] ||= g((e) => k(), ["stop"]),
+			onContextmenu: a[3] ||= g((e) => A(), ["stop"]),
+			ref_key: "dropdownRef",
+			ref: x
+		}, [f(t.$slots, "default"), (u(), n(e, { to: "body" }, [b.value ? (u(), i("ul", {
+			key: 0,
+			ref_key: "popupRef",
+			ref: S,
+			id: p(w),
+			class: o(["sw-dropdown-popup", y.class]),
+			style: s(C.value),
+			tabindex: "-1"
+		}, [f(t.$slots, "dropdown")], 14, _)) : r("", !0)]))], 34));
+	}
+};
+//#endregion
+export { v as default };

package/dist/SwDropdownItem-CscV8R77.js

@@ -0,0 +1,36 @@
+import { n as e } from "./SwIcon-0PtPyq2k.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, normalizeClass as a, openBlock as o, renderSlot as s } from "vue";
+//#region src/components/SwDropdownItem.vue
+var c = {
+	__name: "SwDropdownItem",
+	props: {
+		class: {
+			type: String,
+			default: ""
+		},
+		size: {
+			type: String,
+			default: ""
+		},
+		type: {
+			type: String,
+			default: ""
+		},
+		iconBefore: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(c) {
+		let l = c, u = t(() => {
+			let e = ["sw-dropdown-item"];
+			return l.size.length > 0 && e.push("sw-" + l.size), l.type.length > 0 && e.push("sw-" + l.type), l.class.length > 0 && e.push(l.class), e;
+		});
+		return (t, l) => (o(), i("li", { class: a(u.value) }, [c.iconBefore.length > 0 ? (o(), n(e, {
+			key: 0,
+			"icon-class": c.iconBefore
+		}, null, 8, ["icon-class"])) : r("", !0), s(t.$slots, "default")], 2));
+	}
+};
+//#endregion
+export { c as default };