@studio-west/component-sw 0.11.18 → 0.11.19

package/dist/SwDropdownNew-TXu5V6xZ.js

@@ -0,0 +1,107 @@
+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/SwDropdownNew.vue
+var _ = ["id"], v = {
+	__name: "SwDropdownNew",
+	props: /* @__PURE__ */ a({
+		class: {
+			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.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);
+		};
+		return v({ handleResize: j }), c(() => {
+			window.addEventListener("resize", j), window.onscrollend === void 0 ? window.addEventListener("scroll", j) : window.addEventListener("scrollend", j);
+		}), l(() => {
+			D.disconnect(), window.removeEventListener("resize", j), 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,
+			popover: "",
+			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/SwFormItem-DQJohClb.js

@@ -0,0 +1,24 @@
+import { computed as e, createElementBlock as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/SwFormItem.vue
+var a = {
+	__name: "SwFormItem",
+	props: {
+		class: {
+			type: String,
+			default: ""
+		},
+		type: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(a) {
+		let o = a, s = e(() => {
+			let e = ["sw-form-item"];
+			return o.type.length > 0 && e.push("sw-" + o.type), o.class.length > 0 && e.push(o.class), e;
+		});
+		return (e, a) => (r(), t("div", { class: n(s.value) }, [i(e.$slots, "default")], 2));
+	}
+};
+//#endregion
+export { a as default };

package/dist/SwGide-9v0z3Y49.js

@@ -0,0 +1,125 @@
+import { n as e } from "./SwIcon-0PtPyq2k.js";
+import t from "./SwButton-B6iaLa_y.js";
+import n from "./SwDropdown-DMkEn-su.js";
+import { createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, mergeModels as s, normalizeClass as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, useModel as m, watchEffect as h, withCtx as g } from "vue";
+//#region src/components/SwGide.vue
+var _ = ["src"], v = {
+	__name: "SwGide",
+	props: /* @__PURE__ */ s({
+		steps: {
+			type: Array,
+			default: () => []
+		},
+		iconClose: {
+			type: String,
+			default: ""
+		},
+		maxWidth: {
+			type: Number,
+			default: 250
+		}
+	}, {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ s(["close"], ["update:modelValue"]),
+	setup(s, { emit: v }) {
+		let y = d(null), b = d(!0), x = d(null), S = m(s, "modelValue"), C = v, w = s, T = () => C("close"), E = (e) => {
+			let t = S.value + e;
+			t < 0 ? S.value = 0 : t >= w.steps.length ? T() : S.value = t;
+		}, D = !1, O = (e) => {
+			let t = e.getBoundingClientRect(), n = window.innerHeight;
+			t.top < 5 ? (D = !0, document.documentElement.scrollTop += t.top - 5) : t.bottom > n - 5 && (D = !0, document.documentElement.scrollTop += t.bottom - n + 5);
+		}, k = () => {
+			if (!x.value || !y.value) return;
+			let e = x.value.getBoundingClientRect(), t = window.pageYOffset || document.documentElement.scrollTop, n = window.pageXOffset || document.documentElement.scrollLeft;
+			y.value.style.gridTemplateRows = `${e.top + t - 5}px ${e.height + 10}px 1fr`, y.value.style.gridTemplateColumns = `${e.left + n - 5}px ${e.width + 10}px 1fr`, y.value.style.height = document.documentElement.scrollHeight + "px";
+		};
+		return h((e) => {
+			if (!y.value) return;
+			let t = w.steps[S.value]?.tag;
+			if (!t || !t.trim()) {
+				y.value.style.gridTemplateRows = "40% 0 1fr", y.value.style.gridTemplateColumns = "1fr 0 1fr", y.value.style.height = document.documentElement.scrollHeight + "px";
+				return;
+			}
+			if (x.value = document.querySelector(t), !x.value) {
+				console.warn(`[SwGuide] Элемент не найден: ${t}`);
+				return;
+			}
+			O(x.value);
+			let n = () => {
+				if (D) {
+					D = !1;
+					return;
+				}
+				k();
+			};
+			k();
+			let r = new ResizeObserver(k);
+			r.observe(x.value), window.addEventListener("resize", n), window.addEventListener("scroll", n, { passive: !0 }), e(() => {
+				r.disconnect(), window.removeEventListener("resize", n), window.removeEventListener("scroll", n);
+			});
+		}), l(() => window.onload = () => x.value = document.querySelector(w.steps[S.value]?.tag)), (s, l) => (u(), r("div", {
+			class: "sw-gide",
+			ref_key: "swGide",
+			ref: y
+		}, [
+			l[6] ||= i("div", { class: "overlay0" }, null, -1),
+			l[7] ||= i("div", { class: "overlay1" }, null, -1),
+			o(n, {
+				class: "gide",
+				trigger: "none",
+				placement: w.steps[S.value].placement,
+				modelValue: b.value,
+				"onUpdate:modelValue": l[2] ||= (e) => b.value = e,
+				maxWidth: w.maxWidth
+			}, {
+				dropdown: g(() => [
+					i("header", null, [f(s.$slots, "header", {}, () => [a(p(w.steps[S.value].header) + " ", 1), o(t, {
+						type: "primary",
+						link: "",
+						onClick: T
+					}, {
+						default: g(() => [o(e, { "icon-class": w.iconClose }, null, 8, ["icon-class"])]),
+						_: 1
+					})])]),
+					f(s.$slots, "default", {}, () => [i("div", null, p(w.steps[S.value].text), 1), i("img", {
+						class: c(/left/.test(w.steps[S.value]?.placement) ? "reflect" : null),
+						src: w.steps[S.value].img
+					}, null, 10, _)]),
+					i("footer", null, [f(s.$slots, "footer", {}, () => [o(t, {
+						type: S.value === 0 ? "info" : "warning",
+						text: "",
+						link: "",
+						onClick: l[0] ||= (e) => E(-1)
+					}, {
+						default: g(() => [f(s.$slots, "arrow", {}, () => [l[3] ||= a("‹", -1)])]),
+						_: 3
+					}, 8, ["type"]), o(t, {
+						type: "success",
+						onClick: l[1] ||= (e) => E(1),
+						text: "",
+						link: "",
+						class: "sw-revers"
+					}, {
+						default: g(() => [f(s.$slots, "arrow", {}, () => [l[4] ||= a("‹", -1)])]),
+						_: 3
+					})])])
+				]),
+				default: g(() => [l[5] ||= i("div", { class: "hole" }, null, -1)]),
+				_: 3
+			}, 8, [
+				"placement",
+				"modelValue",
+				"maxWidth"
+			]),
+			l[8] ||= i("div", { class: "overlay2" }, null, -1),
+			l[9] ||= i("div", { class: "overlay3" }, null, -1)
+		], 512));
+	}
+};
+//#endregion
+export { v as default };

package/dist/SwIcon-0PtPyq2k.js

@@ -0,0 +1,35 @@
+import { r as e } from "./utils-CGgSSFR1.js";
+import { t } from "./SwSelect-CuBxoXju.js";
+import { createElementBlock as n, createElementVNode as r, mergeProps as i, openBlock as a, unref as o } from "vue";
+//#region src/components/SwIcon.vue
+var s = /* @__PURE__ */ t({ default: () => l }), c = ["href"], l = {
+	__name: "SwIcon",
+	props: {
+		prefix: {
+			type: String,
+			default: "icon"
+		},
+		iconClass: {
+			type: String,
+			required: !0
+		},
+		className: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let s = t, l = e(s.iconClass);
+		return (e, t) => o(l) ? (a(), n("div", i({
+			key: 0,
+			style: "mask: url(" + s.iconClass + ") no-repeat 50% 50%;",
+			class: "sw-external-icon svg-icon"
+		}, e.$attrs), null, 16)) : (a(), n("svg", i({
+			key: 1,
+			class: "sw-icon icon-" + (s.className || s.iconClass),
+			"aria-hidden": "true"
+		}, e.$attrs), [r("use", { href: "#" + s.prefix + "-" + s.iconClass }, null, 8, c)], 16));
+	}
+};
+//#endregion
+export { l as n, s as t };

package/dist/SwInput-fqZBIN92.js

@@ -0,0 +1,102 @@
+import { n as e } from "./utils-CGgSSFR1.js";
+import { n as t } from "./SwIcon-0PtPyq2k.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, useModel as g, vModelDynamic as _, watch as v, withDirectives as y } from "vue";
+//#region src/components/SwInput.vue?vue&type=script&setup=true&lang.ts
+var b = ["for"], x = {
+	key: 0,
+	title: "Это поле обязательно для заполнения."
+}, S = [
+	"required",
+	"placeholder",
+	"type",
+	"id",
+	"name",
+	"size",
+	"maxlength",
+	"minlength",
+	"autofocus"
+], C = /* @__PURE__ */ c({
+	__name: "SwInput",
+	props: /* @__PURE__ */ l({
+		before: { default: "" },
+		after: { default: "" },
+		placeholder: { default: "" },
+		label: { default: "" },
+		name: {},
+		class: { default: "" },
+		size: { default: "" },
+		type: { default: "text" },
+		inputMode: { default: "text" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: { default: 128 },
+		minlength: { default: 1 },
+		inputSize: { default: 60 },
+		autofocus: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ l([
+		"suffix",
+		"prefix",
+		"focusInput"
+	], ["update:modelValue"]),
+	setup(c, { emit: l }) {
+		let C = g(c, "modelValue"), w = c, T = p(null), E = l, D = (e) => {
+			E("focusInput"), e.target.setSelectionRange(C.value?.length || 0, C.value?.length || 0), T.value !== null && (T.value.style.top = "-.6em");
+		}, O = () => {
+			(C.value?.length || 0) === 0 && T.value !== null && T.value.removeAttribute("style");
+		};
+		(C.value?.length || 0) > 0 && T.value !== null && (T.value.style.top = "-.6em");
+		let k = () => {
+			E("suffix");
+		}, A = () => {
+			E("prefix");
+		}, j = n(() => {
+			let e = ["sw-input"];
+			return w.size.length > 0 && e.push("sw-" + w.size), w.class.length > 0 && e.push(w.class), e;
+		});
+		return v(C, (t, n) => {
+			w.type === "phone" && t && (C.value = e(t, n));
+		}), (e, n) => (f(), a("div", { class: d(j.value) }, [
+			w.before.length > 0 ? (f(), r(t, {
+				key: 0,
+				"icon-class": w.before,
+				onClick: A
+			}, null, 8, ["icon-class"])) : m(e.$slots, "prefix", { key: 1 }),
+			w.label.length > 0 ? (f(), a("label", {
+				key: 2,
+				for: w.name,
+				ref_key: "lab",
+				ref: T
+			}, [s(h(w.label), 1), w.required ? (f(), a("span", x, "*")) : i("", !0)], 8, b)) : i("", !0),
+			y(o("input", u({
+				"onUpdate:modelValue": n[0] ||= (e) => C.value = e,
+				required: w.required,
+				placeholder: w.required && w.label.length === 0 ? w.placeholder + "*" : w.placeholder,
+				type: w.type,
+				id: w.name,
+				name: w.name,
+				size: w.inputSize,
+				onFocus: D,
+				onBlur: O,
+				maxlength: w.maxlength,
+				minlength: w.minlength,
+				autofocus: w.autofocus
+			}, e.$attrs), null, 16, S), [[_, C.value]]),
+			w.after.length > 0 ? (f(), r(t, {
+				key: 3,
+				"icon-class": w.after,
+				onClick: k
+			}, null, 8, ["icon-class"])) : m(e.$slots, "suffix", { key: 4 })
+		], 2));
+	}
+});
+//#endregion
+export { C as default };

package/dist/SwMessage-BvvbQ1cP.js

@@ -0,0 +1,55 @@
+import { n as e } from "./SwIcon-0PtPyq2k.js";
+import t from "./SwButton-B6iaLa_y.js";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, mergeModels as s, nextTick as c, normalizeClass as l, onUnmounted as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useSlots as _, watch as v, withCtx as y } from "vue";
+//#region src/components/SwMessage.vue
+var b = { key: 0 }, x = {
+	__name: "SwMessage",
+	props: /* @__PURE__ */ s({
+		name: {
+			type: String,
+			default: ""
+		},
+		class: {
+			type: String,
+			default: ""
+		},
+		iconAfter: {
+			type: String,
+			default: ""
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(s) {
+		let x = g(s, "modelValue"), S = s, C = f(null), w = _(), T = (e) => {
+			if (C.value && x.value) {
+				let t = C.value.getBoundingClientRect();
+				e.clientX >= t.left && e.clientX <= t.right && e.clientY >= t.top && e.clientY <= t.bottom || (x.value = !1);
+			}
+		};
+		return v(() => x.value, (e) => {
+			e ? (C.value.showModal(), c(), window.addEventListener("click", T, !0)) : (C.value.close(), window.removeEventListener("click", T));
+		}), u(() => {
+			window.removeEventListener("click", T);
+		}), (s, c) => (d(), r("dialog", {
+			class: l("sw-message " + S.class),
+			ref_key: "messageRef",
+			ref: C
+		}, [
+			S.name.length > 0 || h(w)?.header ? (d(), r("header", b, [p(s.$slots, "header", {}, () => [a(m(S.name) + " ", 1), o(t, {
+				link: "",
+				type: "primary",
+				onClick: c[0] ||= (e) => x.value = !1
+			}, {
+				default: y(() => [o(e, { "icon-class": S.iconAfter }, null, 8, ["icon-class"])]),
+				_: 1
+			})])])) : n("", !0),
+			p(s.$slots, "default"),
+			i("footer", null, [p(s.$slots, "footer")])
+		], 2));
+	}
+};
+//#endregion
+export { x as default };

package/dist/SwSection-fNuXuePo.js

@@ -0,0 +1,32 @@
+import { createElementBlock as e, createElementVNode as t, createTextVNode as n, normalizeClass as r, openBlock as i, renderSlot as a, toDisplayString as o } from "vue";
+//#region src/components/SwSection.vue
+var s = ["icon-class"], c = {
+	__name: "SwSection",
+	props: {
+		name: {
+			type: String,
+			default: ""
+		},
+		class: {
+			type: String,
+			default: ""
+		},
+		iconAfter: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["header"],
+	setup(c, { emit: l }) {
+		let u = c, d = l, f = () => {
+			d("header");
+		};
+		return (c, l) => (i(), e("section", { class: r("sw-section " + u.class) }, [
+			t("header", { onClick: f }, [a(c.$slots, "header", {}, () => [n(o(u.name) + " ", 1), t("svg-icon", { "icon-class": u.iconAfter }, null, 8, s)])]),
+			a(c.$slots, "default"),
+			t("footer", null, [a(c.$slots, "footer")])
+		], 2));
+	}
+};
+//#endregion
+export { c as default };