@ghentcdh/annotation-vue 0.0.1-alpha.22 → 0.0.1-alpha.24

package/ControlWrapper-8o-deDw7-i1twuNp0.js

@@ -0,0 +1,150 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
+//#region ../../node_modules/.pnpm/@ghentcdh+ui@3.1.1_@playwright+test@1.63.0_@tiptap+pm@3.31.4_@tiptap+starter-kit@3.31.4_116ec0d791cbe8cbb9faefacd83bcfb3/node_modules/@ghentcdh/ui/ControlWrapper-8o-deDw7.js
+var l = {
+	group: {
+		root: "group",
+		label: "text-primary text-lg font-bold",
+		item: "group-item"
+	},
+	verticalLayout: {
+		root: "flex flex-col gap-x-2",
+		item: "w-full"
+	},
+	horizontalLayout: {
+		root: "flex flex-row gap-x-2",
+		item: "w-full"
+	},
+	arrayList: {
+		root: "fieldset",
+		legend: "fieldset-legend text-xl capitalize"
+	},
+	control: {
+		root: "fieldset",
+		wrapper: "fieldset",
+		label: "fieldset-legend",
+		error: "",
+		input: "input",
+		textarea: "textarea h-32",
+		checkbox: "checkbox",
+		select: "input pr-14",
+		description: "form-control--description label text-xs text-gray-500"
+	},
+	fixedArrayList: {
+		root: "flex flex-row gap-x-2",
+		item: "w-full"
+	}
+}, u = (e) => {
+	if (!e) return { ...l };
+	let t = { ...l };
+	for (let n of Object.keys(e)) {
+		let r = e[n];
+		r && typeof r == "object" && (t[n] = {
+			...l[n],
+			...r
+		});
+	}
+	return t;
+}, d = {
+	id: {
+		type: String,
+		default: void 0
+	},
+	placeholder: {
+		type: String,
+		default: void 0
+	},
+	description: {
+		type: String,
+		default: void 0
+	},
+	errors: {
+		type: String,
+		default: void 0
+	},
+	label: {
+		type: String,
+		default: void 0
+	},
+	visible: {
+		type: Boolean,
+		default: !1
+	},
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	enabled: {
+		type: Boolean,
+		default: !0
+	},
+	isFocused: {
+		type: Boolean,
+		default: !1
+	},
+	isTouched: {
+		type: Boolean,
+		default: !1
+	},
+	hideLabel: {
+		type: Boolean,
+		default: !1
+	},
+	styles: {
+		type: Object,
+		default: () => l
+	},
+	width: {
+		type: String,
+		default: "!w-48"
+	},
+	size: {
+		type: String,
+		default: void 0
+	},
+	hideErrors: {
+		type: Boolean,
+		default: !1
+	}
+}, f = ["change"], p = {
+	...d,
+	width: {
+		type: String,
+		default: "w-48"
+	},
+	minHeight: {
+		type: String,
+		default: "min-h-[50vh]"
+	},
+	actions: {
+		type: Object,
+		default: () => [{
+			label: "<strong>B</strong>",
+			name: "bold",
+			action: (e) => e?.chain().focus().toggleBold().run()
+		}, {
+			label: "<em>I</em>",
+			name: "italic",
+			action: (e) => e?.chain().focus().toggleItalic().run()
+		}]
+	}
+}, m = ({ isTouched: e, errors: t }) => !!(e && t), h = (e, t, n, r) => t === void 0 || t !== void 0 && !e || !r && !n, g = {
+	key: 0,
+	class: "flex items-center justify-between mb-2"
+}, _ = { key: 0 }, v = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "ControlWrapper",
+	props: d,
+	setup(i) {
+		let l = i, d = e(() => !h(l.visible, l.description, l.isFocused, !0)), f = e(() => l.required), p = e(() => m(l)), v = e(() => u(l.styles));
+		return (e, i) => (o(), n("fieldset", { class: a(["fieldset", [e.width, v.value.control.wrapper]]) }, [
+			r("legend", { class: a(["w-full inline-block", [v.value.control.label, { "p-0 h-0 leading-none": e.hideLabel }]]) }, [e.hideLabel ? t("", !0) : (o(), n("div", g, [r("div", null, [r("span", null, c(e.label), 1), f.value ? (o(), n("span", _, "*")) : t("", !0)]), s(e.$slots, "label-action")]))], 2),
+			s(e.$slots, "default"),
+			e.hideErrors ? t("", !0) : (o(), n("p", {
+				key: 0,
+				class: a(["fieldset-label h-4", { "text-error": p.value }])
+			}, c(p.value ? e.errors : d.value ? e.description : null), 3))
+		], 2));
+	}
+});
+//#endregion
+export { v as i, f as n, p as r, d as t };