@hankchen/canvas-editor-vue 0.5.0 → 0.6.1

package/dist/useDataSourceSchema-CGbldbUj.js

@@ -1,237 +0,0 @@
-import { n as e, u as t } from "./useTransientFeedback-CTjmMmFF.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, nextTick as u, normalizeStyle as d, onScopeDispose as f, openBlock as p, ref as m, renderList as h, renderSlot as g, shallowRef as _, toDisplayString as v, unref as y, watch as b, withModifiers as x } from "vue";
-//#region src/shared/useDropdownMenu.ts
-function S(e) {
-	let t = m(!1);
-	function n(n) {
-		let r = e.container.value, i = n.target;
-		r !== null && i instanceof Node && r.contains(i) || (t.value = !1);
-	}
-	function r(e) {
-		e.key === "Escape" && (t.value = !1);
-	}
-	function i() {
-		window.removeEventListener("pointerdown", n), window.removeEventListener("keydown", r);
-	}
-	return b(t, (e) => {
-		e ? (window.addEventListener("pointerdown", n), window.addEventListener("keydown", r)) : i();
-	}), f(i, !0), {
-		open: t,
-		toggle: () => {
-			t.value = !t.value;
-		},
-		openMenu: () => {
-			t.value = !0;
-		},
-		closeMenu: () => {
-			t.value = !1;
-		}
-	};
-}
-function C(e, t, n) {
-	let r = e.length;
-	if (r === 0) return -1;
-	if (n === "Home" || n === "End") {
-		for (let t = 0; t < r; t++) {
-			let i = n === "Home" ? t : r - 1 - t;
-			if (e[i]) return i;
-		}
-		return -1;
-	}
-	let i = n === "ArrowDown" ? 1 : -1, a = t === -1 ? i === 1 ? -1 : r : t;
-	for (let t = 0; t < r; t++) if (a = (a + i + r) % r, e[a]) return a;
-	return -1;
-}
-//#endregion
-//#region src/shared/DropdownMenu.vue?vue&type=script&setup=true&lang.ts
-var w = ["aria-expanded", "title"], T = ["aria-label"], E = {
-	key: 0,
-	class: "cn-dropdown__separator",
-	role: "separator",
-	"data-dropdown-separator": "",
-	"aria-hidden": "true"
-}, D = [
-	"disabled",
-	"title",
-	"onClick"
-], O = { class: "cn-dropdown__item-label" }, k = {
-	key: 0,
-	class: "cn-dropdown__shortcut"
-}, A = 6, j = 2, M = /*#__PURE__*/ t(/* @__PURE__ */ c({
-	__name: "DropdownMenu",
-	props: {
-		label: {},
-		items: {},
-		title: {},
-		direction: { default: "down" }
-	},
-	emits: ["closed"],
-	setup(t, { emit: r }) {
-		let c = t, f = r, _ = m(null), M = m(null), N = m(null), { open: P, toggle: F, closeMenu: I } = S({ container: _ });
-		b(P, (e) => {
-			e || f("closed");
-		});
-		let L = m({
-			left: 0,
-			edge: "top",
-			offset: 0
-		});
-		function R() {
-			M.value?.focus();
-		}
-		function z(e) {
-			M.value = e instanceof HTMLElement ? e : null;
-		}
-		async function B() {
-			if (await u(), !P.value) return;
-			let e = N.value;
-			e !== null && (e.querySelector("[data-dropdown-item]:not([disabled])") ?? e).focus();
-		}
-		function V() {
-			return c.items.filter((e) => e !== "separator");
-		}
-		function H() {
-			return Array.from(N.value?.querySelectorAll("[data-dropdown-item]") ?? []);
-		}
-		function U(e) {
-			e.run(), e.keepsOpen !== !0 && (I(), R());
-		}
-		function W(e) {
-			let t = N.value;
-			if (t === null) return;
-			let n = H(), r = C(n.map((e) => !e.hasAttribute("disabled")), document.activeElement instanceof HTMLElement ? n.indexOf(document.activeElement) : -1, e);
-			if (r === -1) {
-				t.focus();
-				return;
-			}
-			n[r]?.focus();
-		}
-		function G(e) {
-			let t = V()[H().indexOf(e)];
-			t !== void 0 && !t.disabled && U(t);
-		}
-		function K(t) {
-			let n = t.key;
-			if (n === "Escape" || n === "Tab") {
-				if (n === "Tab") {
-					let n = t.target;
-					if (n instanceof HTMLElement && !n.matches("[data-dropdown-item]") && e(n)) return;
-				}
-				I(), R();
-				return;
-			}
-			if (n === "Enter" || n === " ") {
-				let e = t.target;
-				e instanceof HTMLElement && e.matches("[data-dropdown-item]") && (t.preventDefault(), G(e));
-				return;
-			}
-			if (n === "ArrowDown" || n === "ArrowUp" || n === "Home" || n === "End") {
-				let r = t.target;
-				if (r instanceof HTMLElement && !r.matches("[data-dropdown-item]") && e(r)) return;
-				t.preventDefault(), W(n);
-			}
-		}
-		function q(e) {
-			if (e.key === "ArrowDown") {
-				if (e.preventDefault(), !P.value) {
-					J();
-					return;
-				}
-				B();
-			}
-		}
-		async function J() {
-			if (!P.value) {
-				let e = M.value?.getBoundingClientRect();
-				e && (L.value = c.direction === "up" ? {
-					left: e.left,
-					edge: "bottom",
-					offset: window.innerHeight - e.top + A
-				} : {
-					left: e.left,
-					edge: "top",
-					offset: e.bottom + A
-				});
-			}
-			if (F(), !P.value) {
-				R();
-				return;
-			}
-			await u();
-			let e = N.value?.getBoundingClientRect();
-			if (!e) return;
-			let t = L.value;
-			L.value = {
-				left: Math.max(j, Math.min(t.left, window.innerWidth - e.width - j)),
-				edge: t.edge,
-				offset: Math.max(j, Math.min(t.offset, window.innerHeight - e.height - j))
-			}, B();
-		}
-		return (e, r) => (p(), a("div", {
-			ref_key: "container",
-			ref: _,
-			class: "cn-dropdown"
-		}, [g(e.$slots, "trigger", {
-			open: y(P),
-			toggle: J,
-			closeMenu: y(I),
-			triggerRef: z,
-			onKeydown: q
-		}, () => [o("button", {
-			ref: z,
-			type: "button",
-			class: "cn-dropdown__trigger",
-			"data-dropdown-trigger": "",
-			"aria-haspopup": "menu",
-			"aria-expanded": y(P),
-			title: t.title ?? t.label,
-			onClick: r[0] ||= (e) => J(),
-			onKeydown: q
-		}, [s(v(t.label) + " ", 1), r[2] ||= o("span", {
-			class: "cn-dropdown__caret",
-			"aria-hidden": "true"
-		}, "▾", -1)], 40, w)], !0), y(P) ? (p(), a("div", {
-			key: 0,
-			ref_key: "menuEl",
-			ref: N,
-			class: "cn-dropdown__menu",
-			role: "menu",
-			"aria-label": t.label,
-			"data-dropdown-menu": "",
-			tabindex: "-1",
-			style: d(L.value.edge === "top" ? {
-				left: `${L.value.left}px`,
-				top: `${L.value.offset}px`
-			} : {
-				left: `${L.value.left}px`,
-				bottom: `${L.value.offset}px`
-			}),
-			onKeydown: r[1] ||= x((e) => K(e), ["stop"])
-		}, [(p(!0), a(n, null, h(t.items, (e, t) => (p(), a(n, { key: t }, [e === "separator" ? (p(), a("div", E)) : (p(), a("button", l({
-			key: 1,
-			type: "button",
-			role: "menuitem",
-			class: "cn-dropdown__item",
-			"data-dropdown-item": "",
-			tabindex: "-1",
-			disabled: e.disabled,
-			title: e.title
-		}, { ref_for: !0 }, e.dataAttrs, { onClick: (t) => U(e) }), [o("span", O, v(e.label), 1), e.shortcut ? (p(), a("span", k, v(e.shortcut), 1)) : i("", !0)], 16, D))], 64))), 128)), g(e.$slots, "body", {
-			open: y(P),
-			toggle: J,
-			closeMenu: y(I),
-			triggerRef: z,
-			onKeydown: q
-		}, void 0, !0)], 44, T)) : i("", !0)], 512));
-	}
-}), [["__scopeId", "data-v-ec8a19c1"]]);
-//#endregion
-//#region src/shared/useDataSourceSchema.ts
-function N(e) {
-	let t = _(e.store.ui.dataSourceSchema), n = e.subscribe((n) => {
-		n.scope === "ui" && n.branch === "dataSourceSchema" && (t.value = e.store.ui.dataSourceSchema);
-	});
-	return f(n, !0), r(() => t.value);
-}
-//#endregion
-export { M as n, S as r, N as t };