@web-utils/form-ui 1.0.0-beta85 → 1.0.0-beta87

package/chunks/CTAUFbNL.mjs

@@ -0,0 +1,222 @@
+import { n as e, r as t, t as n } from "./BtGJbKCB.mjs";
+import { n as r, t as i } from "./r6tERHEL.mjs";
+import { M as a, N as o, _ as s, l as c, m as l, s as u, t as d, u as f } from "./cvUTkWmm.mjs";
+import { L as p, t as m, x as h } from "./DiQUqii-.mjs";
+import { i as g, n as ee, r as te, t as _ } from "./E-zZdDOp.mjs";
+import { t as v } from "./f-0LSLCC.mjs";
+import { a as y } from "./Dq9YiS-H.mjs";
+import { t as b } from "./CDhbz_dU.mjs";
+import { computed as x, createBlock as S, createCommentVNode as C, createElementBlock as w, createElementVNode as T, createVNode as E, defineComponent as D, nextTick as O, normalizeClass as k, normalizeStyle as A, onMounted as j, openBlock as M, ref as ne, renderSlot as N, resolveDynamicComponent as P, shallowRef as re, toDisplayString as F, unref as I, watch as L, withCtx as R, withKeys as z, withModifiers as B } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/components/switch/src/switch.mjs
+var V = c({
+	modelValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	loading: Boolean,
+	size: {
+		type: String,
+		validator: b
+	},
+	width: {
+		type: [String, Number],
+		default: ""
+	},
+	inlinePrompt: Boolean,
+	inactiveActionIcon: { type: y },
+	activeActionIcon: { type: y },
+	activeIcon: { type: y },
+	inactiveIcon: { type: y },
+	activeText: {
+		type: String,
+		default: ""
+	},
+	inactiveText: {
+		type: String,
+		default: ""
+	},
+	activeValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !0
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	beforeChange: { type: f(Function) },
+	id: String,
+	tabindex: { type: [String, Number] },
+	...v(["ariaLabel"])
+}), H = {
+	[t]: (e) => l(e) || o(e) || s(e),
+	[n]: (e) => l(e) || o(e) || s(e),
+	[e]: (e) => l(e) || o(e) || s(e)
+}, U = [
+	"id",
+	"aria-checked",
+	"aria-disabled",
+	"aria-label",
+	"name",
+	"true-value",
+	"false-value",
+	"disabled",
+	"tabindex"
+], W = ["aria-hidden"], G = { key: 1 }, K = { key: 1 }, q = ["aria-hidden"], J = "ElSwitch", Y = d(/* @__PURE__ */ D({
+	name: J,
+	__name: "switch",
+	props: V,
+	emits: H,
+	setup(o, { expose: s, emit: c }) {
+		let d = o, f = c, { formItem: v } = _(), y = g(), b = u("switch"), { inputId: D } = ee(d, { formItemContext: v }), V = te(x(() => {
+			if (d.loading) return !0;
+		})), H = ne(d.modelValue !== !1), Y = re(), ie = x(() => [
+			b.b(),
+			b.m(y.value),
+			b.is("disabled", V.value),
+			b.is("checked", Z.value)
+		]), ae = x(() => [
+			b.e("label"),
+			b.em("label", "left"),
+			b.is("active", !Z.value)
+		]), oe = x(() => [
+			b.e("label"),
+			b.em("label", "right"),
+			b.is("active", Z.value)
+		]), se = x(() => ({ width: p(d.width) }));
+		L(() => d.modelValue, () => {
+			H.value = !0;
+		});
+		let X = x(() => H.value ? d.modelValue : !1), Z = x(() => X.value === d.activeValue);
+		[d.activeValue, d.inactiveValue].includes(X.value) || (f(t, d.inactiveValue), f(n, d.inactiveValue), f(e, d.inactiveValue)), L(Z, (e) => {
+			var t;
+			Y.value.checked = e, d.validateEvent && (v == null || (t = v.validate) == null || t.call(v, "change").catch((e) => i(e)));
+		});
+		let Q = () => {
+			let r = Z.value ? d.inactiveValue : d.activeValue;
+			f(t, r), f(n, r), f(e, r), O(() => {
+				Y.value.checked = Z.value;
+			});
+		}, $ = () => {
+			if (V.value) return;
+			let { beforeChange: e } = d;
+			if (!e) {
+				Q();
+				return;
+			}
+			let t = e();
+			[a(t), l(t)].includes(!0) || r(J, "beforeChange must return type `Promise<boolean>` or `boolean`"), a(t) ? t.then((e) => {
+				e && Q();
+			}).catch((e) => {
+				i(J, `some error occurred: ${e}`);
+			}) : t && Q();
+		};
+		return j(() => {
+			Y.value.checked = Z.value;
+		}), s({
+			focus: () => {
+				var e, t;
+				(e = Y.value) == null || (t = e.focus) == null || t.call(e);
+			},
+			checked: Z
+		}), (e, t) => (M(), w("div", {
+			class: k(ie.value),
+			onClick: B($, ["prevent"])
+		}, [
+			T("input", {
+				id: I(D),
+				ref_key: "input",
+				ref: Y,
+				class: k(I(b).e("input")),
+				type: "checkbox",
+				role: "switch",
+				"aria-checked": Z.value,
+				"aria-disabled": I(V),
+				"aria-label": o.ariaLabel,
+				name: o.name,
+				"true-value": o.activeValue,
+				"false-value": o.inactiveValue,
+				disabled: I(V),
+				tabindex: o.tabindex,
+				onChange: Q,
+				onKeydown: z($, ["enter"])
+			}, null, 42, U),
+			!o.inlinePrompt && (o.inactiveIcon || o.inactiveText || e.$slots.inactive) ? (M(), w("span", {
+				key: 0,
+				class: k(ae.value)
+			}, [N(e.$slots, "inactive", {}, () => [o.inactiveIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(o.inactiveIcon)))]),
+				_: 1
+			})) : C("v-if", !0), !o.inactiveIcon && o.inactiveText ? (M(), w("span", {
+				key: 1,
+				"aria-hidden": Z.value
+			}, F(o.inactiveText), 9, W)) : C("v-if", !0)])], 2)) : C("v-if", !0),
+			T("span", {
+				class: k(I(b).e("core")),
+				style: A(se.value)
+			}, [o.inlinePrompt ? (M(), w("div", {
+				key: 0,
+				class: k(I(b).e("inner"))
+			}, [Z.value ? (M(), w("div", {
+				key: 1,
+				class: k(I(b).e("inner-wrapper"))
+			}, [N(e.$slots, "active", {}, () => [o.activeIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(o.activeIcon)))]),
+				_: 1
+			})) : C("v-if", !0), !o.activeIcon && o.activeText ? (M(), w("span", K, F(o.activeText), 1)) : C("v-if", !0)])], 2)) : (M(), w("div", {
+				key: 0,
+				class: k(I(b).e("inner-wrapper"))
+			}, [N(e.$slots, "inactive", {}, () => [o.inactiveIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(o.inactiveIcon)))]),
+				_: 1
+			})) : C("v-if", !0), !o.inactiveIcon && o.inactiveText ? (M(), w("span", G, F(o.inactiveText), 1)) : C("v-if", !0)])], 2))], 2)) : C("v-if", !0), T("div", { class: k(I(b).e("action")) }, [o.loading ? (M(), S(I(m), {
+				key: 0,
+				class: k(I(b).is("loading"))
+			}, {
+				default: R(() => [E(I(h))]),
+				_: 1
+			}, 8, ["class"])) : Z.value ? N(e.$slots, "active-action", { key: 1 }, () => [o.activeActionIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(o.activeActionIcon)))]),
+				_: 1
+			})) : C("v-if", !0)]) : Z.value ? C("v-if", !0) : N(e.$slots, "inactive-action", { key: 2 }, () => [o.inactiveActionIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(o.inactiveActionIcon)))]),
+				_: 1
+			})) : C("v-if", !0)])], 2)], 6),
+			!o.inlinePrompt && (o.activeIcon || o.activeText || e.$slots.active) ? (M(), w("span", {
+				key: 1,
+				class: k(oe.value)
+			}, [N(e.$slots, "active", {}, () => [o.activeIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(o.activeIcon)))]),
+				_: 1
+			})) : C("v-if", !0), !o.activeIcon && o.activeText ? (M(), w("span", {
+				key: 1,
+				"aria-hidden": !Z.value
+			}, F(o.activeText), 9, q)) : C("v-if", !0)])], 2)) : C("v-if", !0)
+		], 2));
+	}
+}));
+//#endregion
+export { Y as t };