@dskripchenko/ui 1.2.2 → 1.3.0

package/dist/index.mjs

@@ -1170,6 +1170,10 @@ var vn = ["aria-labelledby"], yn = { class: "uid-modal__header" }, bn = ["id"],
 			type: Boolean,
 			default: !0
 		},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		},
 		hideClose: {
 			type: Boolean,
 			default: !1
@@ -1194,7 +1198,7 @@ var vn = ["aria-labelledby"], yn = { class: "uid-modal__header" }, bn = ["id"],
 			e ? (b(), await g(), v(), document.addEventListener("keydown", D)) : (S(), y(), document.removeEventListener("keydown", D));
 		});
 		function D(e) {
-			e.key === "Escape" && C();
+			e.key === "Escape" && f.closeOnEsc && C();
 		}
 		return (i, f) => (x(), o(n, { to: "body" }, [d(r, { name: "uid-modal" }, {
 			default: z(() => [u.value ? (x(), c("div", {
@@ -1242,6 +1246,10 @@ var vn = ["aria-labelledby"], yn = { class: "uid-modal__header" }, bn = ["id"],
 			type: Boolean,
 			default: !0
 		},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		},
 		hideClose: {
 			type: Boolean,
 			default: !1
@@ -1265,7 +1273,7 @@ var vn = ["aria-labelledby"], yn = { class: "uid-modal__header" }, bn = ["id"],
 			f.closeOnOverlay && T();
 		}
 		function O(e) {
-			e.key === "Escape" && T();
+			e.key === "Escape" && f.closeOnEsc && T();
 		}
 		return R(u, async (e) => {
 			e ? (S(), await g(), y(), document.addEventListener("keydown", O)) : (C(), b(), document.removeEventListener("keydown", O));
@@ -1279,8 +1287,8 @@ var vn = ["aria-labelledby"], yn = { class: "uid-modal__header" }, bn = ["id"],
 				ref: h,
 				class: _(["uid-drawer", `uid-drawer--${t.side}`]),
 				style: v({
-					width: t.side === "bottom" ? void 0 : t.width,
-					height: t.side === "bottom" ? t.height : void 0
+					width: t.side === "left" || t.side === "right" ? t.width : void 0,
+					height: t.side === "top" || t.side === "bottom" ? t.height : void 0
 				}),
 				role: "dialog",
 				"aria-modal": "true",
@@ -7208,25 +7216,42 @@ var Qn = /* @__PURE__ */ Jn(Yn, [["render", Zn]]), $n = Symbol("uid-tabs"), er =
 	props: {
 		steps: {},
 		current: { default: 0 },
-		orientation: { default: "horizontal" }
+		orientation: { default: "horizontal" },
+		selectable: { default: "none" }
 	},
-	setup(n) {
-		function r(e, t) {
+	emits: ["select"],
+	setup(n, { emit: r }) {
+		let i = n, a = r;
+		function u(e) {
+			return e === i.current ? !1 : i.selectable === "all" ? !0 : i.selectable === "completed" && e < i.current;
+		}
+		function d(e, t) {
 			return e < t ? "completed" : e === t ? "current" : "pending";
 		}
-		return (i, a) => (x(), c("ol", {
+		return (r, i) => (x(), c("ol", {
 			class: _(["uid-stepper", [`uid-stepper--${n.orientation}`]]),
 			"aria-label": `Шаги (текущий: ${n.current + 1} из ${n.steps.length})`
-		}, [(x(!0), c(t, null, T(n.steps, (t, i) => (x(), c("li", {
-			key: i,
-			class: _(["uid-stepper__step", [`uid-stepper__step--${r(i, n.current)}`]]),
-			"aria-current": i === n.current ? "step" : void 0
-		}, [l("div", _u, [r(i, n.current) === "completed" ? (x(), o(e, {
-			key: 0,
-			icon: j(q),
-			size: 16,
-			"aria-hidden": "true"
-		}, null, 8, ["icon"])) : (x(), c("span", vu, k(i + 1), 1))]), l("div", yu, [l("span", bu, k(t.label), 1), t.description ? (x(), c("span", xu, k(t.description), 1)) : s("", !0)])], 10, gu))), 128))], 10, hu));
+		}, [(x(!0), c(t, null, T(n.steps, (t, r) => (x(), c("li", {
+			key: r,
+			class: _(["uid-stepper__step", [`uid-stepper__step--${d(r, n.current)}`]]),
+			"aria-current": r === n.current ? "step" : void 0
+		}, [(x(), o(O(u(r) ? "button" : "div"), {
+			type: u(r) ? "button" : void 0,
+			class: _(["uid-stepper__target", { "uid-stepper__target--selectable": u(r) }]),
+			onClick: (e) => u(r) && a("select", r)
+		}, {
+			default: z(() => [l("div", _u, [d(r, n.current) === "completed" ? (x(), o(e, {
+				key: 0,
+				icon: j(q),
+				size: 16,
+				"aria-hidden": "true"
+			}, null, 8, ["icon"])) : (x(), c("span", vu, k(r + 1), 1))]), l("div", yu, [l("span", bu, k(t.label), 1), t.description ? (x(), c("span", xu, k(t.description), 1)) : s("", !0)])]),
+			_: 2
+		}, 1032, [
+			"type",
+			"class",
+			"onClick"
+		]))], 10, gu))), 128))], 10, hu));
 	}
 }), Cu = /* @__PURE__ */ f({
 	__name: "UidStack",