@aham.ro/ui-designer 0.1.4 → 0.1.7

package/dist/iam-designer.js

@@ -1,225 +0,0 @@
-import { Fragment as e, Teleport as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, nextTick as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, watch as y, withModifiers as b } from "vue";
-//#region src/composables/useTranslation.ts
-function x() {
-	let e = c()?.appContext.config.globalProperties, t = e?.$t, n = typeof t == "function" ? t.bind(e) : void 0;
-	return (e, t) => {
-		let r = n?.(e);
-		return r && r !== e ? r : t;
-	};
-}
-//#endregion
-//#region src/widgets/header/IconButton.vue?vue&type=script&setup=true&lang.ts
-var S = [
-	"title",
-	"aria-label",
-	"disabled"
-], C = {
-	class: "icon",
-	"aria-hidden": "true"
-}, w = /*@__PURE__*/ s({
-	__name: "IconButton",
-	props: {
-		icon: { default: "settings" },
-		title: { default: "Settings" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		return (t, n) => (p(), i("button", {
-			class: "icon-button",
-			type: "button",
-			title: e.title,
-			"aria-label": e.title,
-			disabled: e.disabled
-		}, [a("span", C, _(e.icon), 1)], 8, S));
-	}
-}), T = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, E = /*#__PURE__*/ T(w, [["__scopeId", "data-v-b3b6390f"]]), D = [
-	"title",
-	"aria-label",
-	"aria-expanded"
-], O = ["disabled", "onClick"], k = {
-	key: 0,
-	class: "icon",
-	"aria-hidden": "true"
-}, A = /*#__PURE__*/ T(/* @__PURE__ */ s({
-	__name: "MoreButton",
-	props: { items: {} },
-	emits: ["select"],
-	setup(o, { emit: s }) {
-		let c = s, S = m(!1), C = m(), w = m(), T = m(), E = m({
-			top: 0,
-			right: 0
-		}), A = x()("tooltip-sidebar-more", "More");
-		function j() {
-			if (!w.value) return;
-			let e = w.value.getBoundingClientRect();
-			E.value = {
-				top: e.bottom + 6,
-				right: Math.max(8, window.innerWidth - e.right)
-			};
-		}
-		function M() {
-			S.value = !S.value;
-		}
-		function N(e) {
-			e.disabled || (c("select", e.id), S.value = !1);
-		}
-		function P(e) {
-			let t = e.target;
-			C.value && !C.value.contains(t) && !T.value?.contains(t) && (S.value = !1);
-		}
-		function F(e) {
-			e.key === "Escape" && (S.value = !1);
-		}
-		return f(() => {
-			document.addEventListener("click", P), document.addEventListener("keydown", F), window.addEventListener("resize", j), window.addEventListener("scroll", j, !0);
-		}), d(() => {
-			document.removeEventListener("click", P), document.removeEventListener("keydown", F), window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0);
-		}), y(S, async (e) => {
-			e && (await l(), j());
-		}), (s, c) => (p(), i("div", {
-			ref_key: "root",
-			ref: C,
-			class: "more-menu"
-		}, [a("button", {
-			ref_key: "button",
-			ref: w,
-			class: "more-button",
-			type: "button",
-			title: v(A),
-			"aria-label": v(A),
-			"aria-expanded": S.value,
-			"aria-haspopup": "menu",
-			onClick: b(M, ["stop"])
-		}, [...c[0] ||= [a("span", {
-			class: "icon",
-			"aria-hidden": "true"
-		}, "more_vert", -1)]], 8, D), (p(), n(t, { to: "body" }, [S.value ? (p(), i("div", {
-			key: 0,
-			ref_key: "dropdown",
-			ref: T,
-			class: "dropdown",
-			role: "menu",
-			style: u({
-				top: `${E.value.top}px`,
-				right: `${E.value.right}px`
-			})
-		}, [o.items?.length ? (p(!0), i(e, { key: 0 }, h(o.items, (e) => (p(), i("button", {
-			key: e.id,
-			class: "menu-item",
-			type: "button",
-			role: "menuitem",
-			disabled: e.disabled,
-			onClick: (t) => N(e)
-		}, [e.icon ? (p(), i("span", k, _(e.icon), 1)) : r("", !0), a("span", null, _(e.label), 1)], 8, O))), 128)) : g(s.$slots, "menu", { close: () => S.value = !1 }, void 0, !0, 1)], 4)) : r("", !0)]))], 512));
-	}
-}), [["__scopeId", "data-v-923fea1e"]]), j = ["disabled", "aria-busy"], M = {
-	key: 0,
-	class: "spinner",
-	"aria-hidden": "true"
-}, N = /*#__PURE__*/ T(/* @__PURE__ */ s({
-	__name: "SaveButton",
-	props: {
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		working: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		let t = x();
-		return (n, o) => (p(), i("button", {
-			class: "save-button",
-			type: "button",
-			disabled: e.disabled || e.working,
-			"aria-busy": e.working
-		}, [e.working ? (p(), i("span", M)) : r("", !0), a("span", null, _(v(t)("save-changes", "Save changes")), 1)], 8, j));
-	}
-}), [["__scopeId", "data-v-4a359870"]]), P = { class: "branding" }, F = { class: "title" }, I = { class: "subject" }, L = { class: "document-name" }, R = ["title"], z = { class: "actions" }, B = /*#__PURE__*/ T(/* @__PURE__ */ s({
-	__name: "Header",
-	props: {
-		subject: {},
-		shared: { type: Boolean },
-		themeChangeable: { type: Boolean },
-		moreItems: {}
-	},
-	emits: ["moreSelect"],
-	setup(e, { emit: t }) {
-		let s = e, c = t, l = x();
-		return (t, u) => (p(), i("header", null, [
-			a("div", P, [u[1] ||= a("span", { class: "icon" }, "design_services", -1), a("span", F, _(v(l)("designer", "Designer")), 1)]),
-			a("div", I, [a("span", L, _(e.subject), 1), e.shared ? (p(), i("span", {
-				key: 0,
-				class: "shared icon",
-				title: v(l)("shared", "Shared")
-			}, "groups", 8, R)) : r("", !0)]),
-			a("div", z, [
-				o(E, {
-					icon: "translate",
-					title: v(l)("translations", "Translations")
-				}, null, 8, ["title"]),
-				o(E, {
-					icon: "palette",
-					title: v(l)("change-theme", "Change theme")
-				}, null, 8, ["title"]),
-				s.themeChangeable === !1 ? r("", !0) : (p(), n(E, {
-					key: 0,
-					icon: "dark_mode",
-					title: v(l)("toggle-theme", "Toggle theme")
-				}, null, 8, ["title"])),
-				o(E, {
-					icon: "visibility",
-					title: v(l)("preview", "Preview")
-				}, null, 8, ["title"]),
-				o(N, {
-					disabled: !1,
-					working: !1
-				}),
-				o(A, {
-					items: s.moreItems,
-					onSelect: u[0] ||= (e) => c("moreSelect", e)
-				}, null, 8, ["items"])
-			])
-		]));
-	}
-}), [["__scopeId", "data-v-b6ce5e30"]]), V = { class: "iam-designer" }, H = /*#__PURE__*/ T(/* @__PURE__ */ s({
-	__name: "Designer",
-	props: {
-		value: {},
-		options: {}
-	},
-	emits: ["moreSelect"],
-	setup(e, { emit: t }) {
-		let n = t;
-		function r(e) {
-			n("moreSelect", e);
-		}
-		return (t, n) => (p(), i("section", V, [
-			o(B, {
-				subject: e.options?.subject ?? "",
-				shared: e.options?.shared,
-				"theme-changeable": e.options?.theme?.changeable,
-				"more-items": e.options?.moreItems,
-				onMoreSelect: r
-			}, null, 8, [
-				"subject",
-				"shared",
-				"theme-changeable",
-				"more-items"
-			]),
-			n[0] ||= a("h2", null, "UI Designer", -1),
-			a("p", null, "Value: " + _(e.value), 1)
-		]));
-	}
-}), [["__scopeId", "data-v-6baee9bc"]]);
-//#endregion
-export { H as Designer };