@web-utils/component 4.0.16 → 5.0.0-beta02

package/chunks/focus-trap.FbvlqAGe.mjs

@@ -0,0 +1,211 @@
+import { _ as e } from "./install.yLcn5MLL.mjs";
+import { c as t, l as n } from "./use-empty-values.D8KYIiKR.mjs";
+import { S as r, l as i } from "./style.BmlGmjpO.mjs";
+import { defineComponent as a, nextTick as o, onBeforeUnmount as s, onMounted as c, provide as l, ref as u, renderSlot as d, unref as f, watch as p } from "vue";
+import { isNil as m } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/utils/raf.mjs
+var h = (e) => r ? window.requestAnimationFrame(e) : setTimeout(e, 16), g = [], _ = (e) => {
+	t(e) === n.esc && g.forEach((t) => t(e));
+}, v = (e) => {
+	c(() => {
+		g.length === 0 && document.addEventListener("keydown", _), r && g.push(e);
+	}), s(() => {
+		g = g.filter((t) => t !== e), g.length === 0 && r && document.removeEventListener("keydown", _);
+	});
+}, y = "focus-trap.focus-after-trapped", b = "focus-trap.focus-after-released", x = "focus-trap.focusout-prevented", S = {
+	cancelable: !0,
+	bubbles: !1
+}, C = {
+	cancelable: !0,
+	bubbles: !1
+}, w = "focusAfterTrapped", T = "focusAfterReleased", E = Symbol("elFocusTrap"), D = u(), O = u(0), k = u(0), A = 0, j = (e) => {
+	let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => {
+		let t = e.tagName === "INPUT" && e.type === "hidden";
+		return e.disabled || e.hidden || t ? NodeFilter.FILTER_SKIP : e.tabIndex >= 0 || e === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+	} });
+	for (; n.nextNode();) t.push(n.currentNode);
+	return t;
+}, M = (e, t) => {
+	for (let n of e) if (!N(n, t)) return n;
+}, N = (e, t) => {
+	if (getComputedStyle(e).visibility === "hidden") return !0;
+	for (; e;) {
+		if (t && e === t) return !1;
+		if (getComputedStyle(e).display === "none") return !0;
+		e = e.parentElement;
+	}
+	return !1;
+}, P = (e) => {
+	let t = j(e);
+	return [M(t, e), M(t.reverse(), e)];
+}, F = (e) => e instanceof HTMLInputElement && "select" in e, I = (e, t) => {
+	if (e) {
+		let n = document.activeElement;
+		i(e, { preventScroll: !0 }), k.value = window.performance.now(), e !== n && F(e) && t && e.select();
+	}
+};
+function L(e, t) {
+	let n = [...e], r = e.indexOf(t);
+	return r !== -1 && n.splice(r, 1), n;
+}
+var R = () => {
+	let e = [];
+	return {
+		push: (t) => {
+			let n = e[0];
+			n && t !== n && n.pause(), e = L(e, t), e.unshift(t);
+		},
+		remove: (t) => {
+			var n, r;
+			e = L(e, t), (n = e[0]) == null || (r = n.resume) == null || r.call(n);
+		}
+	};
+}, z = (e, t = !1) => {
+	let n = document.activeElement;
+	for (let r of e) if (I(r, t), document.activeElement !== n) return;
+}, B = R(), V = () => O.value > k.value, H = () => {
+	D.value = "pointer", O.value = window.performance.now();
+}, U = () => {
+	D.value = "keyboard", O.value = window.performance.now();
+}, W = () => (c(() => {
+	A === 0 && (document.addEventListener("mousedown", H), document.addEventListener("touchstart", H), document.addEventListener("keydown", U)), A++;
+}), s(() => {
+	A--, A <= 0 && (document.removeEventListener("mousedown", H), document.removeEventListener("touchstart", H), document.removeEventListener("keydown", U));
+}), {
+	focusReason: D,
+	lastUserFocusTimestamp: O,
+	lastAutomatedFocusTimestamp: k
+}), G = (e) => new CustomEvent(x, {
+	...C,
+	detail: e
+}), K = a({
+	name: "ElFocusTrap",
+	inheritAttrs: !1,
+	props: {
+		loop: Boolean,
+		trapped: Boolean,
+		focusTrapEl: Object,
+		focusStartEl: {
+			type: [Object, String],
+			default: "first"
+		}
+	},
+	emits: [
+		w,
+		T,
+		"focusin",
+		"focusout",
+		"focusout-prevented",
+		"release-requested"
+	],
+	setup(r, { emit: i }) {
+		let a = u(), d, h, { focusReason: g } = W();
+		v((e) => {
+			r.trapped && !_.paused && i("release-requested", e);
+		});
+		let _ = {
+			paused: !1,
+			pause() {
+				this.paused = !0;
+			},
+			resume() {
+				this.paused = !1;
+			}
+		}, x = (e) => {
+			if (!r.loop && !r.trapped || _.paused) return;
+			let { altKey: a, ctrlKey: o, metaKey: s, currentTarget: c, shiftKey: l } = e, { loop: u } = r, d = t(e) === n.tab && !a && !o && !s, f = document.activeElement;
+			if (d && f) {
+				let t = c, [n, r] = P(t);
+				if (!(n && r)) {
+					if (f === t) {
+						let t = G({ focusReason: g.value });
+						i("focusout-prevented", t), t.defaultPrevented || e.preventDefault();
+					}
+				} else if (!l && f === r) {
+					let t = G({ focusReason: g.value });
+					i("focusout-prevented", t), t.defaultPrevented || (e.preventDefault(), u && I(n, !0));
+				} else if (l && [n, t].includes(f)) {
+					let t = G({ focusReason: g.value });
+					i("focusout-prevented", t), t.defaultPrevented || (e.preventDefault(), u && I(r, !0));
+				}
+			}
+		};
+		l(E, {
+			focusTrapRef: a,
+			onKeydown: x
+		}), p(() => r.focusTrapEl, (e) => {
+			e && (a.value = e);
+		}, { immediate: !0 }), p([a], ([e], [t]) => {
+			e && (e.addEventListener("keydown", x), e.addEventListener("focusin", O), e.addEventListener("focusout", k)), t && (t.removeEventListener("keydown", x), t.removeEventListener("focusin", O), t.removeEventListener("focusout", k));
+		});
+		let C = (e) => {
+			i(w, e);
+		}, D = (e) => i(T, e), O = (e) => {
+			let t = f(a);
+			if (!t) return;
+			let n = e.target, o = e.relatedTarget, s = n && t.contains(n);
+			r.trapped || o && t.contains(o) || (d = o), s && i("focusin", e), !_.paused && r.trapped && (s ? h = n : I(h, !0));
+		}, k = (e) => {
+			let t = f(a);
+			if (!(_.paused || !t)) if (r.trapped) {
+				let n = e.relatedTarget;
+				!m(n) && !t.contains(n) && setTimeout(() => {
+					if (!_.paused && r.trapped) {
+						let e = G({ focusReason: g.value });
+						i("focusout-prevented", e), e.defaultPrevented || I(h, !0);
+					}
+				}, 0);
+			} else {
+				let n = e.target;
+				n && t.contains(n) || i("focusout", e);
+			}
+		};
+		async function A() {
+			await o();
+			let t = f(a);
+			if (t) {
+				B.push(_);
+				let n = t.contains(document.activeElement) ? d : document.activeElement;
+				if (d = n, !t.contains(n)) {
+					let i = new Event(y, S);
+					t.addEventListener(y, C), t.dispatchEvent(i), i.defaultPrevented || o(() => {
+						let i = r.focusStartEl;
+						e(i) || (I(i), document.activeElement !== i && (i = "first")), i === "first" && z(j(t), !0), (document.activeElement === n || i === "container") && I(t);
+					});
+				}
+			}
+		}
+		function M() {
+			let e = f(a);
+			if (e) {
+				e.removeEventListener(y, C);
+				let t = new CustomEvent(b, {
+					...S,
+					detail: { focusReason: g.value }
+				});
+				e.addEventListener(b, D), e.dispatchEvent(t), !t.defaultPrevented && (g.value == "keyboard" || !V() || e.contains(document.activeElement)) && I(d ?? document.body), e.removeEventListener(b, D), B.remove(_), d = null, h = null;
+			}
+		}
+		return c(() => {
+			r.trapped && A(), p(() => r.trapped, (e) => {
+				e ? A() : M();
+			});
+		}), s(() => {
+			r.trapped && M(), a.value && (a.value.removeEventListener("keydown", x), a.value.removeEventListener("focusin", O), a.value.removeEventListener("focusout", k), a.value = void 0), d = null, h = null;
+		}), { onKeydown: x };
+	}
+}), q = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/components/focus-trap/src/focus-trap.mjs
+function J(e, t, n, r, i, a) {
+	return d(e.$slots, "default", { handleKeydown: e.onKeydown });
+}
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/components/focus-trap/index.mjs
+var Y = /* @__PURE__ */ q(K, [["render", J]]);
+//#endregion
+export { q as n, h as r, Y as t };

package/chunks/form-input.BUGZmAI1.mjs

@@ -0,0 +1,34 @@
+import { t as e } from "./form-item.Ca8U2bIR.mjs";
+import { n as t } from "./util.Ce4MHRmD.mjs";
+//#region src/components/form/form-input.js
+var n = {
+	name: "FormInput",
+	mixins: [e],
+	props: {
+		value: [
+			Boolean,
+			String,
+			Array,
+			Number,
+			Object,
+			Date
+		],
+		readonly: Boolean,
+		disabled: Boolean
+	},
+	inject: { formView: { default: {} } },
+	computed: {
+		computePlaceholder() {
+			return this.formView.printing ? null : this.placeholder === !0 ? this.message : this.placeholder;
+		},
+		listeners() {
+			return t(this.$listeners, "input", !1);
+		},
+		inputDisabled() {
+			var e;
+			return (e = this.formHolder.enabledFields) != null && e.includes(this.prop) ? !1 : this.disabled || (this.elForm || {}).disabled;
+		}
+	}
+};
+//#endregion
+export { n as t };